/* CTV page only. Shared Inventory media, header, hero type and footer remain canonical. */
body[data-page=ctv] main .section-heading h2 em{font-style:normal;font-weight:650;color:var(--orange)}
body[data-page=ctv] main .section-heading>div>p{font-size:15px;line-height:1.7;max-width:850px}
body[data-page=ctv] :is(#tasks,#placements,#ctv-sources,#ctv-cross-screen,#measurement,#practice,#questions){scroll-margin-top:110px}

/* Clear selection persists independently of hover, including on touch. */
.ctv-strategy-tabs{gap:10px}
.ctv-strategy-tabs button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:16px 17px}
.ctv-strategy-tabs button>.brand-clasp{flex:0 0 22px;width:22px;height:22px;color:var(--orange);opacity:0;transition:opacity .2s,transform .3s}
.ctv-strategy-tabs button[aria-pressed=true]{background:#fff;color:var(--ink,#272733);border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.ctv-strategy-tabs button[aria-pressed=true]>.brand-clasp{opacity:1}
.ctv-strategy-tabs button:focus-visible{background:#272733;color:#fff;outline:2px solid var(--orange);outline-offset:4px}
.ctv-strategy-tabs button:focus-visible>.brand-clasp{opacity:1;transform:rotate(90deg)}
.ctv-strategy-board{padding:38px;min-height:330px}
.ctv-strategy-board>h3{margin-bottom:32px}
.ctv-strategy-columns{gap:38px}

/* Sources: no numeric gutter, duplicate badges or empty chip catalogue. */
body[data-page=ctv] .ctv-sources-grid{gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-page=ctv] .ctv-sources-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:27px;gap:22px;border-radius:24px 24px 6px 24px;background:#f7f8fa}
body[data-page=ctv] .ctv-sources-grid h3{font-size:25px;line-height:1.15;min-height:3.45em;font-weight:500;letter-spacing:-.03em}
body[data-page=ctv] .ctv-sources-grid h3 br{display:none}
body[data-page=ctv] .ctv-sources-grid p{font-size:14px;line-height:1.65}
.ctv-source-mark{position:relative;display:block;flex:0 0 40px;width:59px;height:40px;color:var(--orange)}
.ctv-source-mark.platform{border:2px solid currentColor;border-radius:5px 5px 1px 5px;height:40px}
.ctv-source-mark.platform:after{content:'';position:absolute;left:17px;right:17px;bottom:-8px;height:2px;background:currentColor}
.ctv-source-mark.platform i:first-child{position:absolute;left:17px;top:8px;width:18px;height:12px;border:1px solid currentColor;border-radius:2px}
.ctv-source-mark.catalog{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.ctv-source-mark.catalog i{border:1.5px solid currentColor;border-radius:4px 4px 1px 4px}
.ctv-source-mark.catalog i:first-child{background:var(--orange)}
.ctv-source-mark.live{display:flex;align-items:center;justify-content:center;gap:6px}
.ctv-source-mark.live i{width:3px;border-radius:2px;background:currentColor;height:18px}
.ctv-source-mark.live i:nth-child(2){height:34px}.ctv-source-mark.live i:nth-child(3){height:26px}.ctv-source-mark.live i:nth-child(4){height:12px}
.ctv-source-mark.network{background:linear-gradient(currentColor,currentColor) center/37px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 25px no-repeat}
.ctv-source-mark.network i{position:absolute;width:12px;height:12px;border:1.5px solid currentColor;background:#f7f8fa;border-radius:3px}
.ctv-source-mark.network i:nth-child(1){left:24px;top:1px}.ctv-source-mark.network i:nth-child(2){left:4px;top:16px}.ctv-source-mark.network i:nth-child(3){right:3px;top:16px}.ctv-source-mark.network i:nth-child(4){left:24px;bottom:0}
body[data-page=ctv] .ctv-control{align-items:start;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;padding:0;margin-top:58px}
body[data-page=ctv] .ctv-control h3{font-size:clamp(29px,3vw,40px);margin:20px 0 22px}
.ctv-targeting-fact{font:400 15px/1.7 Raleway,sans-serif;color:var(--muted);max-width:440px}
.ctv-setting-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 30px}
.ctv-setting-list dt{font:650 16px/1.35 Raleway,sans-serif;margin-bottom:10px}
.ctv-setting-list dd{font:400 14px/1.65 Raleway,sans-serif;color:var(--muted);margin:0}

/* Pair the heading with the top of the demonstration instead of centering a text tower. */
.ctv-cross-layout{align-items:start;gap:55px}
.ctv-cross-copy{display:contents}
.ctv-cross-copy>.eyebrow{grid-column:1/-1;margin:0}
.ctv-cross-copy>h2{grid-column:1;grid-row:2;font-size:clamp(38px,4.3vw,66px);line-height:1.08;letter-spacing:-.045em;margin:0}
.ctv-cross-copy>p:not(.eyebrow){grid-column:1;grid-row:3;margin:0;font-size:15px;line-height:1.7}
.ctv-cross-copy>.ctv-cross-steps{grid-column:1;grid-row:4;margin:0}
.ctv-cross-copy>p:last-child{grid-row:5;font-size:13px}
.ctv-cross-demo{grid-column:2;grid-row:2/6}
.ctv-cross-layout{row-gap:26px}

/* Separate delivery, independent verification and outcome research. */
.ctv-verification{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:72px;padding:45px;border-radius:30px 30px 7px 30px;background:#272733;color:#fff;margin-bottom:42px}
.ctv-verification-copy>.eyebrow{color:#c9c8d3}
.ctv-verification h3{font:500 clamp(29px,3.1vw,42px)/1.13 Raleway,sans-serif;letter-spacing:-.035em;margin:21px 0}
.ctv-verification-copy>p:not(.eyebrow){font:400 15px/1.7 Raleway,sans-serif;color:#c4c3ce;max-width:550px}
.ctv-verification .ctv-strategy-link{color:#fff}
.ctv-verification-flow{margin:0;display:grid;gap:24px;align-content:start}
.ctv-verification-flow>div{position:relative;padding-left:26px}
.ctv-verification-flow>div:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border:2px solid var(--orange);border-radius:50%}
.ctv-verification-flow>div:not(:last-child):after{content:'';position:absolute;left:5px;top:22px;bottom:-20px;width:1px;background:#ffffff25}
.ctv-verification-flow dt{font:650 16px/1.4 Raleway,sans-serif;margin-bottom:9px}
.ctv-verification-flow dd{margin:0;font:400 14px/1.65 Raleway,sans-serif;color:#c4c3ce}
.ctv-measure-table{padding:0 34px 12px;border-radius:24px 24px 6px 24px;background:#fff}
.ctv-measure-table table{width:100%;border-collapse:collapse;table-layout:fixed}
.ctv-measure-table caption{text-align:left;padding:27px 0;font:650 21px/1.3 Raleway,sans-serif}
.ctv-measure-table thead th{text-align:left;padding:14px 20px 18px 0;font:700 10px/1.5 Montserrat,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#81818f;border-bottom:2px solid #272733}
.ctv-measure-table thead th:first-child{width:24%}.ctv-measure-table thead th:nth-child(2){width:30%}
.ctv-measure-table tbody th,.ctv-measure-table td{vertical-align:top;text-align:left;padding:23px 22px 23px 0;border-bottom:1px solid #e6e6ec;font:400 14px/1.65 Raleway,sans-serif;color:var(--muted)}
.ctv-measure-table tbody th{font-weight:650;color:#272733}
.ctv-measure-table tbody tr:last-child>*{border-bottom:0}
.ctv-measure-table td:last-child{padding-right:0}
body[data-page=ctv] #practice .ctv-practice-reading{border-left:0;padding-left:0}
body[data-page=ctv] #practice .ctv-practice-all{border-top:0;padding-top:0;margin-top:30px}

@media(hover:hover){.ctv-strategy-tabs button:hover{background:#272733;color:#fff}.ctv-strategy-tabs button:hover>.brand-clasp{opacity:1;transform:rotate(90deg)}.ctv-verification .ctv-strategy-link:hover{color:var(--orange)}}
@media(max-width:1200px){.ctv-strategy-tabs button{font-size:12px;padding:14px 12px;gap:8px}.ctv-strategy-tabs button>.brand-clasp{flex-basis:18px;width:18px;height:18px}body[data-page=ctv] .ctv-sources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=ctv] .ctv-sources-grid h3{min-height:2.3em}.ctv-verification{gap:40px;padding:36px}}
@media(max-width:960px){.ctv-cross-layout{display:flex;flex-direction:column;gap:0}.ctv-cross-copy{display:contents}.ctv-cross-copy>.eyebrow{order:0}.ctv-cross-copy>h2{order:1;margin:18px 0 22px;max-width:750px}.ctv-cross-copy>p:not(.eyebrow){order:2;max-width:750px}.ctv-cross-demo{order:3;margin:30px 0;width:100%;max-width:700px;align-self:center}.ctv-cross-copy>.ctv-cross-steps{order:4;width:100%;margin:0}.ctv-cross-copy>p:last-child{order:5;margin-top:18px}body[data-page=ctv] .ctv-control{gap:35px}.ctv-setting-list{grid-template-columns:1fr;gap:24px}.ctv-verification{gap:32px}.ctv-strategy-columns{gap:25px}}
@media(max-width:760px){.ctv-strategy-tabs button{flex-basis:40%;min-height:64px;font-size:12px}.ctv-strategy-tabs button:last-child{flex-grow:0}.ctv-strategy-board{padding:25px;min-height:0}.ctv-strategy-columns{gap:24px}body[data-page=ctv] .ctv-control{grid-template-columns:1fr;gap:30px;margin-top:38px}.ctv-setting-list{grid-template-columns:1fr 1fr;gap:25px}.ctv-cross-copy>h2{font-size:39px}.ctv-verification{grid-template-columns:1fr;padding:28px;gap:32px;border-radius:23px 23px 5px 23px}.ctv-verification h3{font-size:33px}.ctv-verification-flow{gap:23px}.ctv-measure-table{padding:0 23px 4px}.ctv-measure-table table,.ctv-measure-table tbody{display:block}.ctv-measure-table caption{display:block;font-size:22px;padding:25px 0}.ctv-measure-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ctv-measure-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:23px 0;border-top:1px solid #e6e6ec}.ctv-measure-table tbody th,.ctv-measure-table td{display:block;border:0;padding:0}.ctv-measure-table tbody th{font-size:18px}.ctv-measure-table td:nth-child(2){color:#272733;font-weight:500}.ctv-measure-table tbody tr:first-child{border-top:2px solid #272733}}
@media(max-width:520px){body[data-page=ctv] .ctv-sources-grid{grid-template-columns:1fr}body[data-page=ctv] .ctv-sources-grid article{display:grid;grid-template-columns:50px minmax(0,1fr);gap:15px 20px;padding:24px}body[data-page=ctv] .ctv-sources-grid h3{font-size:24px;min-height:0}body[data-page=ctv] .ctv-sources-grid p{grid-column:1/-1}.ctv-source-mark{width:45px;transform:scale(.82);transform-origin:left top}.ctv-source-mark.network i:nth-child(1),.ctv-source-mark.network i:nth-child(4){left:17px}.ctv-setting-list{grid-template-columns:1fr}.ctv-verification{padding:25px}.ctv-cross-copy>h2{font-size:36px}.ctv-verification h3{font-size:30px}.ctv-strategy-tabs button:last-child{flex-basis:calc(50% - 5px)}.ctv-cross-steps>div{grid-template-columns:90px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ctv-strategy-tabs button>.brand-clasp{transition:none;transform:none!important}}
