:root{--bulletin-bg:#e9edf1;--bulletin-ink:#0d1b26;--bulletin-bar:#15293a;--bulletin-panel:#fff;--bulletin-line:#d1d8df;--bulletin-muted:#5a6b7a;--bulletin-amber:#f5a623;--bulletin-amber-ink:#9a5b00;--bulletin-head:"Avenir Next Condensed","Roboto Condensed","Arial Narrow",Bahnschrift,"Segoe UI",system-ui,sans-serif;--bulletin-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
a{color:inherit}
img{max-width:100%}
body.bulletin-desk{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bulletin-bg);color:var(--bulletin-ink);font:400 1rem/1.5 "Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
.bulletin-main{flex:1}
.bulletin-wrap{max-width:1240px;margin-inline:auto;padding-inline:1.1rem}

.bulletin-top{position:sticky;top:0;z-index:10;background:var(--bulletin-ink);color:#fff;border-bottom:3px solid var(--bulletin-amber)}
.bulletin-bar{display:flex;align-items:center;gap:1.6rem}
.bulletin-brand{flex:none;display:flex;align-items:center;gap:.65rem;padding-block:.6rem;text-decoration:none;font-family:var(--bulletin-head);font-size:1.5rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:#fff}
.bulletin-nav{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline-start:auto}
.bulletin-nav::-webkit-scrollbar{display:none}
.bulletin-nav a{flex:none;padding:1.15rem .9rem;font-family:var(--bulletin-head);font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#b9c6d2;box-shadow:inset 0 -4px 0 transparent}
.bulletin-nav a:hover{color:#fff}
.bulletin-nav a[aria-current]{color:#fff;box-shadow:inset 0 -4px 0 var(--bulletin-amber)}
.bulletin-tagline{margin:0;padding:.35rem 0;background:var(--bulletin-bar);color:#9fb0bf;font-family:var(--bulletin-mono);font-size:.72rem;letter-spacing:.03em}

.bulletin-tag{display:flex;flex-wrap:wrap;gap:.1rem .6rem;margin:0 0 .3rem;font-family:var(--bulletin-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--bulletin-muted)}
.bulletin-tag span{padding:0 .4rem;background:var(--bulletin-amber);color:var(--bulletin-ink);font-weight:700}
.bulletin-sum{margin:0;color:#34465a}
.bulletin-thumb{display:block}
.bulletin-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bulletin-line)}

.bulletin-board{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.4rem;padding-block:1.4rem 2.5rem;align-items:start}
.bulletin-stage{min-width:0;display:flex;flex-direction:column;gap:1.4rem}
.bulletin-lead{position:relative;display:flex;align-items:flex-end;min-height:360px;overflow:hidden;background:var(--bulletin-ink);color:#fff;border-radius:3px}
.bulletin-lead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bulletin-lead::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,16,24,.94) 0%,rgba(8,16,24,.55) 45%,rgba(8,16,24,0) 80%)}
.bulletin-lead-plain{border-inline-start:8px solid var(--bulletin-amber)}
.bulletin-lead-text{position:relative;z-index:2;padding:1.6rem}
.bulletin-lead .bulletin-tag{color:#c7d2dc}
.bulletin-lead h2{margin:0 0 .5rem;font-family:var(--bulletin-head);font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;line-height:1.05;letter-spacing:.005em}
.bulletin-lead h2 a{text-decoration:none}
.bulletin-lead h2 a::after{content:"";position:absolute;inset:0;z-index:3}
.bulletin-lead .bulletin-sum{max-width:48rem;color:#dbe4ec}

.bulletin-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.bulletin-tile{background:var(--bulletin-panel);border:1px solid var(--bulletin-line);border-top:3px solid var(--bulletin-ink)}
.bulletin-tile .bulletin-thumb img{aspect-ratio:3/2}
.bulletin-tile .bulletin-tag{padding:.7rem .8rem 0}
.bulletin-tile h3{margin:0;padding:0 .8rem .9rem;font-family:var(--bulletin-head);font-size:1.12rem;font-weight:700;line-height:1.15}
.bulletin-tile h3 a{text-decoration:none}
.bulletin-tile h3 a:hover,.bulletin-feature h3 a:hover,.bulletin-story h2 a:hover,.bulletin-rows a:hover{color:var(--bulletin-amber-ink)}

.bulletin-panel{background:var(--bulletin-panel);border:1px solid var(--bulletin-line)}
.bulletin-panel>header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .9rem;background:var(--bulletin-bar);color:#fff}
.bulletin-panel>header h2{margin:0;font-family:var(--bulletin-head);font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.bulletin-panel>header h2 a{text-decoration:none}
.bulletin-panel>header h2::before{content:"";display:inline-block;width:.6rem;height:.6rem;margin-inline-end:.55rem;background:var(--bulletin-amber)}
.bulletin-panel>header>a{font-family:var(--bulletin-mono);font-size:.72rem;text-decoration:none;color:#c7d2dc}
.bulletin-panel-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.2rem;padding:1rem}
.bulletin-feature h3{margin:0 0 .4rem;font-family:var(--bulletin-head);font-size:1.45rem;font-weight:700;line-height:1.1}
.bulletin-feature h3 a{text-decoration:none}
.bulletin-feature .bulletin-thumb{margin-bottom:.7rem}
.bulletin-feature .bulletin-sum{font-size:.93rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.bulletin-rows{margin:0;padding:0;list-style:none}
.bulletin-rows li{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:.6rem;padding-block:.65rem;border-bottom:1px solid var(--bulletin-line)}
.bulletin-rows li:first-child{padding-top:0}
.bulletin-rows li:last-child{border-bottom:0;padding-bottom:0}
.bulletin-rows time{font-family:var(--bulletin-mono);font-size:.72rem;line-height:1.7;color:var(--bulletin-muted)}
.bulletin-rows a{font-weight:600;line-height:1.3;text-decoration:none}
.bulletin-wire{position:sticky;top:4.6rem;padding:.9rem 1rem;background:var(--bulletin-panel);border:1px solid var(--bulletin-line);border-top:3px solid var(--bulletin-amber)}
.bulletin-wire h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .8rem;font-family:var(--bulletin-head);font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.bulletin-wire h2 a{text-decoration:none}
.bulletin-wire h2 i{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:#e5383b;box-shadow:0 0 0 3px rgba(229,56,59,.25)}

.bulletin-listing{padding-block:1.6rem 3rem}
.bulletin-listhead{margin-bottom:1.2rem;padding:1.1rem 1.3rem;background:var(--bulletin-ink);border-inline-start:8px solid var(--bulletin-amber);color:#fff}
.bulletin-listhead h1{margin:0;font-family:var(--bulletin-head);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:.04em;line-height:1.05;text-transform:uppercase}
.bulletin-listhead p{margin:.4rem 0 0;color:#b9c6d2}
.bulletin-stories{background:var(--bulletin-panel);border:1px solid var(--bulletin-line)}
.bulletin-story{display:grid;grid-template-columns:7.5rem minmax(0,1fr) auto;gap:1.2rem;align-items:start;padding:1rem 1.2rem;border-bottom:1px solid var(--bulletin-line)}
.bulletin-story:last-child{border-bottom:0}
.bulletin-story>time{padding-top:.2rem;font-family:var(--bulletin-mono);font-size:.74rem;color:var(--bulletin-muted)}
.bulletin-story h2{margin:0 0 .3rem;font-family:var(--bulletin-head);font-size:1.45rem;font-weight:700;line-height:1.1}
.bulletin-story h2 a{text-decoration:none}
.bulletin-story .bulletin-thumb{width:190px}
.bulletin-story .bulletin-thumb img{aspect-ratio:3/2}
.bulletin-pager{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1.4rem;font-family:var(--bulletin-mono)}
.bulletin-pager a,.bulletin-pager span{min-width:2.4rem;padding:.45rem .7rem;text-align:center;font-size:.85rem;text-decoration:none;background:var(--bulletin-panel);border:1px solid var(--bulletin-line)}
.bulletin-pager a:hover{border-color:var(--bulletin-amber);color:var(--bulletin-amber-ink)}
.bulletin-pager [aria-current]{background:var(--bulletin-amber);border-color:var(--bulletin-amber);font-weight:700}

.bulletin-reader{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.6rem;padding-block:1.4rem 3rem;align-items:start}
.bulletin-article{min-width:0;padding:1.6rem 1.8rem 2rem;background:var(--bulletin-panel);border:1px solid var(--bulletin-line)}
.bulletin-crumbs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;font-family:var(--bulletin-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--bulletin-muted)}
.bulletin-crumbs a{text-decoration:none}
.bulletin-crumbs a:last-child{padding:0 .4rem;background:var(--bulletin-amber);color:var(--bulletin-ink);font-weight:700}
.bulletin-article h1{margin:0 0 .7rem;font-family:var(--bulletin-head);font-size:clamp(2.1rem,5vw,3.3rem);font-weight:700;line-height:1.02;letter-spacing:.005em}
.bulletin-lede{margin:0 0 1rem;padding-inline-start:1rem;border-inline-start:4px solid var(--bulletin-amber);font-size:1.2rem;line-height:1.45;color:#34465a}
.bulletin-meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin:0 0 1.3rem;font-family:var(--bulletin-mono);font-size:.76rem;color:var(--bulletin-muted)}
.bulletin-meta span{color:var(--bulletin-ink);font-weight:700;text-transform:uppercase}
.bulletin-hero{margin:0 0 1.5rem}
.bulletin-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bulletin-line)}
.bulletin-prose{max-width:46rem;font-size:1.06rem;line-height:1.7;overflow-wrap:break-word}
.bulletin-prose h2{margin:1.9rem 0 .5rem;font-family:var(--bulletin-head);font-size:1.7rem;line-height:1.1;letter-spacing:.01em}
.bulletin-prose h3{margin:1.5rem 0 .4rem;font-family:var(--bulletin-head);font-size:1.3rem;line-height:1.15;text-transform:uppercase;letter-spacing:.05em}
.bulletin-prose a{color:var(--bulletin-amber-ink)}
.bulletin-prose blockquote{margin:1.4rem 0;padding:.6rem 1rem;background:#f6f8fa;border-inline-start:4px solid var(--bulletin-ink);font-size:1.1rem}
.bulletin-prose img{max-width:100%;height:auto}
.bulletin-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.95rem}
.bulletin-prose th,.bulletin-prose td{padding:.4rem .7rem;border:1px solid var(--bulletin-line);text-align:start}
.bulletin-prose th{background:#f0f3f6}
.bulletin-prose pre{max-width:100%;overflow-x:auto;padding:1rem;background:var(--bulletin-ink);color:#e6edf3}
.bulletin-prose code{overflow-wrap:anywhere;padding:.1em .3em;background:#eef2f5;font-family:var(--bulletin-mono);font-size:.88em}
.bulletin-prose pre code{overflow-wrap:normal;padding:0;background:none}
.bulletin-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.6rem 0 0;padding:0;list-style:none}
.bulletin-tags a{display:block;padding:.2rem .6rem;background:#eef2f5;border:1px solid var(--bulletin-line);font-family:var(--bulletin-mono);font-size:.74rem;text-decoration:none;text-transform:uppercase}
.bulletin-tags a:hover{border-color:var(--bulletin-amber);color:var(--bulletin-amber-ink)}
.bulletin-tags small{margin-inline-start:.5rem;color:var(--bulletin-muted)}
.bulletin-tagcloud{margin-top:0}

.bulletin-page{max-width:50rem;margin:1.6rem auto 3rem;padding:1.6rem 1.8rem 2rem;background:var(--bulletin-panel);border:1px solid var(--bulletin-line);border-top:6px solid var(--bulletin-amber)}
.bulletin-page h1{margin:0 0 1rem;font-family:var(--bulletin-head);font-size:clamp(2rem,5vw,2.8rem);font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:.03em}
.bulletin-lost{margin:3rem auto;max-width:34rem;padding:2.4rem 1.6rem;text-align:center;background:var(--bulletin-ink);color:#fff;border-bottom:6px solid var(--bulletin-amber)}
.bulletin-lost b{display:block;font-family:var(--bulletin-mono);font-size:clamp(3.5rem,12vw,6rem);line-height:1;color:var(--bulletin-amber)}
.bulletin-lost h1{margin:.4rem 0;font-family:var(--bulletin-head);text-transform:uppercase;letter-spacing:.05em}
.bulletin-lost a{color:var(--bulletin-amber)}

.bulletin-foot{padding-block:1.4rem;background:var(--bulletin-ink);border-top:3px solid var(--bulletin-amber);color:#b9c6d2;font-size:.85rem}
.bulletin-foot .bulletin-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem}
.bulletin-foot strong{font-family:var(--bulletin-head);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.bulletin-foot nav{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;font-family:var(--bulletin-mono);font-size:.78rem}
.bulletin-foot a{text-decoration:none}
.bulletin-foot a:hover{color:var(--bulletin-amber)}

@media (max-width:980px){
  .bulletin-board,.bulletin-reader{grid-template-columns:minmax(0,1fr)}
  .bulletin-wire{position:static}
  .bulletin-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .bulletin-bar{flex-wrap:wrap;gap:0}
  .bulletin-nav{width:100%;margin-inline-start:0}
  .bulletin-nav a{padding-block:.8rem}
  .bulletin-lead{min-height:300px}
  .bulletin-lead-text{padding:1.1rem}
  .bulletin-panel-body{grid-template-columns:minmax(0,1fr)}
  .bulletin-story{grid-template-columns:minmax(0,1fr) auto;gap:.3rem .9rem}
  .bulletin-story>time{grid-column:1/-1}
  .bulletin-story .bulletin-thumb{width:6.5rem}
  .bulletin-article{padding:1.1rem 1rem 1.5rem}
}
