/* ==========================================================================
   CHROME CSS — ported verbatim from the approved chrome
   (chrome_test/chrome_preview.html + home_preview.html, approved 2026-06-30
   and 2026-07-01). Every rule cites its source in chrome_test/tokens_note.md.
   Port changes ONLY: font paths assets/fonts/ → /chrome/fonts/ (root-relative,
   migration principle 1); the .simbar proof-banner rule dropped (proof
   scaffolding, not site chrome).
   ========================================================================== */

/* Roboto — live_theme.css:13 */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,500,500i,700,700i');
/* Ionicons v4.1.2, self-hosted — tokens_note.md "Header — search icon" */
@font-face{font-family:'Ionicons';src:url('/chrome/fonts/ionicons.woff2') format('woff2');font-weight:normal;font-style:normal}
/* FoundryGridnik — self-hosted display font (live_theme.css:16-46). The site's
   h1/h2 display headings use it; content_tokens_note.md CORRECTION 2026-07-01.
   font-display:swap so headings show in fallback instead of FOIT. */
@font-face{font-family:'FoundryGridnik Regular';src:url('/chrome/fonts/foundrygridnik-regular.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'FoundryGridnik Medium';src:url('/chrome/fonts/foundrygridnik-medium.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}

*{box-sizing:border-box}

/* live_theme.css:49, 52, 70 */
body{margin:0;background-color:#edeef2}
body,p,h1,h2,h3,h4,h5,h6,ul,li{font-family:'Roboto',sans-serif;color:#1b325d;line-height:1.1em}
body,p{line-height:1.5em}
a{color:#1b325d}                 /* live_theme.css:153 */
a:hover{color:#cecece}           /* live_theme.css:154 */

/* main = full-width white band, no card, no border — live_theme.css:50
   (the ground_truth_protocol.md incident fact; site-wide chrome rule) */
main{background-color:#ffffff}

/* ---- HEADER (live_theme.css:193; tokens_note.md) ---- */
header.sitehead{background-color:#fff;height:71px;overflow:visible;position:sticky;top:0;z-index:1020;padding-top:8px}
@media(min-width:768px){ header.sitehead{padding-top:24px} }

.container{width:100%;padding:0 15px;margin:0 auto}
@media(min-width:576px){ .container{max-width:540px} }
@media(min-width:768px){ .container{max-width:720px} }
@media(min-width:992px){ .container{max-width:960px} }
@media(min-width:1200px){ .container{max-width:1140px} }

header.sitehead .in{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;position:relative}
.wordmark{display:none;position:absolute;left:15px;top:0}
.wordmark img{display:block;height:29px;width:268px}
@media(min-width:992px){ .wordmark{display:block} }
.dotsmark img{display:block;width:100px;height:77px;margin-top:0}
@media(min-width:768px){ .dotsmark img{width:107px;height:82px;margin-top:-25px} }

.headicons{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center}
.search-ic{font-family:'Ionicons';font-style:normal;color:#1b325d;font-size:1.4rem;margin-right:14px;line-height:1;text-decoration:none}  /* text-decoration:none added 2026-07-02: the icon became a link to /search/ (was a decorative span); neutralizes the anchor default underline so the glyph renders exactly as before */
.search-ic:before{content:"\f4a5"}
.menu-toggle-checkbox{display:none}
.navtoggler{display:inline-block;cursor:pointer;padding:0;border:0;line-height:0}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;background:no-repeat center center;background-size:100% 100%;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(27,50,92, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}
.menu-panel{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:14px 20px;flex-direction:column;box-shadow:0 2px 8px rgba(27,50,92,.08)}
.menu-toggle-checkbox:checked ~ .menu-panel{display:flex}
.menu-panel a{color:#1b325d;text-decoration:none;padding:8px 0;font-size:1rem;border-bottom:1px solid #edeef2}
.menu-panel a:last-child{border-bottom:0}
.menu-panel a:hover{color:#cecece}

/* ---- FOOTER — carried from chrome_preview.html (live_theme.css:330) ---- */
footer.sitefoot{background-color:#edeef2;padding:40px 0 30px;text-align:center}
footer.sitefoot .in{max-width:520px;margin:0 auto;padding:0 15px}
.famrow{font-size:1rem;margin:0 0 10px}
.famrow a{color:#1b325d;text-decoration:none}
.famrow a:hover{color:#cecece}
.famrow .sep{color:#a9b1c2;padding:0 .5em}
.credit{font-size:.85rem;margin:0}
.credit .todo{border-bottom:1px dashed #a9b1c2;cursor:help}