/* The same navigation and surrounding controls on every page. */
@import url('/assets/css/fonts.css');
@import url('/assets/css/frame.css');

body.header-study .site-header {
 position:fixed; inset:0 0 auto; z-index:65; height:64px;
 color:#fff; background:transparent; border:0; box-shadow:none;
 backdrop-filter:none; -webkit-backdrop-filter:none; transform:none; transition:none;
 font-family:var(--font-sans);
}
body.header-study .site-header[data-surface="light"] { color:#27272c; }
body.header-study .site-header .study-rail {
 position:relative; display:flex; align-items:center; justify-content:space-between; gap:30px;
 height:64px; margin:0 auto; padding:0 var(--frame-gutter);
}
body.header-study .site-header .study-rail::after { display:none; }
body.header-study .site-header .study-logo {
 display:inline-flex; align-items:center; width:max-content; min-height:44px;
 color:inherit; text-decoration:none; flex:none;
}
body.header-study .site-header .study-wordmark {
 width:132px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9;
 stroke-linecap:butt; stroke-linejoin:round; overflow:visible;
}
body.header-study .site-header .study-wordmark-text {
 position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
 clip-path:inset(50%); white-space:nowrap; border:0;
}
body.header-study .site-header a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
body.header-study .skip-link { font:400 14px/1.5 var(--font-sans); }
body.header-study .about-layout { width:calc(100% - 2 * var(--frame-gutter)); max-width:var(--frame-max); }
body.header-study .about-prose { padding-top:clamp(136px,calc(18svh + 24px),204px); }
body.header-study .about-signoff .site-pill {
 display:inline-flex; align-items:center; justify-content:center; gap:6px;
 min-height:41px; height:41px; padding:0 16px 0 20px; border:0; border-radius:999px;
 color:#fff; background:#27272c; text-decoration:none; white-space:nowrap;
 font:400 14px/21px var(--font-sans); letter-spacing:normal;
 transition:background-color .2s ease;
}
body.header-study .about-signoff .site-pill:hover { background:#000; }
body.header-study .site-pill .pill-arrow {
 flex:none; width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.6;
 stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease;
}
body.header-study .site-pill:hover .pill-arrow { transform:translateX(2px); }
body.header-study .about-signoff .site-pill:focus-visible { outline:2px solid #27272c; outline-offset:5px; }
@media (max-width:1023px) {
 body.header-study .site-header .study-wordmark { width:119px; height:18px; }
}
@media (max-width:809.98px) {
 body.header-study .about-layout { width:calc(100% - 44px); }
 body.header-study .about-prose { padding-top:clamp(128px,calc(14svh + 24px),160px); }
}