:root{font-family:Arial,Helvetica,sans-serif;background:#f3f0e7;color:#151515}*{box-sizing:border-box}body{margin:0}header{background:#f3f0e7;display:flex;justify-content:space-between;align-items:center;padding:25px 5vw;gap:20px}.brand{display:block;text-decoration:none}.brand img{display:block;width:168px;max-width:44vw;height:auto}select{font:inherit;font-size:12px;padding:9px 28px 9px 10px;max-width:46%;background:transparent;color:#151515;border:1px solid #c7c3b9;border-radius:0}main{max-width:1100px;margin:20px auto 60px;padding:0 5vw}.dateline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c7c3b9;padding-bottom:17px;margin-bottom:25px;font-size:12px;color:#555}#edition{text-transform:uppercase;font-size:10px;letter-spacing:1.5px}#status:empty{display:none}#feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:40px}article{min-width:0}article>img{display:block;width:100%;height:auto}article time{font-size:11px;display:block;color:#666;margin-top:14px}article p{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere;font-size:14px}article>a{color:#111;font-size:12px;font-weight:bold}.player{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;background:#111;border-radius:3px}.player video{display:block;width:100%;height:auto;aspect-ratio:inherit;object-fit:contain;background:#111}.player .toggle{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.toggle .disc{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:rgba(0,0,0,.38);transition:opacity .15s}.toggle svg{width:28px;height:28px;fill:currentColor}.pause-icon{display:none}.player.playing .play-icon{display:none}.player.playing .pause-icon{display:block}.player.playing .disc{opacity:0}.player.playing:hover .disc,.player.playing:focus-within .disc,.player.playing.show-control .disc{opacity:1}.toggle:focus-visible{outline:3px solid #eaff62;outline-offset:-4px}.sound{position:absolute;right:12px;bottom:12px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sound svg{width:19px;height:19px;fill:currentColor}.player-error{padding:15px;color:#fff;font-size:13px}.player-error:empty{display:none}@media(max-width:600px){header{padding:20px 6vw}.brand img{width:145px}main{padding:0 6vw;margin-top:12px}#feed{gap:35px}.dateline{font-size:11px}.toggle .disc{width:60px;height:60px}}
/* The supplied artwork has generous margins: frame its central logo without changing the file. */
.brand{position:relative;width:168px;height:76px;overflow:hidden}.brand img{position:absolute;left:-66px;top:50%;width:300px;max-width:none;height:auto;transform:translateY(-50%)}
@media(max-width:600px){.brand{width:145px;height:68px}.brand img{width:260px;left:-57px}}

.brand img{pointer-events:none}
.description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;margin-top:14px}.description p,.description div{margin:0 0 .65em}.description ul,.description ol{padding-left:1.6em;margin:.6em 0}.description blockquote{border-left:3px solid #aaa;padding-left:14px;margin:12px 0}.description a{color:inherit;text-decoration:underline}.description h2,.description h3{font-size:1.15em;line-height:1.4;margin:.7em 0}
.post-info{min-width:0}.post-flags{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}.post-flags:empty{display:none}.featured-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:bold}.novelty-badge{display:inline-block;background:#d5ff5f;color:#111;font-size:11px;font-weight:bold;padding:5px 9px;border-radius:2px}.novelty-badge[hidden]{display:none}.featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;align-items:center;border-bottom:1px solid #c7c3b9;padding-bottom:30px}.featured .description{font-size:16px}.featured .post-flags{margin-top:0}.post-info>a{font-size:12px;color:inherit;font-weight:bold}@media(max-width:650px){.featured{display:block}.featured .post-flags{margin-top:15px}.featured .description{font-size:14px}}
[hidden]{display:none!important}
.news-item.featured{display:block}.news-item>.post-info{margin-bottom:0}
.news-widget{width:100%;max-width:427.5px;aspect-ratio:9/16;margin:0 auto;position:relative;overflow:hidden;border-radius:3px;background:#faf9f5}
.news-cover{appearance:none;position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;background:#111;color:#fff;text-align:left;cursor:pointer;font:inherit}
.news-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.news-slide-hint{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:rgba(0,0,0,.72);color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2);pointer-events:none}
.news-slide-hint svg{display:block;width:28px;height:28px}
.news-cover-caption{position:absolute;inset:auto 0 0;padding:65px 22px 26px;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.news-title{display:block;font-size:clamp(23px,2.5vw,32px);font-weight:750;line-height:1.15;letter-spacing:-.5px;margin-bottom:16px;overflow-wrap:anywhere}
.news-cover-caption>span:last-child{font-size:12px;font-weight:bold}
.news-reader{position:absolute;inset:0;padding:24px 22px 48px;cursor:pointer;overflow:hidden;overflow-wrap:anywhere;background:#faf9f5}
.news-pages{height:100%;width:100%;column-width:auto;column-count:1;column-gap:0;column-fill:auto;overflow:hidden}
.news-pages>h2{font-size:26px;line-height:1.15;letter-spacing:-.5px;margin:0 0 18px}
.news-pages .description{font-size:16px;line-height:1.65;margin-top:0}
.news-page-hint{position:absolute;bottom:16px;left:22px;right:22px;font-size:11px;color:#555;border-top:1px solid #d5d1c6;padding-top:8px}
.news-cover:focus-visible,.news-reader:focus-visible{outline:3px solid #839b39;outline-offset:-3px}
@media(max-width:650px){.news-reader{padding:20px 18px 46px}.news-pages>h2{font-size:24px}.news-pages .description{font-size:15px}.news-page-hint{left:18px;right:18px}}

/* Shared media geometry keeps news and video tiles aligned in the mosaic. */
.player,.news-widget{width:100%;max-width:427.5px;aspect-ratio:9/16;margin:0 auto}
.player video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}

/* Desktop rail and mobile drawer share the same edition navigation. */
body{padding-left:224px}header{position:fixed;left:0;top:0;width:224px;padding:24px 22px;z-index:31;background:#f3f0e7;border-right:1px solid #d5d1c6;justify-content:flex-start}header .brand{width:168px;max-width:none}
#site-menu{position:fixed;left:0;top:124px;bottom:0;width:224px;padding:22px;background:#f3f0e7;border-right:1px solid #d5d1c6;z-index:30;display:flex;flex-direction:column;overflow-y:auto}
#site-menu nav a{display:block;color:inherit;text-decoration:none;font-size:15px;font-weight:700;padding:13px 12px;border-radius:3px}#site-menu nav a:hover{background:#e8e5dc}#site-menu nav a[aria-current]{background:#d5ff5f}#menu-editions-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;margin:30px 12px 8px;color:#666}.menu-edition{margin-top:auto;padding-top:30px}.menu-edition label{display:block;font-size:11px;color:#666;margin-bottom:8px}.menu-edition select{width:100%;max-width:100%}.menu-top,#menu-toggle,#menu-shade{display:none}main{margin-top:34px}
@media(max-width:800px){body{padding-left:0;padding-top:96px}header{left:0;right:0;width:100%;height:96px;padding:14px 6vw;border-right:0;border-bottom:1px solid #d5d1c6;justify-content:space-between}#menu-toggle,#menu-close{display:block;border:0;background:transparent;color:#151515;padding:8px;font:inherit;font-size:28px;cursor:pointer}#site-menu{top:0;width:min(88vw,360px);padding:22px;z-index:50;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s}.menu-open #site-menu{transform:translateX(0);visibility:visible}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.menu-top strong{font-size:21px;letter-spacing:-1px}.menu-open{overflow:hidden}#menu-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:40;border:0;background:rgba(0,0,0,.4)}main{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#site-menu{transition:none}}

.topic-menu-group>p{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#666;margin:28px 12px 8px}#site-menu nav .topic-child{padding-left:24px;font-size:13px;font-weight:400}.topic-menu-group{border-bottom:1px solid #d5d1c6;padding-bottom:12px}#topic-heading{margin:0 0 30px;padding-bottom:25px;border-bottom:1px solid #c7c3b9}#topic-title{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-1.5px;margin:22px 0 14px}#topic-description{max-width:65ch;font-size:16px;line-height:1.6;white-space:pre-wrap}#topic-description:empty{display:none}#topic-breadcrumbs{font-size:12px;color:#666}#topic-breadcrumbs a{color:inherit}#topic-related,.content-topics{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#topic-related a,.content-topics a{font-size:11px;color:inherit;text-decoration:none;border:1px solid #c7c3b9;border-radius:3px;padding:6px 9px}#topic-related a[aria-current],.content-topics a[aria-current]{background:#d5ff5f;border-color:#d5ff5f}.content-topics a:hover,#topic-related a:hover{background:#d5ff5f}

.feed-more{display:block;margin:30px auto;padding:12px 22px;border:1px solid #c7c3b9;background:transparent;color:inherit;font:inherit;cursor:pointer}.feed-more:hover{background:#d5ff5f}

/* Featured stories share one row on desktop, with the same media geometry. */
.featured-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start;border-bottom:1px solid #c7c3b9;padding-bottom:30px}
.featured-grid>.featured{grid-column:auto;display:block;border:0;padding:0;min-width:0}
.featured-grid .description{font-size:14px}
.featured-grid .post-flags{margin-top:12px}
@media(max-width:800px){.featured-grid{grid-template-columns:minmax(0,1fr);gap:35px}}

/* Match the project's 1080px video overlay: Anton 120px, white and lime. */
@font-face{font-family:Anton;src:url('/assets/Anton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.news-cover-caption{inset:42.7% 0 auto;padding:0 5.93% 22px;background:none;text-shadow:0 2px 12px #000,0 1px 3px #000}
.news-title{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:40px;line-height:1;text-transform:uppercase;letter-spacing:0;margin:0 0 18px;overflow-wrap:anywhere}
.news-title-line{display:table;max-width:100%;padding-bottom:.08em}
.news-title-line:last-child{background:#c4ff00;color:#000;padding:.08em .15em .12em;margin-left:-.1em;text-shadow:none;box-decoration-break:clone}
.news-pages>h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.1}

/* Shared action row, ready to host the future RUDE IT? / RUDED! control. */
:root{--rude-lime:#c4ff00;--rude-ink:#000;--rude-button-font:Anton,Impact,'Arial Narrow',sans-serif}
.rude-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0}
.rude-forward{appearance:none;border:2px solid var(--rude-lime);border-radius:999px;padding:10px 30px;min-height:48px;background:var(--rude-lime);color:var(--rude-ink);font:400 25px/1.1 var(--rude-button-font);letter-spacing:.2px;cursor:pointer}
.rude-forward:hover{border-color:#000}.rude-forward:focus-visible,.share-dialog :is(button,a,input):focus-visible{outline:3px solid #000;outline-offset:3px}
.share-dialog{width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:2px solid #000;border-radius:22px;background:#f3f0e7;color:#151515;box-shadow:0 15px 70px #0005}
.share-dialog::backdrop{background:#0009}.share-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.share-header h2{font:400 32px/1 var(--rude-button-font);margin:0}.share-header button{background:transparent;border:1px solid #555;border-radius:999px;padding:10px 16px;min-height:44px;font:inherit;cursor:pointer}
.share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.share-options :is(a,button){display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:12px 8px;border:1px solid #aaa69b;border-radius:12px;background:#fff;color:#111;font:700 15px/1.2 Arial,sans-serif;text-decoration:none;cursor:pointer}.share-options :is(a,button):hover{background:var(--rude-lime)}
.share-note,.share-status{font-size:13px;line-height:1.5}.share-status:empty{display:none}.share-dialog input{width:100%;padding:12px;font:inherit}.share-dialog>p{overflow-wrap:anywhere}
.article-page{padding-left:0}.article-page header{position:static;width:auto;border:0;padding:24px 5vw}.article-page main{max-width:850px;margin:20px auto 60px}.standalone-article h1{font:400 clamp(32px,6vw,58px)/1.1 var(--rude-button-font);text-transform:uppercase}.standalone-article>a{font:inherit;color:inherit}.standalone-article .article-photo{max-height:650px;width:100%;object-fit:contain;background:#111}.article-body{font-size:18px;line-height:1.7;overflow-wrap:anywhere}.article-body p{font:inherit;white-space:normal}.article-body a{color:inherit}
@media(max-width:800px){.article-page{padding-top:0}.share-dialog{padding:20px}.rude-forward{font-size:23px}}

/* Private-count reactions: only the reader's own state is shown. */
.rude-reaction{appearance:none;border:2px solid #000;border-radius:999px;padding:10px 24px;min-height:48px;background:transparent;color:#000;font:400 25px/1.1 var(--rude-button-font);cursor:pointer;white-space:nowrap}
.rude-reaction[aria-pressed="true"]{background:var(--rude-lime);border-color:var(--rude-lime)}
.rude-reaction:focus-visible{outline:3px solid #000;outline-offset:3px}.rude-reaction:disabled{opacity:.6;cursor:wait}.reaction-status:empty{display:none}.reaction-status{flex-basis:100%;font:13px/1.4 Arial,sans-serif}
@media(max-width:450px){.rude-actions{gap:8px}.rude-reaction,.rude-actions .rude-forward{font-size:23px;padding:10px 20px}}

/* Extra final slide, separated from the text's click-to-advance surface. */
.news-ending{position:absolute;inset:0;background:#000;color:var(--rude-lime);padding:clamp(18px,5%,28px);overflow-y:auto;display:flex;flex-direction:column;justify-content:center;text-align:center}
.news-ending .rude-actions{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:auto 0;align-items:center}
.news-ending .rude-actions p{font:400 clamp(22px,3vw,30px)/1.25 var(--rude-button-font);white-space:normal;color:var(--rude-lime);margin:0 0 18px;max-width:100%}
.news-ending .rude-actions p:nth-of-type(2){margin-top:48px}
.news-ending .rude-reaction{border-color:var(--rude-lime);color:var(--rude-lime);background:#000}
.news-ending .rude-reaction[aria-pressed="true"]{background:var(--rude-lime);color:#000}
.news-ending .reaction-status{flex-basis:auto;margin-top:10px;color:var(--rude-lime)}
.news-ending-back{background:transparent;color:var(--rude-lime);border:0;text-decoration:underline;padding:12px;font:14px Arial,sans-serif;cursor:pointer;margin-top:20px}
.news-ending button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:450px){.news-ending .rude-actions p{font-size:24px}.news-ending .rude-actions p:nth-of-type(2){margin-top:36px}}

/* Simple forwarding icon and discreet editorial sources. */
.rude-actions .rude-forward{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:0;background:transparent;color:#111;padding:10px 4px;font:600 15px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.3px}
.rude-forward svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.news-ending .rude-forward{color:var(--rude-lime)}
.rude-reaction[aria-pressed="true"]:disabled{opacity:1;cursor:default}
.rude-sources{appearance:none;background:none;border:0;text-decoration:underline;text-underline-offset:3px;font:12px/1.3 Arial,Helvetica,sans-serif;padding:12px 4px;min-height:44px;color:inherit;cursor:pointer}
.news-ending .rude-sources{margin-top:14px;color:var(--rude-lime)}
.sources-body{font:15px/1.6 Arial,Helvetica,sans-serif;overflow-wrap:anywhere;margin-top:24px}.sources-body a{color:inherit}.sources-body ul{padding-left:20px}.sources-body li{margin-bottom:14px}.rude-sources:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Daily history with a bounded, rolling set of rendered posts. */
#feed.stream-feed{display:block;overflow-anchor:none}.stream-day{margin-bottom:40px}.stream-date{font:400 14px/1.4 Arial,Helvetica,sans-serif;border-top:1px solid #c7c3b9;padding-top:14px;margin:28px 0 24px;color:#555}.stream-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start;margin-bottom:40px}.stream-row>.featured{display:block;grid-column:auto;border:0;padding:0}.stream-row .featured .description{font-size:14px}.stream-restart{font-size:12px}
@media(max-width:800px){.stream-row{grid-template-columns:minmax(0,1fr);gap:35px;margin-bottom:35px}}

.stream-saint{display:inline;color:inherit;font-size:12px;line-height:1.5;text-decoration:none}.stream-saint:not([hidden])::before{content:' · ';white-space:pre}.stream-saint:hover{text-decoration:underline}@media(max-width:600px){.stream-saint{display:block;margin-top:4px}.stream-saint:not([hidden])::before{content:none}}
