/* Owner-marked Production and Ads refinements, within Viewfinder. */
.vf-production-faq { padding-inline: clamp(24px, 3vw, 40px); }
.vf-production-faq .acc-body { max-width: 72ch; padding-right: 24px; }
.ads-platforms { display:flex; gap:40px; margin:28px 0 32px; }
.ads-platforms figure { display:grid; gap:16px; margin:0; justify-items:start; }
.ads-platforms img { display:block; width:40px; height:40px; object-fit:contain; }
.ads-platforms figcaption { font-size:14px; color:var(--slate); }
.ads-sample__image { position:relative; padding:0; overflow:hidden; }
.ads-sample__image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ads-sample--fitness .ads-sample__image img { object-position:50% 50%; }
.ads-report-heading { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; margin-bottom:48px; }
.ads-report-heading .lead { max-width:38ch; }
.ads-report-disclaimer { display:inline-block; margin-top:20px; font-size:14px; color:var(--slate); }
.ads-report { margin:0; background:var(--paper); border-radius:20px; overflow:hidden; font-variant-numeric:tabular-nums; }
.ads-report-toolbar { display:flex; align-items:center; gap:24px; min-height:88px; padding:24px 32px; border-bottom:1px solid var(--line); }
.ads-report-platforms { display:flex; align-items:center; gap:20px; }
.ads-report-platforms img { width:30px; height:30px; object-fit:contain; }
.ads-report-platforms span { height:24px; width:1px; background:var(--line); }
.ads-report-name { font-size:18px; font-weight:500; }
.ads-report-period { margin-left:auto; font-size:14px; color:var(--slate); }
.ads-report-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:32px; gap:32px; border-bottom:1px solid var(--line); }
.ads-report-metrics dt { color:var(--slate); font-size:14px; }
.ads-report-metrics dd { margin:8px 0 0; font-size:44px; line-height:1.1; font-weight:500; }
.ads-report-body { display:grid; grid-template-columns:minmax(0,2fr) minmax(230px,1fr); gap:48px; padding:32px; }
.ads-report h3 { font-size:18px; line-height:1.4; font-weight:500; }
.ads-report-chart-title { display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
.ads-report-chart-title span { color:var(--slate); font-size:13px; }
.ads-report-chart svg { display:block; width:100%; height:auto; margin-top:24px; overflow:visible; }
.ads-report-grid { stroke:var(--line); fill:none; stroke-width:1; }
.ads-report-line { stroke:var(--navy); stroke-width:3; fill:none; stroke-linecap:round; }
.ads-report-points { fill:var(--paper); stroke:var(--navy); stroke-width:2; }
.ads-report-axis { display:flex; justify-content:space-between; margin-top:12px; color:var(--slate); font-size:12px; }
.ads-report-chart-note { margin:16px 0 0; color:var(--slate); font-size:13px; }
.ads-report-review ul { list-style:none; padding:0; margin:24px 0 0; }
.ads-report-review li { margin-top:20px; font-size:15px; line-height:1.5; color:var(--slate); }
.ads-report-review li span { display:block; color:var(--ink); font-weight:500; margin-bottom:4px; }
.ads-report figcaption { padding:24px 32px; border-top:1px solid var(--line); color:var(--slate); font-size:14px; line-height:1.6; max-width:none; }
@media(max-width:850px) {
 .ads-report-heading { grid-template-columns:1fr; gap:28px; margin-bottom:32px; }
 .ads-report-body { grid-template-columns:1fr; gap:32px; }
 .ads-report-review ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:16px 0 0; }
 .ads-report-review li { margin:0; }
}
@media(max-width:600px) {
 .vf-production-faq { padding-inline:24px; }
 .vf-production-faq summary { gap:16px; }
 .vf-production-faq .acc-body { padding-right:0; }
 .ads-report-toolbar { flex-wrap:wrap; gap:20px; padding:24px; }
 .ads-report-name { font-size:16px; }
 .ads-report-period { width:100%; margin:0; }
 .ads-report-metrics { grid-template-columns:1fr 1fr; padding:24px; gap:24px; }
 .ads-report-metrics dd { font-size:36px; }
 .ads-report-body { padding:24px; }
 .ads-report-chart-title { display:block; }
 .ads-report-chart-title span { display:block; margin-top:8px; }
 .ads-report-review ul { grid-template-columns:1fr; gap:20px; }
 .ads-report figcaption { padding:24px; }
}