/* Shared containers, header and navigation. */

/* editorial; identical rules shared without changing specificity */
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) .container{width:min(1200px,100% - 6rem);margin-inline:auto;}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) .skip-link{position:absolute;left:1rem;top:-6rem;padding:.75rem 1rem;background:var(--bg);z-index:10;}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) .skip-link:focus{top:1rem;}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) .site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.75rem;}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) .logo-link{display:block;flex:0 1 392px;}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) .site-logo{content:url("/img/autoproxy-logo.webp");display:block;width:100%;height:auto;}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling).dark-mode .site-logo{content:url("/img/autoproxy-logo-dark.webp");}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) nav ul{display:flex;align-items:center;gap:1.75rem;list-style:none;}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) nav a,:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) nav button{font-size:1.025rem;font-weight:600;text-decoration:none;white-space:nowrap;}
:where(.page-about,.page-home,.page-services,.page-advisory,.page-risk-modeling) nav button{color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.55rem .75rem;background:transparent;}
:where(.page-about,.page-services,.page-advisory,.page-risk-modeling,.page-contact) nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--highlight);text-decoration-thickness:2px;}

/* legacy; identical rules shared without changing specificity */
:where(.page-404,.page-privacy,.page-terms) .full-bleed{width:100%;height:auto;display:block;}
:where(.page-404,.page-privacy,.page-terms) .content-wrapper{max-width:1200px;margin:2rem auto 3rem;padding:0 1.5rem;}
:where(.page-404,.page-privacy,.page-terms) .content-card{background:var(--card-bg);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.12);padding:2.5rem;}
:where(.page-404,.page-privacy,.page-terms) .site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:2rem;}
:where(.page-404,.page-privacy,.page-terms) .logo-link{display:block;width:50%;max-width:700px;flex-shrink:0;}
:where(.page-404,.page-privacy,.page-terms) .brand-logo-large{width:100%;height:auto;display:block;}
:where(.page-404) nav ul{list-style:none;display:flex;gap:1.25rem;}
:where(.page-privacy,.page-terms) nav ul{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0;}
:where(.page-404,.page-privacy,.page-terms) nav a{text-decoration:none;font-weight:500;color:var(--text);cursor:pointer;}
:where(.page-404,.page-privacy,.page-terms) nav a:hover{color:var(--accent);}