@font-face{font-family:SplashEditorial;src:url(fonts/PlayfairDisplay-Black.ttf);font-weight:900;font-display:swap}
:root{--af-splash-fade-duration:1500ms}
/* Device/browser owns its status bar. These insets reserve space, never simulate it. */
#sheet{top:0!important;height:100dvh!important;border-radius:0!important}
.workshop-splash:not(.landing-rest) #site-header,.sheet-settled #site-header,.reader-open #site-header{display:none!important;pointer-events:none}
#reader{padding-top:env(safe-area-inset-top,0px)}
.workshop-splash #sheet>.sheet-top,.workshop-splash #search-guidance,.workshop-splash #search-context{display:none!important}
.workshop-splash #workshop-fixed-lead{flex:0 0 auto;min-height:0;max-height:calc(100% - 160px - 52px - env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 6px) 20px 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.workshop-splash #workshop-fixed-lead>h2{font:600 12px/1.3 Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.055em;color:#151515;margin:16px 0 0;padding:10px 0 8px;border-top:2px solid #d90012;text-align:left}
.workshop-splash #feed-scroll{flex:1 1 0%;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:0 20px 16px;scroll-padding:12px 0 16px}
.workshop-splash #feed-list{margin:0;padding:0}
.workshop-lead{margin:0;padding:0;color:#080808}
.workshop-heading{font:900 clamp(44px,18vw,100px)/.86 SplashEditorial,Georgia,serif;min-height:calc(clamp(44px,18vw,100px) * .86 * 3);letter-spacing:-.05em;text-align:left;margin:0 0 18px;padding:0;overflow:visible}
.workshop-heading>span{display:block;width:max-content;max-width:none;white-space:nowrap;transform:scaleX(var(--splash-width-scale,1.26));transform-origin:left center}
.workshop-heading .splash-red{color:#d90012}
.workshop-heading em.splash-red{font:inherit;font-style:normal;color:#d90012}
.workshop-heading:focus{outline:none}
.workshop-introduction{font:600 clamp(18px,5.7vw,28px)/1.12 Roboto,Arial,sans-serif;min-height:calc(clamp(18px,5.7vw,28px) * 1.12 * 3);color:#111;margin:0;width:100%;max-width:100%;letter-spacing:-.015em;text-align:left;text-align-last:auto;word-spacing:normal;hyphens:none;word-break:normal;overflow-wrap:break-word}
.workshop-action-space{display:flex;justify-content:center;align-items:center;padding:18px 0 14px}
.workshop-read{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border:0;border-radius:999px;background:#d90012;color:white;padding:7px 16px;font:600 14px/1.2 Roboto,Arial,sans-serif}
.workshop-read::before{content:"";position:absolute;inset:-5px 0;min-height:44px;border-radius:999px}
.workshop-read span{font-size:19px;line-height:1}
.workshop-read:hover{background:#b70010}
.workshop-attribution{display:flex;align-items:center;gap:8px;margin:0;color:#555;font:400 13.5px/1.35 Roboto,Arial,sans-serif;letter-spacing:0;text-align:left}
.workshop-attribution .publisher-icon{position:static;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;overflow:hidden;background:none;border:0;margin:0;padding:0}
.workshop-attribution .publisher-icon img,.workshop-attribution .publisher-icon svg{display:block;width:24px;height:24px;flex-shrink:0;object-fit:contain;background:none;position:static;border-radius:0}
/* The supplied ABC favicon includes large white margins. Normalize its optical size. */
.workshop-attribution .publisher-icon img[src*="af22a46c16cd589d"]{width:34px;height:34px;max-width:none}
.workshop-more{margin:0;border:0}
.workshop-more>h2{font:600 12px/1.3 Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.055em;color:#151515;margin:10px 0 2px;text-align:left}
.workshop-preview{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-bottom:1px solid #dedede;border-radius:0;padding:12px 0;text-align:left}
.workshop-preview:last-child{border-bottom:0}
.workshop-preview-copy{flex:1;min-width:0}
.workshop-story-heading{display:block;font:600 16px/1.25 Roboto,Arial,sans-serif;letter-spacing:-.01em;color:#111;text-decoration:none!important}
.workshop-punchline{position:relative;display:block;width:fit-content;max-width:100%;font:700 17px/1.25 Roboto,Arial,sans-serif;color:#d90012;letter-spacing:-.01em;margin:6px 0 8px;padding-bottom:6px}
.workshop-punchline::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;clip-path:polygon(0 30%,25% 0,65% 20%,100% 0,99% 90%,40% 100%,0 85%);pointer-events:none}
.workshop-arrow{flex:0 0 14px;font:400 29px/1 Roboto,Arial,sans-serif;color:#333}
.workshop-preview:active{background:#fafafa}
/* One neutral navigation-pill treatment across the workshop's front page,
   Flip, sources, resource library and companion layers. */
:root{--af-pill-height:36px;--af-pill-size:14px;--af-pill-weight:600;--af-pill-width:112px;--af-footer-pill-width:112px}
#sheet>.dock,#reader>.dock,.reader-layer>.dock{height:auto;min-height:52px;padding:8px 0 max(4px,calc(env(safe-area-inset-bottom,0px) * .5));align-items:flex-end;justify-content:center;border:0;background:#fff}
#sheet>.dock:before,#reader>.dock:before,.reader-layer>.dock:before{display:none}
#sheet>.dock .home-pill,#reader>.dock .front-page-pill,.reader-layer>.dock .front-page-pill,#reader-nav .evidence-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:112px;min-width:112px;height:36px;min-height:36px;padding:0 12px;background:transparent;border:1px solid #a9abb0;border-radius:999px;box-shadow:none;font:600 14px/1.2 Roboto,Arial,sans-serif;letter-spacing:0;color:#41444a;white-space:nowrap;text-decoration:none}
#sheet>.dock .home-pill::before,#reader>.dock .front-page-pill::before,.reader-layer>.dock .front-page-pill::before,#reader-nav .evidence-pill::before{content:"";position:absolute;inset:-4px 0;min-height:44px;border-radius:999px}
#reader .front-page-pill[data-companion],#reader-nav .evidence-pill{width:max-content;max-width:100%;padding-inline:16px}
#reader-nav.reader-actions{flex-wrap:wrap}
#reader-nav.reader-actions>div{flex:0 1 auto;min-width:112px}
@media(min-width:560px){.workshop-splash #feed-scroll,.workshop-splash #workshop-fixed-lead{padding-left:30px;padding-right:30px}.workshop-story-heading{font-size:19px}.workshop-punchline{font-size:19px}}
@media(max-width:340px){.workshop-splash #feed-scroll,.workshop-splash #workshop-fixed-lead{padding-left:16px;padding-right:16px}.workshop-heading{font-size:18vw}}
/* Explicit opt-in design options. The default workshop layout remains available. */
html[data-workshop-treatment]{--workshop-panel:#f2f0ec;--workshop-panel-edge:transparent;--workshop-panel-rule:#d6d2ca;--workshop-panel-radius:4px}
html[data-workshop-treatment="frame"]{--workshop-panel:#fbfbf9;--workshop-panel-edge:#cec9c1;--workshop-panel-rule:#deddd9;--workshop-panel-radius:0px}
html[data-workshop-treatment] .workshop-introduction{font-weight:400}
html[data-workshop-treatment] .workshop-splash #feed-scroll{margin:0 20px 6px;padding:0 16px 12px;background:var(--workshop-panel);border:1px solid var(--workshop-panel-edge);border-top:0;border-radius:0 0 var(--workshop-panel-radius) var(--workshop-panel-radius);scrollbar-width:thin;scrollbar-color:#aaa69e transparent;scroll-padding-top:14px}
html[data-workshop-treatment] .workshop-preview{padding:12px 0;border-bottom-color:var(--workshop-panel-rule);gap:12px}
html[data-workshop-treatment] .workshop-story-heading{font-weight:400;line-height:1.25}
html[data-workshop-treatment] .workshop-punchline{margin-top:5px;margin-bottom:7px}
html[data-workshop-treatment] .workshop-arrow{color:#625f59;font-size:25px}
html[data-workshop-treatment] .workshop-attribution{color:#65615b}
html[data-workshop-treatment] .workshop-preview:active{background:transparent}
@media(min-width:560px){html[data-workshop-treatment] .workshop-splash #feed-scroll{margin-left:30px;margin-right:30px}}
@media(max-width:340px){html[data-workshop-treatment] .workshop-splash #feed-scroll{margin-left:16px;margin-right:16px}}

/* Warm framed option: recover 22px above supporting stories without resizing type. */
html[data-workshop-treatment="frame"] .workshop-splash #workshop-fixed-lead{padding-top:calc(env(safe-area-inset-top,0px) + 4px)}
html[data-workshop-treatment="frame"] .workshop-heading{margin-bottom:14px}
html[data-workshop-treatment="frame"] .workshop-action-space{padding:0 0 4px}

/* Preserve shared pill dimensions; lower its dock within the device safe area. */
html[data-workshop-treatment="frame"] .workshop-splash #sheet>.dock{min-height:44px;padding-top:4px;padding-bottom:max(2px,calc(env(safe-area-inset-bottom,0px) * .125))}

/* The stream title belongs to the actual scroll panel, not the splash. */
html[data-workshop-treatment] .workshop-splash #feed-scroll{position:relative;margin-top:8px;border-top:1px solid var(--workshop-panel-edge)}
html[data-workshop-treatment] .workshop-splash #workshop-fixed-lead{padding-bottom:8px;border-bottom:0;margin-inline:20px;padding-inline:0}
html[data-workshop-treatment] .workshop-more>h2{position:sticky;top:0;z-index:1;margin:0;padding:10px 0 4px;background:var(--workshop-panel);font:600 11px/1.4 Roboto,Arial,sans-serif;letter-spacing:.08em;color:#383632}
html[data-workshop-treatment] .workshop-introduction{font-weight:400}
@media(min-width:560px){html[data-workshop-treatment] .workshop-splash #workshop-fixed-lead{margin-inline:30px}}
@media(max-width:340px){html[data-workshop-treatment] .workshop-splash #workshop-fixed-lead{margin-inline:16px}}

/* Compact title-to-first-story rhythm; retain the normal 44px Home target above its baseline. */
html[data-workshop-treatment] .workshop-preview:first-of-type{padding-top:6px}
html[data-workshop-treatment="frame"] .workshop-splash #sheet>.dock .home-pill::before{inset:-8px 0 0;min-height:44px}

/* Approved reorder only. Preserve the panel area and regular headline weight. */
html[data-workshop-treatment] .workshop-lead-attribution-space{padding:10px 0}
html[data-workshop-treatment] .workshop-lead-attribution-space .workshop-attribution{justify-content:center}
html[data-workshop-treatment] .workshop-action-space{padding-bottom:0}
html[data-workshop-treatment] .workshop-splash #workshop-fixed-lead{padding-bottom:0}
html[data-workshop-treatment] .workshop-splash #feed-scroll{margin-top:0}
html[data-workshop-treatment] .workshop-preview{border-bottom:0}
html[data-workshop-treatment] .workshop-preview-copy>.workshop-attribution{margin-top:5px}
html[data-workshop-treatment] .workshop-punchline{margin:5px 0 0;padding-bottom:0}
html[data-workshop-treatment] .workshop-punchline::after{display:none}
html[data-workshop-treatment] .workshop-preview+.workshop-preview{border-top:1px solid #d90012}

/* Optional fill-only comparison. All baseline geometry and type are inherited. */
html[data-workshop-treatment="frame"][data-workshop-surface="white"]{--workshop-panel:#ffffff}

/* Measured spacing pass: one 4px rhythm, no type/panel/footer dimension changes. */
html[data-workshop-treatment="frame"] .workshop-heading{margin-bottom:12px}
html[data-workshop-treatment] .workshop-lead-attribution-space{padding-block:12px}
html[data-workshop-treatment] .workshop-more>h2{padding-top:12px}
html[data-workshop-treatment] .workshop-preview:first-of-type{padding-top:8px}
html[data-workshop-treatment] .workshop-preview-copy>.workshop-attribution{margin-top:4px}
html[data-workshop-treatment] .workshop-punchline{margin-top:4px}

/* Quiet range counter: existing label size, no pager controls or extra vertical band. */
.workshop-more>h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.workshop-story-count{flex:none;white-space:nowrap;font-weight:400;letter-spacing:0;text-transform:none}
/* Border-only alternative preserves its 1px layout footprint and every other token. */
html[data-workshop-treatment="frame"][data-workshop-outline="none"]{--workshop-panel-edge:transparent}

/* Quiet supporting-story panel: retain scrolling and the range indicator. */
html[data-workshop-treatment] .workshop-splash #feed-scroll{scrollbar-width:none}
.workshop-splash #feed-scroll::-webkit-scrollbar{display:none;width:0;height:0}

/* Review: bring CTA and source closer without moving their layout slots or the panel. */
html[data-workshop-treatment] .workshop-lead .workshop-action-space{position:relative;top:4px}
html[data-workshop-treatment] .workshop-lead-attribution-space>.workshop-attribution{position:relative;top:2px}