/* Products follow the original Chem reading column, with one simple process sequence. */
.product-editorial-v4 .editorial-reading { padding-bottom:0; }
.product-editorial-v4 .product-process { padding:0; background:transparent; }
.product-editorial-v4 .product-process .v4-eyebrow { display:block; }
.product-editorial-v4 .product-process h2 { margin-bottom:8px; }
.product-editorial-v4 .product-sequence { counter-reset:product-step; list-style:none; margin:0; padding:0; }
.product-editorial-v4 .product-sequence li { counter-increment:product-step; display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px 20px; padding:24px 0; border-bottom:1px solid var(--hair); }
.product-editorial-v4 .product-sequence li:last-child { padding-bottom:0; border-bottom:0; }
.product-editorial-v4 .product-sequence li::before { content:'0' counter(product-step); grid-row:1 / span 2; padding-top:4px; font-size:12px; font-weight:600; color:var(--navy); }
.product-editorial-v4 .product-sequence h3 { grid-column:2; margin:0; font-size:21px; line-height:1.35; font-weight:500; letter-spacing:-.02em; }
.product-editorial-v4 .product-sequence p { grid-column:2; margin:0; font-size:16px; line-height:1.7; }
/* Product-slide illustrations support the text, while heroes and cards retain photos. */
.product-editorial-v4 .product-content-visual { margin:32px 0; }
.product-editorial-v4 .product-content-visual img { display:block; width:100%; height:auto; margin-inline:auto; }
.product-editorial-v4 .product-content-visual--protection img { max-width:717px; }
.product-editorial-v4 .product-content-visual figcaption { margin-top:20px; color:var(--ink-2); font-size:15px; line-height:1.7; text-wrap:pretty; }
/* Document cards have their own treatment inside the existing reading column. */
.product-editorial-v4 .product-resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:32px; }
.product-editorial-v4 .product-resource-card { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid var(--hair); border-radius:8px; background:transparent; color:var(--ink); text-decoration:none; transition:none; }
.product-editorial-v4 .product-resource-top { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:28px; }
.product-editorial-v4 .product-resource-icon { display:block; color:var(--ink); }
.product-editorial-v4 .product-resource-icon svg { display:block; width:32px; height:38.4px; }
.product-editorial-v4 .product-resource-format { padding-top:4px; color:var(--ink-2); font-size:11px; line-height:1.5; white-space:nowrap; }
.product-editorial-v4 .product-resource-copy { flex:1; }
.product-editorial-v4 .product-resource-copy h3 { margin:0 0 12px; color:var(--ink); font-size:24px; font-weight:500; letter-spacing:-.035em; line-height:1.2; text-wrap:balance; }
.product-editorial-v4 .product-resource-copy p { margin:0; color:var(--ink-2); font-size:15px; line-height:1.65; }
.product-editorial-v4 .product-resource-action { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:28px; font-size:12px; font-weight:600; }
.product-editorial-v4 .product-resource-arrow { font-size:22px; font-weight:400; transition:transform .18s ease; }
.product-editorial-v4 .product-resource-card :is(.product-resource-icon,.product-resource-format,h3,p,.product-resource-action) { transition:none; }
.product-editorial-v4 .product-resource-card:is(:hover,:focus-visible) { background:#101114; border-color:#101114; color:#fff; }
.product-editorial-v4 .product-resource-card:is(:hover,:focus-visible) .link-underline { background-size:100% 1px; }
.product-editorial-v4 .product-resource-card:is(:hover,:focus-visible) .product-resource-arrow { transform:translate(2px,-2px); }
.product-editorial-v4 .product-resource-card:focus-visible { outline:2px solid var(--navy); outline-offset:4px; }
.product-editorial-v4.navy-mode :is(.product-resource-icon,.product-resource-action) { color:var(--navy); }
.product-editorial-v4.navy-mode .product-resource-card:is(:hover,:focus-visible) { background:var(--navy); border-color:var(--navy); }
.product-editorial-v4 .product-resource-card:is(:hover,:focus-visible) :is(.product-resource-icon,.product-resource-format,h3,p,.product-resource-action) { color:#fff; }
@media(max-width:650px) {
 .product-editorial-v4 .product-resource-grid { grid-template-columns:1fr; margin-top:24px; }
 .product-editorial-v4 .product-resource-card { padding:24px; }
 .product-editorial-v4 .product-resource-top { margin-bottom:20px; }
 .product-editorial-v4 .product-resource-icon svg { width:28px; height:33.6px; }
 .product-editorial-v4 .product-resource-copy h3 { font-size:22px; }
 .product-editorial-v4 .product-resource-copy p { font-size:14px; }
 .product-editorial-v4 .product-resource-action { margin-top:20px; }
 .product-editorial-v4 .product-content-visual { margin-block:24px; }
 .product-editorial-v4 .product-content-visual figcaption { margin-top:16px; font-size:14px; }
 .product-editorial-v4 .product-process h2 { font-size:26px; }
 .product-editorial-v4 .product-sequence li { grid-template-columns:24px minmax(0,1fr); column-gap:12px; padding-block:20px; }
 .product-editorial-v4 .product-sequence h3 { font-size:20px; }
 .product-editorial-v4 .product-sequence p { font-size:15px; }
 /* Keep the document name and file size readable beside compact viewer controls. */
 .product-editorial-v4 .pdfv-head { flex-wrap:wrap; gap:10px; }
 .product-editorial-v4 .pdfv-head .pv-name { order:1; flex-basis:100%; white-space:normal; overflow-wrap:anywhere; }
 /* Keep the rest of the reading flow plain, as it is on desktop. */
 .index-v4.product-editorial-v4 .editorial-section > ul { background:transparent; padding:0 0 0 20px; }
}

@media(max-width:450px) {
 .product-editorial-v4 .pdfv-head .pv-label { display:none; }
 .product-editorial-v4 .pdfv-zoom { margin-left:0; }
 .product-editorial-v4 .pdfv-close { margin-left:auto; }
}

@media(prefers-reduced-motion:reduce) {
 .product-editorial-v4 :is(.product-resource-card,.product-resource-card *) { transition:none; }
}

@media(max-width:1279px) {
 .product-editorial-v4 .page-toc .pt-list a { transition:none; }
 .product-editorial-v4 .page-toc .pt-list a.on { background:#101114; border-color:#101114; }
 .product-editorial-v4.navy-mode .page-toc .pt-list a.on { background:#101114; border-color:#101114; }
}
