/* Fully scoped. No global navigation, reader, typography or animation rules. */
.csfr{--csfr-ink:#203844;--csfr-muted:#4d6370;--csfr-paper:#f4f7f6;--csfr-wash:#e3edf0;--csfr-line:#b6c9d0;--csfr-accent:#246e79;color:var(--csfr-ink);font:16px/1.6 var(--sans,Arial,sans-serif);margin-block:54px 64px;border-top:1px solid var(--csfr-line);padding-top:27px}
.csfr,.csfr *{box-sizing:border-box}
.csfr [hidden]{display:none!important}
.csfr a{color:inherit;text-underline-offset:4px}
.csfr a:focus-visible,.csfr button:focus-visible{outline:3px solid var(--csfr-accent);outline-offset:5px}
.csfr button{font:inherit;cursor:pointer;touch-action:manipulation}
.csfr button:disabled{cursor:default;color:var(--csfr-muted);opacity:.7}
.csfr svg{display:block;flex-shrink:0}
.csfr-back svg{transform:rotate(180deg)}
.csfr-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-bottom:25px}
.csfr-eyebrow{display:flex;align-items:center;gap:12px;font:700 12px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;margin:0 0 12px;color:var(--csfr-muted)}
.csfr-eyebrow img{display:block;flex:0 0 32px}
.csfr h2{font:400 clamp(2.1rem,3.4vw,3.4rem)/1.08 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:0;color:var(--csfr-ink)}
.csfr-browse{font:700 13px/1.4 var(--sans,Arial,sans-serif);display:inline-flex;align-items:center;gap:20px;min-height:44px;flex-shrink:0}
.csfr-browse span{font-size:21px}
.csfr-deck{display:grid;gap:24px;background:transparent}
.csfr-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--csfr-paper);border:1px solid var(--csfr-line);margin:0;min-width:0;overflow:hidden}
.csfr-figure{margin:0;min-width:0;background:var(--csfr-wash);display:flex;flex-direction:column}
.csfr-image{padding:22px 22px 0}
.csfr-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#dbe1e3}
.csfr-figure figcaption{font:13px/1.6 var(--sans,Arial,sans-serif);color:var(--csfr-muted);padding:17px 24px 23px;margin:0}
.csfr-credit{display:block;font-weight:700;margin-bottom:5px}
.csfr-copy{padding:28px 34px 26px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;position:relative}
.csfr-copy:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--csfr-accent),#b3cbd2 65%,transparent)}
.csfr-topic{font:700 13px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;color:var(--csfr-accent)}
.csfr h3{font:400 clamp(1.7rem,2.55vw,2.5rem)/1.1 var(--serif,Georgia,serif);letter-spacing:-.025em;color:var(--csfr-ink);margin:0 0 19px;text-wrap:pretty}
.csfr-hook{font:16px/1.7 var(--sans,Arial,sans-serif);color:var(--csfr-ink);margin:0 0 23px;max-width:56ch}
.csfr-story{display:inline-flex;gap:30px;align-items:center;font:700 13px/1.5 var(--sans,Arial,sans-serif);min-height:46px;padding:10px 17px;background:var(--csfr-ink);color:var(--csfr-paper)!important;text-decoration:none;border:1px solid var(--csfr-ink)}
.csfr-story:hover{text-decoration:underline}
.csfr-story span{font-size:21px;font-weight:400}
.csfr-citation{border-top:1px solid var(--csfr-line);margin-top:24px;padding-top:14px;width:100%;font:13px/1.65 var(--sans,Arial,sans-serif);color:var(--csfr-muted)}
.csfr-citation p{margin:0 0 5px}
.csfr-citation a{overflow-wrap:anywhere}
.csfr-citation time{display:block}
.csfr-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 0}
.csfr-buttons{display:flex;align-items:center;gap:7px;flex-shrink:0}
.csfr-buttons button{min-height:46px;border:1px solid transparent;background:transparent;color:var(--csfr-ink);display:flex;align-items:center;justify-content:center;gap:11px;font:600 13px/1.4 var(--sans,Arial,sans-serif);padding:11px 13px;white-space:nowrap}
.csfr-buttons button:hover:not(:disabled){background:var(--csfr-wash);border-color:var(--csfr-line)}
.csfr-buttons .csfr-play{min-width:147px;border-color:var(--csfr-line);background:var(--csfr-paper)}
.csfr-play [data-csfr-play-icon]{font-size:19px;line-height:1;width:17px;text-align:center}
.csfr-state{font:12px/1.5 var(--sans,Arial,sans-serif);color:var(--csfr-muted);margin:0;text-align:right;max-width:270px}
.csfr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Grid overlap keeps the height of the longest panel. Nothing moves under the pointer. */
.csfr-enhanced .csfr-deck{gap:0;isolation:isolate}
.csfr-enhanced .csfr-card{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}
.csfr-enhanced .csfr-card[data-csfr-active="true"]{visibility:visible;opacity:1;pointer-events:auto;z-index:1;transition:opacity .28s ease}
html[data-theme="dark"] .csfr{--csfr-ink:#e3edf1;--csfr-muted:#b0c4cc;--csfr-paper:#182b35;--csfr-wash:#223c48;--csfr-line:#48616d;--csfr-accent:#9cd8df}
html[data-theme="dark"] .csfr-eyebrow img{filter:grayscale(1) brightness(0) invert(1)}
html[data-effects="off"] .csfr .csfr-card,.csfr[data-csfr-reduced="true"] .csfr-card{transition:none!important}
@media(prefers-reduced-motion:reduce){.csfr .csfr-card{transition:none!important}}
@media(max-width:850px){.csfr-copy{padding:25px}.csfr h3{font-size:30px}.csfr-hook{font-size:15px}.csfr-image{padding:17px 17px 0}.csfr-figure figcaption{padding:15px 18px 22px}}
@media(max-width:680px){.csfr{margin-block:35px 44px;padding-top:22px}.csfr-heading{display:block;padding-bottom:18px}.csfr h2{font-size:37px}.csfr-browse{margin-top:12px}.csfr-card{grid-template-columns:minmax(0,1fr)}.csfr-image{padding:16px 16px 0}.csfr-figure figcaption{font-size:13px;padding:12px 18px 17px}.csfr-copy{padding:23px}.csfr-topic{margin-bottom:14px}.csfr h3{font-size:32px;max-width:22ch}.csfr-hook{font-size:16px;line-height:1.65}.csfr-citation{margin-top:22px}.csfr-controls{display:block;padding-top:13px}.csfr-buttons{justify-content:space-between;gap:4px}.csfr-buttons button{padding-inline:10px;gap:6px;font-size:12px}.csfr-buttons .csfr-play{min-width:138px}.csfr-state{max-width:none;text-align:center;margin-top:13px}.csfr-eyebrow{font-size:12px;gap:9px;letter-spacing:.08em}.csfr-eyebrow img{width:27px;height:27px;flex-basis:27px}}
@media(max-width:370px){.csfr h2{font-size:33px}.csfr h3{font-size:28px}.csfr-copy{padding:20px}.csfr-buttons button{font-size:12px;padding-inline:7px}.csfr-buttons>button:first-child svg,.csfr-buttons>button:last-child svg{display:none}.csfr-buttons .csfr-play{min-width:126px}}
@media(forced-colors:active){.csfr-story,.csfr-buttons button{border:1px solid ButtonText}.csfr-copy:before{display:none}}