@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url("barlow-400-latin.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url("barlow-600-latin.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url("barlow-condensed-700-latin.woff2") format("woff2")}
:root{--navy:#102c48;--navy-deep:#0b2239;--orange:#fc770a;--orange-ink:#a64000;--ink:#132e47;--muted:#506274;--line:#dde5ec;--pale:#f4f7fa;--white:#fff;--tint:#fde9d7}
*{box-sizing:border-box}
body{margin:0;background:var(--pale);color:var(--ink);font-family:"Barlow",Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:#1d5f94;text-underline-offset:3px}a:hover{color:var(--orange-ink)}
button{font:inherit;cursor:pointer}
.wrap{width:min(1100px,calc(100% - 32px));margin-inline:auto}
.top{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.logo{width:150px;height:auto;display:block}
.who{text-align:right;display:flex;flex-direction:column;line-height:1.25}
.who strong{font-weight:600;color:var(--navy)}.who span{font-size:.85rem;color:var(--muted)}
h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:1.75rem;line-height:1.1;color:var(--navy-deep);margin:8px 0 4px}
.note{color:var(--muted);font-size:.92rem;margin:0 0 16px;max-width:75ch}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 18px}
.stat{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px 16px;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:2px}
.stat:hover{border-color:#b9c8d6}
.stat b{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:2rem;line-height:1;color:var(--navy)}
.stat:first-child b{color:var(--orange-ink)}
.stat span{font-size:.85rem;color:var(--muted)}
.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);overflow-x:auto}
.tabs button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:10px 14px;font-weight:600;color:var(--muted);white-space:nowrap}
.tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--orange)}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}
#q{flex:1 1 260px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--white);font:inherit}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:6px;padding:7px 12px;font-size:.88rem;min-height:38px}
.chips button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--white)}
#pflag{margin:-4px 0 14px}
.list{display:flex;flex-direction:column;gap:10px}
.card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.card.pick{border-left:4px solid var(--orange)}
.card h3{font-size:1.05rem;font-weight:600;margin:0 0 2px;color:var(--navy-deep);line-height:1.3}
.meta{font-size:.9rem;color:var(--muted)}
.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:.9rem}
.facts span b{font-weight:600;color:var(--navy)}
.why{margin-top:8px;font-size:.88rem;color:var(--orange-ink)}
.quote{margin:8px 0 0;font-size:.92rem;color:var(--ink);border-left:3px solid var(--line);padding-left:10px}
.pill{display:inline-block;white-space:nowrap;padding:2px 9px;border-radius:12px;font-size:.78rem;font-weight:600;background:#eef1f4;color:var(--muted)}
.pill.hot{background:var(--tint);color:var(--orange-ink)}
.pill.navy{background:#e7eef6;color:var(--navy)}
.links{margin-top:8px;font-size:.9rem;display:flex;gap:16px;flex-wrap:wrap}
.more{margin-top:22px}
.more summary{cursor:pointer;font-weight:600;color:var(--navy);padding:8px 0}
.more .list{margin-top:6px}
.empty{background:var(--white);border:1px dashed var(--line);border-radius:10px;padding:18px;color:var(--muted)}
.briefs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.briefs a{display:block;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-weight:600;text-decoration:none;color:var(--navy)}
.briefs a:hover{border-color:var(--orange)}
.foot{color:var(--muted);font-size:.88rem;padding:32px 0 48px}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #246598;outline-offset:2px;border-radius:4px}
@media (max-width:720px){
  .stats{grid-template-columns:repeat(2,1fr)}
  .logo{width:120px}
  .who span{font-size:.78rem}
  .row{flex-direction:column;gap:6px}
}
