/* Match the homepage's mobile header without changing the desktop layout. */
:is(.about-page,.policy-page) .mobile-nav-only{display:none}
@media(max-width:600px){
 html{scroll-padding-top:80px}
 html .editorial-page:is(.about-page,.policy-page) .header{height:64px}
 html .editorial-page:is(.about-page,.policy-page) .nav{display:flex;align-items:center;gap:14px;height:100%}
 :is(.about-page,.policy-page) .brand{gap:6px}
 :is(.about-page,.policy-page) .brand img{width:24px;height:24px}
 :is(.about-page,.policy-page) .brand>span{font-size:14px;letter-spacing:-.4px;white-space:nowrap}
 html .editorial-page:is(.about-page,.policy-page) .nav nav{display:flex;position:static;flex-direction:row;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto;padding:0;width:auto;border:0;box-shadow:none;background:transparent}
 :is(.about-page,.policy-page) .nav nav a{font-size:13px;line-height:44px;min-height:44px;white-space:nowrap}
 :is(.about-page,.policy-page) .nav nav .mobile-nav-only{display:block}
 :is(.about-page,.policy-page) .nav-actions,:is(.about-page,.policy-page) .menu-toggle{display:none}
}
@media(max-width:360px){
 html .editorial-page:is(.about-page,.policy-page) .nav{gap:10px}
 :is(.about-page,.policy-page) .brand>span{font-size:13px}
 html .editorial-page:is(.about-page,.policy-page) .nav nav{gap:10px}
 :is(.about-page,.policy-page) .nav nav a{font-size:12px}
}
@media(prefers-color-scheme:dark){
 :root{color-scheme:dark;--paper:#171719;--ink:#f0eff2;--muted:#b4b2bb;--line:#353438;--accent:#f39388;--accent-hover:#ffb1a7}
 body:is(.about-page,.policy-page){background:var(--paper);color:var(--ink)}
 ::selection{background:#65403f;color:#fff}
 :is(.about-page,.policy-page) .header{background:#171719f5}
 :is(.about-page,.policy-page) .nav nav a{color:#c7c5ce}
 :is(.about-page,.policy-page) .nav nav a[aria-current=page]{color:var(--accent)}
 :is(.about-page,.policy-page) .nav nav a:hover{color:var(--ink);opacity:1}
 :is(.about-page,.policy-page) .person-top{background:#242428}
 :is(.about-page,.policy-page) .person-body h3 span,:is(.about-page,.policy-page) .person-label{color:#aaa7b2}
 :is(.about-page,.policy-page) .person-socials a{background:#242428;color:#c7c5ce;border-color:#46434c}
 :is(.about-page,.policy-page) .person-socials a:hover{color:var(--accent);border-color:var(--accent)}
 :is(.about-page,.policy-page) .minimal-footer{color:#aaa7b2}
 :is(.about-page,.policy-page) .minimal-footer a:hover{color:var(--ink)}
 :is(.about-page,.policy-page) .skip{background:var(--ink);color:var(--paper)}
 :is(.about-page,.policy-page) .nav-actions .nav-download{background:#b92c20;color:#fff}
 :is(.about-page,.policy-page) .nav-actions .nav-download:hover{background:#cf3628;color:#fff}
}

@media(max-width:600px){
 :is(.about-page,.policy-page) .nav nav .home-link{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:44px}
}

@media(max-width:600px){
 html .editorial-page:is(.about-page,.policy-page) .nav{gap:10px}
 html .editorial-page:is(.about-page,.policy-page) .nav nav{gap:12px}
}
@media(max-width:360px){
 html .editorial-page:is(.about-page,.policy-page) .nav{gap:6px}
 :is(.about-page,.policy-page) .brand{gap:4px}
 :is(.about-page,.policy-page) .brand img{width:20px;height:20px}
 :is(.about-page,.policy-page) .brand>span{font-size:12px}
 html .editorial-page:is(.about-page,.policy-page) .nav nav{gap:4px}
}

/* Place profile links beside the name on phones; keep desktop card flow. */
@media(max-width:600px){
 .about-page .person-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-content:start}
 .about-page .person-top{grid-column:1/-1;grid-row:1}
 .about-page .person-body{display:contents}
 .about-page .person-body h3{grid-column:1;grid-row:2;min-width:0;margin-top:18px}
 .about-page .person-body>p{grid-column:1/-1}
 .about-page .person-socials{grid-column:2;grid-row:2;align-self:center;gap:10px;margin:18px 0 0;padding:0}
 .about-page .person-socials a{width:44px;height:44px}
}