/* CCTV content layout, composed from the incumbent case family and tokens. */
[data-cctv-case] .wrap{max-width:1200px}
[data-cctv-case] [data-cctv-intent]{display:block;font-size:var(--fs-xl);line-height:var(--lh-body);letter-spacing:normal;color:var(--fg-2);margin-bottom:var(--sp-5)}
[data-cctv-case] .ch2-title{max-width:20ch;text-wrap:balance}
[data-cctv-case] .ch2-title>.glow{display:inline-block;margin-right:var(--sp-3)}
[data-cctv-case] .ch2-title>.stroke{display:inline-block}
[data-cctv-case] .case-hero .scramble{width:auto!important;min-width:0!important;max-width:100%;white-space:normal!important;height:auto!important;overflow:visible!important}
[data-cctv-case] .ch2-lede{max-width:72ch;font-size:var(--fs-md);line-height:var(--lh-body)}
[data-cctv-case] .ch2-hero-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-cctv-case] .ch2-metric{min-width:0}
[data-cctv-case] .ch2-m-value{font-size:var(--ds-title-compact)!important;font-variant-numeric:tabular-nums}
[data-cctv-case] .cm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}
[data-cctv-case] .cm-item{min-width:0}
[data-cctv-case] .cm-val a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
[data-cctv-case] h2{max-width:26ch;text-wrap:balance}
[data-cctv-case] .cch-box h3{font-size:var(--ds-title-compact);line-height:var(--ds-title-compact-lh);margin-block:var(--sp-4)}
[data-cctv-case] .cch-box p{font-size:var(--fs-md);line-height:var(--lh-body);max-width:72ch}
[data-cctv-case] .ctldr-line .v{font-size:var(--fs-md);line-height:var(--lh-body);white-space:normal;overflow-wrap:anywhere}
[data-cctv-case] .cl-title{font-size:var(--ds-title-compact);line-height:var(--ds-title-compact-lh)}
[data-cctv-case] .cl-foot{flex-shrink:0}
[data-cctv-case] .cl-list li{display:block;position:relative;padding-left:var(--sp-5)}
[data-cctv-case] .cl-list li::before{position:absolute;left:0;top:var(--sp-2);padding:0}
[data-cctv-case] .cl-list li abbr{display:inline}
[data-cctv-case] .cr-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-6);max-width:none}
[data-cctv-case] .cr-row{grid-template-columns:minmax(0,1fr) auto;min-width:0;gap:var(--sp-4)}
[data-cctv-case] .cr-row:first-child{grid-column:1/-1}
[data-cctv-case] .cr-cell-v{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
[data-cctv-case] .case-shots{margin-bottom:var(--sp-8)}
[data-cctv-case] .case-shots-grid{grid-template-columns:minmax(0,1fr)}
[data-cctv-case] .cctv-source-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
[data-cctv-case] .cctv-source-button img{width:100%;height:auto}
[data-cctv-case] .case-shot-zoom{top:auto;bottom:var(--sp-3);right:var(--sp-3);left:auto;padding:var(--sp-2) var(--sp-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--accent);z-index:2}
[data-cctv-case] [data-cctv-separator]{white-space:nowrap}
[data-cctv-case] .case-related .case-card{display:flex;flex-direction:column}
[data-cctv-case] .cc-top{flex-wrap:wrap;gap:var(--sp-3);align-items:flex-start;min-height:var(--sp-8)}
[data-cctv-case] .cc-case{flex:1 1 100%;white-space:normal}
[data-cctv-case] .cc-plat{font-size:var(--fs-xs);white-space:normal;max-width:100%}
[data-cctv-case] .cc-title{font-size:var(--fs-xl);line-height:var(--lh-snug);text-wrap:balance}
[data-cctv-case] .cc-lede{flex:1;max-width:none;text-wrap:pretty}
[data-cctv-case] .cc-top,[data-cctv-case] .cc-title,[data-cctv-case] .cc-metric,[data-cctv-case] .cc-foot{flex-shrink:0}
[data-cctv-case] .cc-foot{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3);min-height:var(--sp-8)}
[data-cctv-case] .cc-tags{min-height:2.6em;align-content:start}
[data-cctv-case] .cc-go{align-self:flex-end;margin-top:auto}
@media(min-width:901px){
 [data-cctv-case] .cr-table{column-gap:0}
 [data-cctv-case] .cr-row:nth-child(2n+1):not(:first-child){border-left:1px solid var(--line)}
 [data-cctv-case] .cr-row:nth-last-child(-n+2){border-bottom:0}
 [data-cctv-case] .cc-title{min-height:2.4em}
}
[data-cctv-case] #faq .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);align-items:start;max-width:none;margin-inline:0}
[data-cctv-case] .cctv-faq-column{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
[data-cctv-case] #faq .q-text{font-size:var(--fs-md);line-height:1.4}
[data-cctv-case] #faq summary{min-height:88px;align-items:center}
[data-cctv-case] #faq .q-body{padding-top:var(--sp-4)}
[data-cctv-case] #cta .cta-step h3{font-size:var(--fs-xl);line-height:1.3}
[data-cctv-case] #cta .uf-layout{max-width:none;text-align:left}
[data-cctv-case] #cta .uf-alt-title{font-size:var(--fs-xl);line-height:1.3;max-width:none}
[data-cctv-case] :is(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(prefers-reduced-motion:reduce){[data-cctv-case] .ctldr-line{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:900px){
 [data-cctv-case] .cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-cctv-case] .ch2-hero-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-cctv-case] #faq .faq-list{grid-template-columns:minmax(0,1fr)}
 [data-cctv-case] .cr-table{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 [data-cctv-case] h2 .scramble{width:auto!important;min-width:0!important;max-width:100%;white-space:normal!important;height:auto!important;overflow:visible!important}
 [data-cctv-case] .cm-grid{grid-template-columns:minmax(0,1fr)}
 [data-cctv-case] .cr-row{grid-template-columns:minmax(0,1fr)}
 [data-cctv-case] .cr-cell-v{text-align:left}
}