@font-face{font-family:Roboto;src:url(fonts/Roboto-Regular.ttf)}@font-face{font-family:Editorial;src:url(fonts/PlayfairDisplay-Bold.ttf);font-weight:700}*{box-sizing:border-box}body{margin:0;background:white;color:#11141b;font-family:Roboto,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bb151d;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#landing{max-width:560px;margin:auto;padding-bottom:28px;transition:opacity 560ms ease,filter 560ms ease}.top{height:62px;padding:20px 25px 0;display:flex;justify-content:space-between;align-items:center}.profile{font-size:29px;color:#83877e}.region{font-size:13px;font-weight:bold}.wordmark{width:70%;aspect-ratio:560/188;overflow:hidden;margin:20px auto 0}.wordmark img{width:100%;display:block}.slogan{font-family:Georgia,serif;letter-spacing:.13em;font-weight:bold;text-align:center;font-size:clamp(11px,3.5vw,18px);margin:12px 0 10px}.eye{display:block;width:100%;height:auto}h1{font-family:Editorial,Georgia,serif;font-size:clamp(24px,7.8vw,42px);text-align:center;margin:17px 0 22px;letter-spacing:-.035em}#streams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 17px;width:85%;margin:auto}.stream{border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;min-width:0}.stream img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.stream .new-art{clip-path:inset(3% round 9px);transform:scale(1.055)}.stream span{font-size:clamp(11px,3.25vw,16px);line-height:1.15;text-align:center;min-height:2.4em;margin-top:5px;display:block}#backdrop{position:fixed;inset:0;border:0;background:#15171b;opacity:0;transition:opacity 560ms ease;z-index:2}.feed-open #backdrop{opacity:.2}.feed-open #landing{opacity:.3;filter:saturate(.7)}#sheet{position:fixed;z-index:3;top:clamp(70px,12svh,120px);bottom:0;left:50%;width:min(100%,560px);background:white;border-radius:23px 23px 0 0;box-shadow:0 -4px 30px #0000000c;display:flex;flex-direction:column;transform:translate(-50%,calc(100% + 130px));transition:transform 560ms cubic-bezier(.22,.7,.25,1),opacity 220ms ease;overflow:hidden}.feed-open #sheet{transform:translate(-50%,0)}.sheet-top{flex:none;padding:0 21px;background:#fff;position:relative}#handle{display:block;width:78px;height:30px;margin:auto;border:0;background:none;touch-action:none}#handle span{display:block;width:36px;height:4px;border-radius:9px;background:#d2d2d4;margin:auto}.chevron{position:absolute;right:17px;top:5px;width:32px;height:26px;border:0;background:none;font-size:25px;line-height:20px}#search-form{height:43px;display:flex;align-items:center;gap:9px;background:#f3f3f4;border-radius:17px;padding:0 13px;margin:8px 0 16px}#search-form svg{width:19px;flex:none}#search{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:#191b20}#clear{background:none;border:0;font-size:22px}#stream-title{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;color:#616570;margin:0;padding:0 0 12px;border-bottom:1px solid #ededee}#feed-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 21px}.feed-row{display:flex;width:100%;gap:17px;align-items:center;padding:17px 0;border:0;border-bottom:1px solid #ededee;background:none;text-align:left}.feed-photo{width:34%;aspect-ratio:1.3;flex:none;overflow:hidden;background:#f5f3ee;border-radius:3px}.feed-photo img,.feed-photo svg{display:block;width:100%;height:100%;object-fit:cover}.feed-row h3{font-family:Editorial,Georgia,serif;font-size:clamp(18px,5vw,24px);line-height:1.17;margin:0;letter-spacing:-.025em}.meta{color:#737680;font-size:11px;line-height:1.4;margin:7px 0 0}.dock{flex:none;display:flex;justify-content:center;align-items:center;background:#ffffffed;min-height:69px;padding:7px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid #f5f5f5}.flip{border:0;background:#ed101d;color:#fff;border-radius:50%;width:48px;height:48px;font-size:39px;line-height:1;box-shadow:0 3px 8px #0000000b}.empty{padding:40px 0;text-align:center;line-height:1.6}.empty button{background:none;border:0;text-decoration:underline;padding:12px}#reader{position:fixed;inset:0;z-index:4;background:white;max-width:560px;margin:auto;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity 280ms ease,transform 380ms cubic-bezier(.22,.7,.25,1)}.reader-open #reader{opacity:1;transform:none}.reader-open #sheet{opacity:0;pointer-events:none}.reader-top{height:61px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f4f4f4;flex:none}.reader-top>span{font-family:Editorial,Georgia,serif;font-size:23px;font-weight:bold}.red{color:#e6101b}#back{position:absolute;left:15px;top:10px;border:0;background:none;font-size:36px;width:40px;height:40px;line-height:30px}#reading{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 25px}#reading h2{font-family:Editorial,Georgia,serif;font-size:34px;line-height:1.15;letter-spacing:-.025em;margin:24px 0 20px}#reading h3{font-family:Editorial,Georgia,serif;font-size:22px;margin:25px 0 12px}#reading p{font-family:Georgia,serif;font-size:18px;line-height:1.55;margin:16px 0}#reading .meta{font-family:Roboto,sans-serif;font-size:12px;margin:12px 0 20px}#reading a{color:#a11220;text-underline-offset:3px;overflow-wrap:anywhere}.reader-photo{margin:0 -24px 20px;height:200px;overflow:hidden}.reader-photo svg,.reader-photo img{width:100%;height:100%;object-fit:cover}.source{padding:12px 0;border-top:1px solid #eee}.source p{font-size:15px!important}.section-name{color:#6b6e76;font-size:12px!important;font-family:Roboto,sans-serif!important;letter-spacing:.08em;text-transform:uppercase}.limits{border-top:1px solid #eee;padding-top:10px}body.keyboard .dock{display:none}body.keyboard #sheet{border-radius:23px 23px 0 0}@media(min-width:700px){#landing{padding-top:10px}#sheet,#reader{box-shadow:0 0 40px #00000012}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Native page scroll owns sheet travel; there is no timed opening transition. */
html{overflow-x:clip;scroll-padding-top:12px}body{overflow-x:clip;min-height:100svh}#landing{position:fixed;inset:0 auto auto 50%;transform:translateX(-50%);width:min(100%,560px);height:100svh;display:grid;grid-template-rows:6svh 42svh 48svh;padding:0 0 4svh;transition:none;will-change:opacity;overflow:hidden}.top{height:auto;padding:0 24px;align-self:center}.identity{display:grid;grid-template-rows:14svh 3svh 19svh 6svh;min-height:0}.wordmark{height:14svh;width:min(72%,42svh);aspect-ratio:auto;margin:0 auto;align-self:center;position:relative}.wordmark img{position:absolute;width:100%;top:50%;transform:translateY(-38%)}.slogan{font-size:clamp(10px,2.05svh,17px);margin:0;text-align:center;align-self:center;white-space:nowrap;letter-spacing:.11em}.eye{width:100%;height:19svh;object-fit:cover;align-self:center}h1{font-size:clamp(22px,4.1svh,36px);margin:0;align-self:center;white-space:nowrap}#streams{width:85%;height:48svh;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px 15px;align-items:start}.stream img{width:min(100%,calc((48svh - 84px)/3),103px);height:auto;aspect-ratio:1}.stream span{font-size:clamp(10px,1.8svh,14px);min-height:2.35em;margin-top:3px}.stream[aria-current="true"] span{text-decoration:underline;text-decoration-color:#df1823;text-underline-offset:4px}#backdrop{display:none!important}#sheet{position:relative;inset:auto;left:auto;top:auto;bottom:auto;width:min(100%,560px);margin:calc(100svh - 35px) auto 0;min-height:100svh;display:flex;transform:none!important;transition:none!important;overflow:visible;border-radius:23px 23px 0 0;box-shadow:0 -3px 20px #00000008;background:#fff;opacity:1}.feed-open #sheet{transform:none}.feed-open #landing{opacity:1;filter:none}.sheet-top{position:sticky;top:0;z-index:2;border-radius:23px 23px 0 0;background:rgba(255,255,255,.97);padding-top:0}#handle{height:32px;touch-action:pan-y}#feed-scroll{overflow:visible;flex:1;min-height:0;padding-bottom:10px;overscroll-behavior:auto}.feed-row h3{font-size:clamp(18px,4.8vw,24px)}#sheet>.dock{position:sticky;bottom:0;z-index:2;min-height:66px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.reader-open #sheet{opacity:0;pointer-events:none}#reader{height:100dvh;bottom:auto}.reader-photo{height:clamp(130px,23svh,200px)}.reader-top{height:54px}.keyboard #sheet{bottom:auto!important}.keyboard #sheet>.dock{display:none}.keyboard .sheet-top{top:0}body.keyboard .sheet-top{border-radius:0}@media(max-height:600px){.region{font-size:11px}.top{padding:0 19px}.stream span{font-size:10px}#streams{gap:2px 12px}.slogan{letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){#landing{will-change:auto}}

body{display:flow-root}#reader{transition:opacity 480ms ease,transform 600ms cubic-bezier(.22,.7,.25,1)}

/* Two units of native thumb travel produce one unit of reveal movement. */
#sheet,.feed-open #sheet{transform:translateY(var(--scroll-compensation,0px))!important}

/* The sheet settles below the faded masthead; its contents scroll independently. */
#sheet,.feed-open #sheet{position:fixed;left:50%;width:min(100%,560px);top:22svh;bottom:auto;height:78svh;min-height:0;margin:0;transform:translate(-50%,var(--reveal-offset,calc(78svh - 35px)))!important;display:flex;overflow:hidden;transition:none!important}#sheet .sheet-top{position:relative;top:0!important;transform:none;flex:none}#feed-scroll{overflow:hidden;overscroll-behavior:auto;min-height:0;flex:1;-webkit-overflow-scrolling:touch}.sheet-settled #feed-scroll{overflow-y:auto}#sheet>.dock{position:relative;bottom:auto!important;flex:none}#sheet{will-change:transform}.reader-open #sheet{opacity:0}

/* Six reviewed Flip previews: readable weight and contrast before single-line fit. */
@font-face{font-family:Roboto;src:url(fonts/Roboto-700.ttf);font-weight:700;font-style:normal;font-display:swap}
.feed-row>div:last-child{min-width:0;flex:1}.feed-row{align-items:center;gap:16px;padding:19px 0}.feed-row h3{font-size:21px;line-height:1.18;font-weight:700;white-space:normal;overflow:visible;letter-spacing:-.025em}.feed-row .meta{font-size:12px;line-height:1.35;margin-top:8px}.feed-row .flip-line{font-family:Roboto,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.32;color:#b00020;margin:8px 0 0;white-space:normal;overflow:visible;overflow-wrap:normal;text-overflow:clip;letter-spacing:0}@media(min-width:480px){.feed-row h3{font-size:23px}.feed-row .flip-line{font-size:16px}}

/* Strong editorial response, separate from the serif source headline. */
.feed-row{padding:13px 0;align-items:flex-start}.feed-photo{margin-top:2px}.feed-row .meta{margin-top:6px;line-height:1.2}.feed-row .flip-line{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.07;letter-spacing:-.025em;text-transform:uppercase;color:#df001b;margin:5px 0 0;text-align:left;-webkit-text-stroke:.16px currentColor;white-space:normal;overflow:visible}.feed-row h3{line-height:1.12}.feed-row>div:last-child{align-self:flex-start}@media(min-width:480px){.feed-row .flip-line{font-size:18px}}

/* Shorter responses, quieter typography; images centre on each natural-height text block. */
@font-face{font-family:Roboto;src:url(fonts/Roboto-600.ttf);font-weight:600;font-style:normal;font-display:swap}
.feed-row{align-items:center;padding:13px 0;gap:16px}.feed-photo{width:32%;margin-top:0}.feed-row>div:last-child{align-self:auto}.feed-row .flip-line{font-weight:600;font-size:15px;line-height:1.12;letter-spacing:-.01em;-webkit-text-stroke:0;color:#df001b;margin-top:5px}.feed-row .meta{margin-top:5px;line-height:1.2}.feed-row h3{line-height:1.13}#landing{opacity:1;filter:none}.wordmark,.slogan{opacity:1}.eye{transition:none}#sheet>.dock{height:calc(82px + env(safe-area-inset-bottom));min-height:82px;padding:0;align-items:center;justify-content:center}#sheet>.dock .flip{margin:0}@media(min-width:480px){.feed-row .flip-line{font-size:16px}}

/* Compact type block, true bold response and a restrained dry-brush signature. */
.feed-row{padding:11px 0}.feed-row h3{line-height:1.07}.feed-row .meta{margin-top:3px;line-height:1.15}.feed-row .flip-line{font-weight:700;font-size:15px;line-height:1.08;margin-top:3px;padding-bottom:3px;letter-spacing:-.015em}.flip-word{position:relative;display:inline-block}.flip-word::after{content:"";position:absolute;left:0;bottom:-3px;width:min(70%,30px);height:2px;background:currentColor;opacity:.82;transform:rotate(-2deg);clip-path:polygon(0 35%,13% 18%,31% 28%,48% 4%,69% 20%,100% 0,95% 53%,100% 74%,76% 82%,52% 69%,28% 100%,7% 78%);pointer-events:none}@media(min-width:480px){.feed-row .flip-line{font-size:16px}}

/* Emphasis belongs to one leading word, with the remaining rebuttal in sentence case. */
.feed-row .flip-line{text-transform:none;font-weight:700;line-height:1.12;padding-bottom:5px}.flip-word{text-transform:uppercase}.flip-word::after{left:-1%;bottom:-4px;width:102%;height:4px;opacity:.9;transform:rotate(-1.2deg);clip-path:polygon(0 25%,8% 9%,22% 18%,42% 6%,61% 14%,82% 0,100% 12%,98% 69%,85% 88%,64% 76%,44% 97%,23% 80%,4% 100%)}

/* Headline hierarchy: natural-height copy block, independent of centred thumbnail. */
.feed-row h3{font-size:23px;line-height:1.08}.feed-row{align-items:center}.feed-row>div:last-child{height:auto;min-height:0;align-self:auto}@media(min-width:480px){.feed-row h3{font-size:25px}}

/* Licensed topic photographs: attribution stays outside the story tiles. */
.feed-image-credits{padding:12px 0 20px;text-align:center;font-size:12px;color:#666}.feed-image-credits a,.photo-credit a{color:#666;text-decoration:underline;text-underline-offset:3px}.photo-credit{border-top:1px solid #eee;padding-top:16px;margin-top:25px!important;font-size:12px!important;line-height:1.5!important}

/* Text-led feed: headline, attribution, optional context and the Flip. */
.feed-row.feed-text-row{display:block;width:100%;padding:19px 0 20px;border-bottom:1px solid #e9e9e9;text-align:left;background:transparent;border-radius:0;gap:0}
.feed-text-row .feed-copy{width:100%;min-width:0}
.feed-row.feed-text-row h3{font-size:25px;line-height:1.12;letter-spacing:-.025em;margin:0;color:#121212;text-wrap:pretty}
.feed-row.feed-text-row .meta{font-size:12px;line-height:1.3;margin:7px 0 0;color:#737373}
.feed-row.feed-text-row .feed-summary{font:400 14px/1.45 Roboto,Arial,sans-serif;color:#454545;margin:var(--af-feed-paragraph-gap,9px) 0 0;letter-spacing:0}
.feed-row.feed-text-row .flip-line{font-size:16px;line-height:1.22;letter-spacing:-.01em;margin:11px 0 0;padding-bottom:5px;color:#df001b;font-weight:700}
.feed-text-row:active{background:#fafafa}
@media(min-width:480px){.feed-row.feed-text-row{padding:21px 0 22px}.feed-row.feed-text-row h3{font-size:28px}.feed-row.feed-text-row .feed-summary{font-size:15px}.feed-row.feed-text-row .flip-line{font-size:17px}}
@media(max-width:350px){.feed-row.feed-text-row h3{font-size:23px}}

/* An opaque Flip page rolls over the preserved front-page feed. */
#reader{opacity:1;transform:translate3d(0,100%,0);transition:transform 640ms cubic-bezier(.32,0,.18,1);will-change:transform;backface-visibility:hidden}
.reader-open #reader{opacity:1;transform:translate3d(0,0,0)}
.reader-open #sheet{opacity:1;pointer-events:none}
@media(prefers-reduced-motion:reduce){#reader{transition:none;will-change:auto}}

/* Shared paper, quiet navigation and compositor-only layer movement. */
:root{--page-paper:#fff}
html,body,#landing,#sheet,#reader,.sheet-top,.reader-top,.dock{background:var(--page-paper)}
button,a,input{-webkit-tap-highlight-color:transparent}
.feed-row.feed-text-row:active,.stream:active{background:transparent;opacity:1}
button{-webkit-appearance:none;appearance:none}
.eye{will-change:opacity;filter:none!important}
#reader{transition:transform 500ms cubic-bezier(.333333,0,.666667,1)}
.stream-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ededee;padding-bottom:10px}
.stream-heading #stream-title{border:0;padding:0;margin:0;color:#616570;line-height:1.3}
.stream-heading .chevron{position:static;display:flex;align-items:center;justify-content:center;width:36px;height:32px;margin:-5px -7px -5px 0;padding:6px;color:#616570;background:transparent}
.stream-heading .chevron svg{width:20px;height:20px}
.back-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border:0;background:transparent;color:#616570;font:400 14px/1.2 Roboto,Arial,sans-serif;border-radius:0;box-shadow:none}
.back-link span{font-size:21px;line-height:1}
@media(prefers-reduced-motion:reduce){#reader{transition:none}.eye{will-change:auto}}

/* Evidence is a primary route; red marks the hook and conclusion. */
#reading .flip-evidence-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 0 18px;border-bottom:1px solid #e9e9e9}
#reading .flip-evidence-nav>div{min-width:0}
#reading .flip-evidence-nav p{font:400 11px/1.4 Roboto,Arial,sans-serif;color:#616570;margin:0 0 5px;min-height:2.8em}
#reading .flip-evidence-nav a{display:inline-block;font:700 14px/1.4 Roboto,Arial,sans-serif;color:#171717;text-decoration:underline;text-decoration-color:#b8b8b8;text-underline-offset:4px;text-decoration-thickness:1px;padding:3px 0 7px;overflow-wrap:normal}
#reading .flip-label{font:700 21px/1.2 Editorial,Georgia,serif!important;text-transform:none;letter-spacing:0;text-align:center;color:#171717;margin:23px 0 0}
#reading .flip-label+h2{margin-top:18px}
#reading .flip-opening strong,#reading .flip-conclusion{color:#df001b}
@media(min-width:480px){#reading .flip-evidence-nav p{font-size:12px}#reading .flip-evidence-nav a{font-size:15px}}

/* Keep Home close to the browser controls and give the stories the space. */
.wordmark img{height:auto}
#sheet>.dock{height:calc(54px + env(safe-area-inset-bottom));min-height:0;padding:0 0 max(4px,env(safe-area-inset-bottom));align-items:flex-end;background:#fff}
#sheet>.dock .home-pill{min-height:44px;min-width:86px;padding:10px 22px;border:1px solid #e7e7e7;border-radius:999px;background:#f5f5f5;color:#50545c;font:400 14px/1.2 Roboto,Arial,sans-serif;box-shadow:none}

/* One masthead, two centred evidence pills, and a clear return to the feed. */
#reader .reader-top{height:80px}
#reader #back{top:20px}
.reader-brand{width:156px;height:54px;overflow:hidden;flex:none}
.reader-brand img{display:block;width:100%;height:auto}
#reading .flip-evidence-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 -24px;padding:18px 0;border-bottom:1px solid #eee}
#reading .flip-evidence-nav>div{display:flex;justify-content:center;align-items:center}
#reading .flip-evidence-nav a.evidence-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:calc(100% - 12px);padding:10px 15px;border:1px solid #e3e3e3;border-radius:999px;background:#f5f5f5;color:#242424;font:700 clamp(11px,3.2vw,14px)/1.2 Roboto,Arial,sans-serif;text-decoration:none;white-space:nowrap;text-align:center}
#reading .flip-label{font:700 28px/1.15 Editorial,Georgia,serif!important;margin:22px 0 0}
#reader>.dock{height:calc(54px + env(safe-area-inset-bottom));min-height:0;padding:0 0 max(4px,env(safe-area-inset-bottom));align-items:flex-end}
#reader .front-page-pill{min-height:44px;min-width:112px;padding:10px 22px;border:1px solid #e3e3e3;border-radius:999px;background:#f5f5f5;color:#50545c;font:400 14px/1.2 Roboto,Arial,sans-serif}

/* Let titles use the full column and give the complete punchline its brushstroke. */
#feed-list .feed-text-row .feed-copy{display:block;width:100%;max-width:none;min-width:0}
#feed-list .feed-text-row h3{width:100%;max-width:none;font-size:26px;line-height:1.12;text-wrap:wrap;white-space:normal}
#feed-list .feed-text-row .flip-line{position:relative;width:fit-content;max-width:100%;padding-bottom:9px}
#feed-list .flip-word::after{content:none}
#feed-list .flip-line::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:4px;background:currentColor;opacity:.88;transform:rotate(-.4deg);clip-path:polygon(0 28%,7% 12%,20% 20%,37% 4%,56% 16%,76% 0,100% 19%,98% 71%,85% 88%,62% 77%,43% 99%,22% 82%,3% 100%);pointer-events:none}
#sheet>.dock{height:calc(52px + env(safe-area-inset-bottom));padding-bottom:max(2px,env(safe-area-inset-bottom));border-top:0}
#sheet>.dock::before{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:#f0f0f0;pointer-events:none}
@media(min-width:480px){#feed-list .feed-text-row h3{font-size:29px}}
@media(max-width:350px){#feed-list .feed-text-row h3{font-size:24px}}

/* Reviewed trial: emphasis is carried by words, not an automatic first-word cap. */
#feed-list .flip-line,#feed-list .flip-word{text-transform:none}

/* Resource review: pinned navigation and a quiet, compact source directory. */
#reader{width:100%;max-width:760px;min-width:0;left:0;right:0;overflow:hidden}
#reader .reader-top{height:88px;position:relative;overflow:hidden}
#reader .reader-brand{width:190px;height:84px;overflow:visible;display:flex;align-items:center;justify-content:center}
#reader .reader-brand img{width:100%;height:100%;object-fit:contain;object-position:center}
#reader #back{top:24px;left:12px}
#reader-nav.reader-actions{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px 16px;border-bottom:1px solid #eee;background:#fff;z-index:2}
.reader-actions>div{display:flex;align-items:center;justify-content:center;min-width:0}
#reader-nav .evidence-pill{display:inline-flex;width:min(156px,calc(100% - 12px));height:44px;align-items:center;justify-content:center;padding:0 8px;border:1px solid #e3e3e3;border-radius:999px;background:#f5f5f5;color:#242424;font:600 clamp(12px,3.1vw,14px)/1.2 Roboto,Arial,sans-serif;text-align:center;text-decoration:none;white-space:nowrap}
#reading{width:100%;max-width:100%;padding:0 clamp(20px,5.5vw,38px) 32px;overflow-x:hidden;overflow-y:auto;min-width:0;scrollbar-gutter:stable}
#reading h2,#reading p,#reading h3{max-width:100%;overflow-wrap:break-word;min-width:0}
#reading h2{font-size:clamp(29px,7.6vw,42px);line-height:1.15}
#reading .resource-heading{padding:26px 0 20px;border-bottom:1px solid #e8e8e8;margin-bottom:8px}
#reading .resource-heading h2{font-size:32px;margin:8px 0 12px;letter-spacing:-.025em}
#reading .resource-heading .section-name{margin:0;font-size:10px!important}
#reading .source-count,#reading .resource-intro{font:400 13px/1.5 Roboto,Arial,sans-serif;color:#707078;margin:0}
.source-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px}
.source-card{min-width:0;border-bottom:1px solid #e7e7e7;padding:22px 0 18px;align-self:start}
#reading .source-main{display:block;text-decoration:none;color:#15171b;overflow-wrap:break-word}
.publisher{display:flex;gap:10px;align-items:center;font:600 12px/1.35 Roboto,Arial,sans-serif;color:#5f6269;min-height:32px}
.publisher>span:nth-child(2){flex:1;min-width:0}
.publisher-icon{width:30px;height:30px;flex:none;background:#f3f3f3;border:1px solid #e5e5e5;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;font:700 10px Roboto,Arial,sans-serif;color:#43464c;overflow:hidden}
.publisher-icon img{position:absolute;inset:5px;width:18px;height:18px;object-fit:contain;background:#f3f3f3}
.external-icon{font-size:16px;color:#8a8b8f;font-weight:400}
#reading .source-card h3{font:700 21px/1.3 Editorial,Georgia,serif;letter-spacing:-.015em;margin:13px 0 10px}
#reading .source-card .source-date{font:400 11px/1.4 Roboto,Arial,sans-serif;margin:0;color:#777981}
.source-details{margin-top:12px;color:#64666d}
.source-details summary{font:400 11px/1.5 Roboto,Arial,sans-serif;cursor:pointer;width:fit-content;padding:5px 0}
#reading .source-details p{font:400 13px/1.55 Roboto,Arial,sans-serif;margin:10px 0}
.library-controls{padding:16px 0 4px}
.library-search input{width:100%;min-width:0;border:1px solid #e4e4e4;border-radius:12px;padding:13px 14px;background:#fafafa;font-size:14px;color:#242424}
.library-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.library-filters label{min-width:0}
.library-filters select{width:100%;max-width:100%;border:1px solid #e4e4e4;border-radius:10px;background:white;color:#5f6269;padding:10px 6px;font:400 12px Roboto,Arial,sans-serif}
#reading #library-count{font:400 11px/1.5 Roboto,Arial,sans-serif;color:#777981;margin:14px 0 0}
#reading .resource-coverage{font:400 13px/1.5 Roboto,Arial,sans-serif;color:#686b72;margin:0}
#reader>.dock{flex:none;position:relative;background:#fff}
@media(min-width:620px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px){#reader-nav.reader-actions{padding-left:8px;padding-right:8px}#reader-nav .evidence-pill{font-size:11px}#reading{padding-left:18px;padding-right:18px}}

/* Reuse the resolved resource-library grammar: two compact columns and round marks. */
.resources-view #reading{background:#fff;padding:20px 20px 32px}
.resources-view #reading .resource-heading{background:#fbfaf7;border:1px solid #e2e0dc;border-bottom:0;padding:20px 18px 12px;margin:0}
#reading .resource-heading h2{font:700 23px/1.2 Roboto,Arial,sans-serif;color:#df001b;letter-spacing:-.02em;margin:0 0 10px}
#reading .resource-heading .section-name{font-size:10px!important;margin:0 0 7px}
#reading .resource-intro{font-size:13px;line-height:1.4}
.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;background:#fbfaf7;border:1px solid #e2e0dc;border-top:0;padding:0 18px 20px}
.source-card{padding:16px 0;min-width:0;border-color:#deddd9}
#reading .source-card .source-main{position:relative;padding-left:34px;min-height:38px}
.publisher{display:block;font:700 12px/1.3 Roboto,Arial,sans-serif;min-height:0;color:#242831}
.publisher-icon{position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:white;border:1px solid #e6e4e0;overflow:hidden}
.publisher-icon img{position:static;display:block;width:100%;height:100%;padding:3px;object-fit:contain;background:#fff;border-radius:50%}
.publisher>span:nth-child(2){display:block;overflow-wrap:break-word}
.publisher .external-icon{display:none}
#reading .source-card h3{font:500 12px/1.4 Roboto,Arial,sans-serif;letter-spacing:0;margin:7px 0 6px}
#reading .source-card .source-date{font:400 10px/1.4 Roboto,Arial,sans-serif;color:#777}
.source-details{margin-top:7px;padding-left:34px}
.source-details summary{font-size:10px;padding:3px 0}
#reading .source-details p{font-size:11px;line-height:1.5}
.library-controls{background:#fbfaf7;border-left:1px solid #e2e0dc;border-right:1px solid #e2e0dc;padding:8px 18px 0}
.library-search input{border-radius:5px;background:#fff;font-size:12px;padding:11px 10px}
.library-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
.library-filters select{font-size:11px;border-radius:5px;padding:9px 4px;background:#fbfaf7}
#reading #library-count{font-size:11px;margin:12px 0 0}
#reading .resource-coverage{font:400 11px/1.4 Roboto,Arial,sans-serif;margin:7px 0 0;color:#666}
.library-card{min-height:86px}
@media(min-width:700px){.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.publisher{font-size:13px}#reading .source-card h3{font-size:13px}}
@media(max-width:350px){.resources-view #reading{padding:16px 12px 24px}.source-grid{padding:0 12px 16px;column-gap:12px}.publisher-icon{width:23px;height:23px}#reading .source-card .source-main,.source-details{padding-left:28px}.publisher{font-size:11px}}

.publisher-icon svg{width:20px;height:20px;color:#7b7d84}

/* Shared slim outline controls; navigation is fixed outside the reading area. */
.reader-wayfinding{flex:none;background:#fff;padding:10px 16px 12px;text-align:center;border-bottom:1px solid #f0f0f0}
.reader-invitation{font:600 13px/1.3 Roboto,Arial,sans-serif;color:#242424;letter-spacing:.01em;margin:0 0 5px}
.reader-agency{font:400 11px/1.4 Roboto,Arial,sans-serif;color:#777b82;letter-spacing:.01em;margin:4px 0 0}
#reader-nav.reader-actions{padding:0;border:0;background:transparent;gap:0}
#reader-nav.reader-actions>div{min-height:44px}
#reader-nav .evidence-pill,#reader .front-page-pill,#sheet>.dock .home-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;height:32px;min-height:32px;min-width:0;padding:0 14px;border:1px solid #a9abb0;border-radius:999px;background:transparent;box-shadow:none;color:#4f535b;font:400 12px/1.2 Roboto,Arial,sans-serif;text-decoration:none;text-align:center}
#reader-nav .evidence-pill{width:min(128px,calc(100% - 16px));max-width:none;white-space:nowrap}
#reader-nav .evidence-pill::before,#reader .front-page-pill::before,#sheet>.dock .home-pill::before{content:"";position:absolute;inset:-6px 0;border-radius:999px}
#reader>.dock,#sheet>.dock{height:calc(82px + env(safe-area-inset-bottom));min-height:82px;flex:none;align-items:flex-end;padding:0 0 max(5px,env(safe-area-inset-bottom));background:#fff;border:0}
#reader .front-page-pill{width:100px}
#sheet>.dock .home-pill{width:78px}
#sheet>.dock::before{content:none}
@media(max-width:350px){#reader-nav .evidence-pill{font-size:11px;width:min(122px,calc(100% - 12px))}.reader-wayfinding{padding-left:10px;padding-right:10px}}
.other-perspectives{margin-top:30px}
#reading .other-perspectives .perspectives-intro{font:400 12px/1.5 Roboto,Arial,sans-serif;margin:0;color:#62666d}
#reading .other-perspectives .perspectives-sandbox-note{font:400 11px/1.5 Roboto,Arial,sans-serif;margin:0 0 12px;color:#62666d}
#reading .other-perspectives .perspectives-sandbox-note a{color:inherit;text-underline-offset:3px}
#reading .other-perspectives .perspectives-empty{grid-column:1/-1;font:400 12px/1.5 Roboto,Arial,sans-serif;margin:12px 0 0;color:#62666d}

/* Approved feed template: the red comment introduces and separates each story. */
#stream-title.hook-first-title{border-bottom:0;padding-bottom:0}
.feed-row.feed-text-row.feed-hook-first{border-bottom:0;padding:12px 0 16px}
#feed-list .feed-text-row.feed-hook-first .flip-line{margin:0 auto 14px;padding-bottom:9px;text-align:center}
#feed-list .feed-text-row.feed-hook-first .flip-line::after{left:4%;right:4%;width:auto}
#feed-list .feed-hook-first .feed-publisher{font-weight:600}
.reader-agency{color:#41444a}

/* Shared logo stop and page tools: landing retains the only edition selector. */
#site-header.top{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,560px);height:6svh;min-height:44px;z-index:6;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 16px}
#site-header .profile{justify-self:center}
#site-header .region{position:static;display:flex;align-items:center;justify-content:center;gap:6px;justify-self:center;width:auto;padding:0;min-height:44px;background:transparent;border:0;color:#545861;font:400 12px/1.2 Roboto,Arial,sans-serif;letter-spacing:0}
.region img{display:block;width:24px;height:12px;object-fit:cover;border-radius:0}
.region svg{width:12px;height:12px;flex:none}
.info-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:11px;border:0;background:transparent;color:#616570;flex:none}
.info-button svg{display:block;width:22px;height:22px}
.stream-heading{border-bottom:0}
#feed-list .feed-text-row.feed-hook-first{padding:0;border:0;display:flow-root}
#feed-list .feed-text-row.feed-hook-first:first-child{padding-top:12px}
#feed-list .feed-text-row.feed-hook-first+.feed-hook-first{margin-top:28px}
#feed-list .feed-text-row.feed-hook-first:last-child{padding-bottom:8px}
#feed-list .feed-text-row.feed-hook-first .flip-line{margin:0 auto 14px}
#reader{top:var(--layer-stop,22svh);bottom:auto;height:calc(100dvh - var(--layer-stop,22svh));max-width:560px}
.reader-wayfinding{border:0;border-bottom:1px solid #ededee;padding-top:8px;padding-bottom:8px}
.reader-invitation{font:700 clamp(10px,2.05svh,17px)/1.3 Georgia,serif;letter-spacing:.11em;margin:0 0 5px}
#reader>.dock,#sheet>.dock{box-sizing:border-box;height:auto;min-height:0;padding:10px 0 calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:center}
#feed-scroll{padding-bottom:0}
#reading,.resources-view #reading{padding-bottom:8px;overscroll-behavior-y:contain}
#information[hidden]{display:none}
#information{position:fixed;inset:0;z-index:100;background:rgb(0 0 0 / .22);display:flex;align-items:center;justify-content:center;padding:20px}
.information-card{display:flex;flex-direction:column;width:100%;max-width:500px;max-height:calc(100dvh - 40px);background:#fff;border-radius:12px;padding:20px;box-shadow:0 12px 40px #0002}
.information-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
#information-title{font:700 23px/1.2 Editorial,Georgia,serif;margin:0}
#information-close{width:44px;height:44px;flex:none;background:transparent;border:0;font:400 28px/1 Roboto,Arial,sans-serif;color:#41444a}
#information-content{overflow:auto;overscroll-behavior:contain;min-height:0;font:400 14px/1.55 Roboto,Arial,sans-serif;color:#41444a}
#information-content h3{font:600 14px/1.4 Roboto,Arial,sans-serif;margin:18px 0 5px;color:#191919}
#information-content p{margin:8px 0 14px}
.info-button:focus-visible,.region:focus-visible,#information-close:focus-visible{outline:2px solid #df001b;outline-offset:1px}

/* One shared information control remains above every scrolling layer. */
.sheet-settled #site-header .profile,.sheet-settled #site-header .region,.reader-open #site-header .profile,.reader-open #site-header .region{visibility:hidden}
#site-header .region{font-weight:700;letter-spacing:.02em}
#site-header .region svg{width:12px;height:12px}

/* Utility panels stay still and share one calm, reversible fade. */
#information{opacity:0;transition:opacity 500ms ease-in-out}
#information.is-visible{opacity:1}
.profile-button{display:flex;align-items:center;justify-content:center;justify-self:center;width:44px;height:44px;padding:0;border:0;background:transparent}
.sheet-settled #site-header .profile-button,.reader-open #site-header .profile-button{visibility:hidden}
.profile-menu{margin-top:10px}
.profile-library,.profile-option summary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 0;border:0;border-bottom:1px solid #ededee;background:transparent;color:#41444a;font:400 14px/1.5 Roboto,Arial,sans-serif;text-align:left;cursor:pointer}
.profile-option summary{list-style:none}
.profile-option summary::-webkit-details-marker{display:none}
.profile-option summary::after{content:'›';font-size:20px;line-height:1}
.profile-option[open] summary::after{transform:rotate(90deg)}
#information-content .profile-option p{margin:10px 0 16px;font-size:13px;color:#616570}
@media(prefers-reduced-motion:reduce){#information{transition:none}}