/* Conditional case analyses, comparisons, learning paths and video library. */
.case-detail{padding-bottom:3rem}.case-header{padding-block:2.5rem 0}.case-header h1{font:600 clamp(2.2rem,4.8vw,4.5rem)/1.05 var(--f-display);letter-spacing:-.04em;max-width:22ch;text-wrap:balance}.case-eyebrow{font-size:.75rem!important;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);line-height:1.6;margin-block:0 1rem}.case-deck{font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.6;max-width:60ch;margin-block:1.5rem;color:var(--muted)}.case-attribution{display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;font-size:.8rem;color:var(--muted);padding-block:1rem 1.5rem;border-bottom:1px solid var(--line)}.case-attribution a{color:var(--link)}.case-attribution time{white-space:nowrap}.case-metric-band{display:flex;flex-wrap:wrap;gap:0;margin:0;padding-block:2rem;border-bottom:1px solid var(--line)}.case-metric-band>div{flex:1 1 14rem;padding:.5rem 1.75rem .5rem 0}.case-metric-band dt{font-size:.85rem;font-weight:600;color:var(--muted)}.case-metric-band dd{margin:1rem 0 .75rem;font:600 clamp(2rem,3.8vw,3.75rem)/1.1 var(--f-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.case-metric-band dd span{display:block;letter-spacing:normal;font-weight:400;margin-top:.75rem;font-size:.8rem;max-width:34ch;color:var(--muted);line-height:1.5;margin:0}.case-reading{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(14rem,1fr);gap:clamp(2rem,5vw,6rem);padding-block:1rem 3rem}.case-prose{min-width:0}.case-prose .editorial-section{padding-block:2rem .5rem;scroll-margin-top:7rem}.case-prose h2{font:600 clamp(1.45rem,2.3vw,2rem)/1.2 var(--f-display);letter-spacing:-.02em;max-width:34ch;margin-bottom:1.25rem}.case-prose p,.case-prose li{font-size:1.04rem;line-height:1.85;max-width:68ch}.case-prose p{margin-block:1rem}.case-prose ul,.case-prose ol{padding-left:1.4rem}.case-prose li+li{margin-top:.5rem}.case-toc{position:sticky;top:7rem;align-self:start;padding-block:2rem;font-size:.85rem;line-height:1.65}.case-toc>p{font-weight:600}.case-toc ol{padding-left:1.15rem}.case-toc li{margin-block:.8rem}.case-toc a{color:var(--muted)}.case-toc a:hover{color:var(--link)}.case-plan{padding:2rem;margin-block:2rem;background:var(--tint);border-left:3px solid var(--link);scroll-margin-top:7rem}.case-plan-checks{display:grid;gap:.85rem;margin-block:1.5rem}.case-plan-checks label{display:flex;align-items:flex-start;gap:.7rem;font-size:.9rem;line-height:1.65}.case-plan-checks input{margin-top:.35rem;flex-shrink:0;width:1rem;height:1rem;accent-color:var(--link)}.case-field{display:grid;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text)}.case-field textarea,.case-field select,.case-filter-fields select,.case-compare-controls select{width:100%;font:inherit;font-weight:400;line-height:1.5;background:var(--card);color:var(--text);border:1px solid var(--work-field);border-radius:4px;padding:.8rem;min-width:0}.case-field textarea{margin-bottom:1rem;resize:vertical}.case-related{border-top:1px solid var(--line);padding-top:2rem;scroll-margin-top:7rem}.case-related h3{margin-top:1.75rem}.case-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--line);padding-top:2rem;font-size:.85rem}.case-card-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:auto;padding-top:1.25rem;font-size:.85rem}.case-card-links a:first-child{font-weight:600}.published-story .story-metrics small{display:block;color:var(--muted);font-size:.7rem;line-height:1.5;margin-top:.5rem;max-width:30ch}.case-filters{background:var(--tint);padding:1.5rem;margin-bottom:1.75rem}.case-filters h3{font-size:1rem;margin-bottom:1rem}.case-filter-fields{display:grid;grid-template-columns:minmax(10rem,1.2fr) minmax(9rem,1fr) auto auto;gap:1rem;align-items:end}.case-filter-fields label,.case-compare-controls label{display:grid;gap:.4rem;font-size:.8rem;font-weight:600}.case-filter-fields button{font:600 .8rem/1.4 var(--f-body);color:var(--link);background:var(--card);border:1px solid var(--line);border-radius:4px;padding:.9rem 1rem;cursor:pointer;min-height:44px}.case-filter-fields button:hover{border-color:var(--link)}.case-filters [role=status]{font-size:.8rem;margin-top:1rem}.case-filters [role=status]:empty{display:none}.case-empty{padding:1.5rem;border:1px dashed var(--line);margin-block:1.5rem}.case-compare-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:1.5rem}.case-comparison-note{font-size:.85rem;line-height:1.7;color:var(--muted);max-width:85ch;border-left:2px solid var(--link);padding-left:1rem;margin-bottom:1.5rem}.case-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.case-compare-column{min-width:0;border-top:2px solid var(--line);padding-top:1.5rem}.case-compare-column h3{font-size:1.4rem;line-height:1.25;max-width:30ch}.case-compare-column>p{font-size:.9rem;line-height:1.8;color:var(--muted);margin-block:1.25rem}.case-compare-column dl{display:grid;gap:1rem;margin-block:1.5rem;padding:1.25rem;background:var(--tint)}.case-compare-column dt{font-size:.75rem;color:var(--muted)}.case-compare-column dd{font:600 1.75rem/1.2 var(--f-display);letter-spacing:-.03em;margin:.4rem 0;font-variant-numeric:tabular-nums}.case-compare-column dd span{display:block;letter-spacing:normal;font-weight:400;margin-top:.5rem;font-size:.75rem;line-height:1.5;color:var(--muted)}.case-path-picker,.case-video-picker{max-width:32rem;margin-bottom:1.5rem}.case-learning-path{padding:1.75rem 0;border-top:1px solid var(--line)}.case-learning-path h3{font-size:1.3rem}.case-learning-path ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin-top:1.5rem;gap:2rem;counter-reset:path}.case-learning-path li{counter-increment:path;border-top:2px solid var(--line);padding-top:1rem;min-width:0}.case-learning-path li:before{content:'0' counter(path);font:500 1.5rem var(--f-display);color:var(--muted);display:block;margin-bottom:.75rem}.case-learning-path li>a{font-size:1rem;line-height:1.6;font-weight:600}.case-learning-path .case-eyebrow{font-size:.7rem!important;margin-bottom:.5rem}.case-reviewed{display:flex;gap:.5rem;align-items:center;font-size:.75rem;color:var(--muted);margin-top:1rem}.case-reviewed input{width:1rem;height:1rem;accent-color:var(--link)}.case-path-progress{font-size:.8rem;color:var(--muted);margin-top:1.5rem}.case-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.case-video-grid article{border-top:2px solid var(--line);padding-top:1.5rem;min-width:0}.case-video-grid h3{font-size:1.35rem;line-height:1.3;max-width:30ch;min-height:3.5rem;margin-bottom:1.5rem}.case-video-stage{aspect-ratio:16/9;background:var(--tint);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem;border:1px solid var(--line)}.case-video-stage:has(iframe){padding:0}.case-video-stage iframe{width:100%;height:100%;border:0}.case-video-stage button{font:600 .9rem var(--f-body);color:var(--link);background:var(--card);border:1px solid var(--line);padding:1rem 1.5rem;border-radius:4px;cursor:pointer}.case-video-stage button span{margin-right:.75rem}.case-video-stage>a{font-size:.75rem}.case-video-disclosure{font-size:.75rem;line-height:1.7;color:var(--muted);margin-block:1rem}.case-video-grid article>a{font-size:.85rem;font-weight:600}.case-video-privacy{font-size:.8rem;color:var(--muted);margin-top:1.5rem}.case-detail :focus-visible,.case-library :focus-visible{outline:3px solid var(--link);outline-offset:4px}.case-detail [hidden],.case-library [hidden]{display:none!important}
@media(max-width:850px){.case-reading{grid-template-columns:minmax(0,1fr)}.case-toc{display:none}.case-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.case-learning-path ol{gap:1.25rem}.case-header{padding-top:1.5rem}}
@media(max-width:580px){.case-compare-grid,.case-compare-controls,.case-video-grid{grid-template-columns:minmax(0,1fr)}.case-learning-path ol{grid-template-columns:minmax(0,1fr)}.case-learning-path li{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:1rem}.case-learning-path li:before{grid-row:1/4}.case-learning-path li>*{grid-column:2}.case-plan{padding:1.25rem}.case-metric-band>div{flex-basis:50%;padding-right:.75rem}.case-filter-fields{grid-template-columns:minmax(0,1fr)}.case-filters{padding:1.25rem}.case-header h1{font-size:2.25rem}.case-reading{gap:0}.case-video-grid h3{min-height:0}}
