.header{background-color:var(--primary-color);color:var(--text-color);font-family:var(--header-font);text-transform:lowercase;z-index:10;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.header__logo a{color:var(--background-color);font-size:1.5rem;text-decoration:none}.header__nav a{color:var(--background-color);margin:0 1rem;font-weight:500;text-decoration:underline}.header__nav a[aria-current=page]{-webkit-text-decoration-color:var(--hover-color);text-decoration-color:var(--hover-color);text-decoration-thickness:3px}.modal{z-index:1000;border:none;border-radius:10px;width:min(26rem,100vw - 2rem);margin:auto;padding:20px;overflow:hidden;box-shadow:0 4px 10px #0003}.modal::backdrop{background:#4a575973}.modal-open{font-family:var(--header-font);color:var(--background-color);text-transform:inherit;cursor:pointer;background-color:#0000;background-repeat:no-repeat;border:none;margin:0 1rem;padding:0;font-size:1.5rem;font-weight:500;text-decoration:underline}.modal-open:hover,.header__nav a:hover,.header__logo a:hover{color:var(--hover-color)}.header__nav{align-items:center;font-size:1.5rem;display:flex}@media screen and (max-width:600px){.header{padding:.85rem 1rem}.header__logo a,.header__nav,.modal-open{font-size:1.15rem}.header__nav a,.modal-open{margin:0 0 0 1rem}}
.modal-content{flex-direction:column;gap:15px;display:flex}.modal p{font-family:var(--body-font);color:#555;margin:0;font-size:clamp(1rem,1.6vw,1.25rem)}.modal p a{color:inherit;-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color);margin:0;font-weight:400}.modal p a:hover{color:inherit;background:var(--hover-color)}.modal h2{color:#333;font-size:clamp(1.4rem,2.4vw,1.9rem);font-family:var(--header-font);border-bottom:1px solid #ddd;margin:0;padding-bottom:10px}