/* pd-v2-ihub - /interactives/ page layer (INTERACTIVES-HUB-0929): themes, thumbnails, lead banner, mobile. */
.pdv2 .pdx3-lead{padding-block:6px 30px}
.pdv2 .pdx3-lead-card{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:0;border:1px solid var(--ink);background:#fff;color:var(--ink);text-decoration:none}
.pdv2 .pdx3-lead-card img{display:block;width:100%;height:auto;border-right:1px solid var(--ink)}
.pdv2 .pdx3-lead-copy{display:flex;flex-direction:column;gap:12px;padding:26px 28px;justify-content:center}
.pdv2 .pdx3-lead-copy strong{font-size:34px;line-height:1.08;letter-spacing:-.035em;font-weight:800}
.pdv2 .pdx3-lead-desc{font-size:15px;line-height:1.5;color:var(--mid);max-width:560px}
.pdv2 .pdx3-lead-card:hover strong,.pdv2 .pdx3-lead-card:focus-visible strong{color:var(--cobalt)}
.pdv2 .pdx3-lead-card:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
.pdv2 .pdx3-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.pdv2 .pdx3-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);background:var(--band);color:var(--ink);font:600 13px var(--sans);text-decoration:none}
.pdv2 .pdx3-chip span{margin-left:8px;font:600 12px var(--mono);color:var(--mid)}
.pdv2 .pdx3-chip:hover,.pdv2 .pdx3-chip:focus-visible{border-color:var(--cobalt);color:var(--cobalt)}
.pdv2 .pdx3-theme{margin-top:34px;scroll-margin-top:90px}
.pdv2 .pdx3-theme-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:3px solid var(--ink);padding-bottom:10px;margin-bottom:6px}
.pdv2 .pdx3-theme-head h2{font-size:28px;letter-spacing:-.03em;line-height:1.1;margin:0}
.pdv2 .pdx3-theme-head p{font-size:14px;color:var(--mid);max-width:520px;margin:0;text-align:right}
.pdv2 .pdx3-theme:not(:has(.i-card:not([hidden]))){display:none}
.pdv2 .pdx3-theme .i-card{padding-top:14px}
.pdv2 .pdx3-thumb{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--line);margin-bottom:12px;background:var(--band)}
.pdv2 .pdx3-theme .i-card:hover .pdx3-thumb{border-color:var(--cobalt)}
.pdv2 .pdx3-theme .i-card .i-desc{font-size:14px;line-height:1.45;color:var(--mid);margin-top:8px}
@media(max-width:850px){.pdv2 .pdx3-lead-card{grid-template-columns:1fr}.pdv2 .pdx3-lead-card img{border-right:0;border-bottom:1px solid var(--ink)}.pdv2 .pdx3-lead-copy strong{font-size:28px}}
@media(max-width:760px){.pdv2 .pdx3-theme-head{display:block}.pdv2 .pdx3-theme-head p{text-align:left;margin-top:6px;font-size:13px}.pdv2 .pdx3-theme-head h2{font-size:24px}.pdv2 .pdx3-lead-copy{padding:18px}.pdv2 .pdx3-lead-desc{font-size:13px}.pdv2 .pdx3-chip{font-size:12px;padding:0 11px}}
@media(max-width:560px){.pdv2 .pdx3-theme .i-library-grid{grid-template-columns:1fr}.pdv2 .pdx3-theme .i-card{min-height:0}}
@media print{.pdv2 .pdx3-chips,.pdv2 .pdx3-thumb{display:none}}