@import url("base.css");
/* B — FIELD INDEX: utility-first map + list, black/gold, grotesk + mono */
body.b{background:var(--paper)}
.b .site.dark{background:var(--ink);color:var(--paper);border-color:var(--accent)}
.b .site.dark .wordmark{color:var(--accent)}
.b .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.b .hero{background:var(--ink);color:var(--paper);padding:clamp(32px,6vw,80px) clamp(16px,4vw,48px) 36px;border-bottom:8px solid var(--accent)}
.b .hero-in{max-width:1280px;margin:0 auto}
.b h1{font:800 clamp(38px,6.4vw,84px)/.98 Archivo,sans-serif;letter-spacing:-.03em;margin:0 0 24px;max-width:16ch}
.b .search{display:flex;max-width:760px;border:2px solid var(--accent)}
.b .search input{flex:1;min-width:0;font:400 18px Archivo,sans-serif;padding:16px;border:0;background:#1d1d1d;color:var(--paper)}
.b .search button{font:700 14px "IBM Plex Mono",monospace;text-transform:uppercase;background:var(--accent);color:var(--ink);border:0;padding:0 22px}
.b .chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.b .chips button{font:600 13px/1 "IBM Plex Mono",monospace;padding:10px 12px;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer}
.b .stats{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 0;border-top:1px solid #444}
.b .stats div{padding:14px 12px 0 0}.b .stats dt{font:400 12px "IBM Plex Mono",monospace;text-transform:uppercase;color:#bdb5a3}.b .stats dd{margin:0;font:800 clamp(28px,4vw,44px)/1.1 Archivo,sans-serif;color:var(--accent)}
@media(max-width:620px){.b .stats{grid-template-columns:1fr 1fr}}
.b .sechead{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--ink);margin:44px 0 16px;gap:12px}
.b .sechead h2{font:800 28px/1.1 Archivo,sans-serif;letter-spacing:-.02em;margin:0 0 8px}.b .sechead p,.b .sechead a{margin:0;font:400 13px "IBM Plex Mono",monospace}
.b .tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.b .tiles a{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;font-weight:600;min-height:56px}
.b .tiles a:hover{background:var(--accent)}.b .tiles small{font:400 11px "IBM Plex Mono",monospace;color:var(--muted);white-space:nowrap}
@media(max-width:520px){.b .tiles{grid-template-columns:1fr 1fr}.b .tiles a{flex-direction:column;gap:2px;font-size:15px}}
.b .two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media(max-width:900px){.b .two{grid-template-columns:1fr}}
.b .news{background:var(--ink);color:var(--paper);border-color:var(--ink);margin-top:44px}.b .news h2{font:800 24px Archivo,sans-serif;color:var(--accent)}.b .news button{background:var(--accent);color:var(--ink)}
.b .hubhead{padding:20px 0 8px}
.b .hubhead h1{color:var(--ink);font-size:clamp(36px,5.6vw,72px)}
.b .meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.b .meta>*{font:600 12px/1 "IBM Plex Mono",monospace;text-transform:uppercase;border:1.5px solid var(--ink);padding:7px 9px}
.b .answer{font-size:19px;line-height:1.5;max-width:70ch;border-left:6px solid var(--accent);padding:4px 0 4px 16px;margin:0 0 8px}
.b .split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.b .split .mapfig{position:sticky;top:16px;margin:0}
@media(max-width:900px){.b .split{grid-template-columns:1fr}.b .split .mapfig{position:static;order:-1}}
.b .list{list-style:none;margin:0;padding:0;border-top:3px solid var(--ink)}
.b .row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--soft);text-decoration:none}
.b .row:hover{background:var(--paper2)}
.b .pinno{grid-row:span 3;width:36px;height:36px;background:var(--accent);border:2px solid var(--ink);font:800 18px/32px Archivo,sans-serif;text-align:center}
.b .nm h3{margin:0;font:800 20px/1.2 Archivo,sans-serif;letter-spacing:-.01em}.b .ad,.b .hr{font:400 13px "IBM Plex Mono",monospace;color:var(--muted)}
.b .gt{font-size:15px}
.b .next ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.b .next a{display:inline-block;border:1.5px solid var(--ink);padding:9px 12px;text-decoration:none;font-weight:600}
.b .next h2{font:800 22px Archivo,sans-serif;margin:44px 0 8px}
.b .spechead{padding:20px 0 24px;border-bottom:3px solid var(--ink)}
.b .eyebrow{font:600 12px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}
.b .tags{display:flex;gap:8px;margin:0 0 14px}.b .tags span{background:var(--ink);color:var(--accent);font:600 12px/1 "IBM Plex Mono",monospace;padding:7px 9px;text-transform:uppercase}
.b .specgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-left:1px solid var(--ink);border-top:1px solid var(--ink);margin-top:28px}
.b .card{padding:clamp(18px,2.4vw,28px);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.b .card h2{font:600 12px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.b .card ul{padding-left:18px}.b .card li{margin:4px 0}
.b .order{background:var(--ink);color:var(--paper)}.b .order h2{color:var(--accent)}.b .order .big{font:800 clamp(34px,4.6vw,56px)/1 Archivo,sans-serif;letter-spacing:-.02em;color:var(--accent);margin:0 0 12px}
.b .src{font:400 12px "IBM Plex Mono",monospace;opacity:.75}
@media(max-width:700px){.b .specgrid{grid-template-columns:1fr}}