/* Final case-study layouts. Visual tokens and components belong to desktop.css.
   Scope every addition to the case studies; preserve the desktop and other apps. */
.final-case-study{container-type:inline-size}
.final-case-study .case-heading{margin-top:0}
.final-case-study .case-meta{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.final-case-study .cs-cover-note{align-self:flex-end;max-width:48%;font-size:.75rem;line-height:1.4;letter-spacing:0}
.final-case-study .cs-section-lead{margin-bottom:18px}
.final-case-study .cs-body-copy p+p{margin-top:12px}
.final-case-study :is(.cs-challenge-grid,.cs-ownership-grid,.cs-testing-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.final-case-study :is(.cs-strategy-grid,.cs-outcome-grid,.cs-learn-grid,.cs-dual-case){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.final-case-study :is(.cs-card,.cs-strategy-item,.cs-outcome-card,.cs-learning,.cs-phase,.cs-position-item){padding:16px 0;border-bottom:1px solid #ddd;min-width:0}
.final-case-study :is(.cs-split,.cs-position-grid,.cs-comic-showcase,.cs-sales-block,.cs-audience-split,.cs-creator-showcase){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-top:18px}
.final-case-study :is(.cs-photo-grid,.cs-youtube-grid,.cs-comic-covers,.cs-case-images){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;align-items:start}
.final-case-study .cs-media-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;align-items:start}
.final-case-study .cs-media-row-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}
.final-case-study .cs-media-row-support{grid-template-columns:1fr}
.final-case-study .cs-carousel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;align-items:start}
.final-case-study .cs-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.final-case-study :is(.cs-metric-band,.cs-metric-stack,.cs-yt-metrics,.cs-ops-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.final-case-study :is(.cs-metric-chip b,.cs-ops .cs-big,.cs-callout .cs-big){display:block;font:bold 1.6rem Arial,sans-serif;letter-spacing:-.035em;overflow-wrap:normal}
.final-case-study :is(.cs-metric-chip span,.cs-ops .cs-label){display:block;font-size:.8125rem;line-height:1.45;margin-top:6px;color:#444}
.final-case-study :is(.cs-evidence-note,.cs-cap,figcaption){font-size:.8125rem;line-height:1.45;color:#555;margin:9px 0 0}
.final-case-study :is(.cs-num,.cs-step-num){font-size:.875rem;font-weight:bold;color:var(--title);margin-bottom:7px}
.final-case-study .cs-workflow-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #ddd}
.final-case-study :is(.cs-transparency,.cs-callout){border:1px solid #ccc;padding:17px;margin:15px 0;background:#f4f4f4}
.final-case-study .cs-takeaway .cs-big{font-size:1.4rem;line-height:1.25;font-weight:bold;margin-bottom:13px;letter-spacing:-.025em}
.final-case-study .cs-mini-metrics{font-size:.875rem;margin-top:12px;font-weight:bold}
.final-case-study .cs-label{display:block;font-size:.75rem;line-height:1.5;color:#555;margin-bottom:7px}
.final-case-study figure{margin:0;min-width:0}
.final-case-study img{max-width:100%;height:auto}
.final-case-study .case-image-button{display:block;width:100%;min-width:0}
.final-case-study .case-image-button img{height:auto;object-fit:contain}
.final-case-study .cs-carousel-tile .case-image-button>span{padding:7px 3px;font-size:.75rem}
.final-case-study .cs-case-box{padding:16px 0;min-width:0}
.final-case-study .cs-traffic-evidence{margin-top:18px}
.final-case-study .retro-button:disabled{cursor:not-allowed}
.final-case-study :is(.cs-visual,.cs-image-card,.cs-case-box)>:first-child{margin-top:0}
.final-case-study .metrics>div{min-width:0}
.document-page .final-case-study .case-nav{top:38px}
@media(max-width:700px){.document-page .final-case-study .case-nav{top:43px}}
@container (max-width:640px){
 .final-case-study .case-meta{grid-template-columns:1fr}
 .final-case-study :is(.cs-challenge-grid,.cs-ownership-grid,.cs-testing-grid,.cs-strategy-grid,.cs-outcome-grid,.cs-learn-grid,.cs-dual-case,.cs-split,.cs-position-grid,.cs-comic-showcase,.cs-sales-block,.cs-audience-split,.cs-creator-showcase,.cs-timeline){grid-template-columns:1fr}
 .final-case-study .cs-before-after{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .final-case-study :is(.cs-media-row,.cs-carousel-grid,.cs-metric-band,.cs-metric-stack,.cs-yt-metrics){grid-template-columns:repeat(2,minmax(0,1fr))}
 .final-case-study .cs-media-row-support{grid-template-columns:1fr}
 .final-case-study .cs-ops-grid{grid-template-columns:1fr;gap:18px}
 .final-case-study .cs-cover-note{max-width:65%}
 .final-case-study .cs-case-box+.cs-case-box{margin-top:13px}
}
@container (max-width:360px){
 .final-case-study :is(.cs-photo-grid,.cs-youtube-grid){grid-template-columns:1fr}
 .final-case-study>.project-thumb{aspect-ratio:auto;min-height:210px;gap:14px}
 .final-case-study .cs-cover-note{max-width:100%}
}