
/* A38 Commercial Priority Board - screen-dark first; print white only inside @media print. */
.a38-product,.a38-callout,.a38-chain,.a38-board,.a38-opportunity,.a38-result,.a38-rule,.a38-example,.a38-evidence,.a38-faq details,.a38-download-card{background:color-mix(in srgb,var(--ri-panel,#0d1720) 92%,transparent);border:1px solid color-mix(in srgb,var(--ri-line,#29404f) 88%,transparent);border-radius:18px;color:var(--ri-text,#e9f1f4)}
.a38-product,.a38-board{padding:clamp(1rem,2.3vw,1.75rem);margin:2rem 0}.a38-callout,.a38-rule,.a38-example,.a38-evidence,.a38-download-card{padding:1rem 1.1rem;margin:1rem 0}.a38-kicker{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ri-cyan,#60d8ff);font-weight:800}.a38-direct{border-inline-start:4px solid var(--ri-cyan,#60d8ff)}
.a38-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;padding:1rem;margin:1.25rem 0}.a38-chain span{min-height:74px;padding:.8rem;border-radius:14px;background:color-mix(in srgb,var(--ri-panel-2,#132532) 88%,transparent);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;position:relative}.a38-chain span:not(:last-child)::after{content:'→';position:absolute;right:-.53rem;color:var(--ri-gold,#f5c76b);z-index:2}
.a38-board__toolbar{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:1rem}.a38-board__actions{display:flex;gap:.5rem;flex-wrap:wrap}.a38-button,.a38-icon-button{appearance:none;border:1px solid color-mix(in srgb,var(--ri-cyan,#60d8ff) 55%,var(--ri-line,#29404f));background:color-mix(in srgb,var(--ri-panel-2,#132532) 92%,transparent);color:var(--ri-text,#e9f1f4);border-radius:999px;padding:.7rem 1rem;font:inherit;font-weight:750;cursor:pointer}.a38-button:hover,.a38-button:focus-visible,.a38-icon-button:hover,.a38-icon-button:focus-visible{outline:2px solid var(--ri-cyan,#60d8ff);outline-offset:3px}.a38-button--primary{border-color:var(--ri-gold,#f5c76b)}
.a38-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.a38-opportunity{padding:1rem;min-width:0;position:relative}.a38-opportunity__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:center}.a38-id{font-size:.72rem;color:var(--ri-cyan,#60d8ff);font-weight:800}.a38-name{min-width:0;width:100%;border:0;border-bottom:1px solid var(--ri-line,#29404f);background:transparent;color:var(--ri-text,#e9f1f4);font:inherit;font-weight:800;padding:.45rem .1rem}.a38-name:focus{border-bottom-color:var(--ri-cyan,#60d8ff)}.a38-name:focus-visible,.a38-details summary:focus-visible{outline:2px solid var(--ri-cyan,#60d8ff);outline-offset:3px}.a38-icon-button{padding:.5rem 1rem;font-size:.78rem}.a38-meta{color:var(--ri-muted,#a8bac5);font-size:.86rem;min-height:2.6em}.a38-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.a38-field{display:grid;gap:.3rem;min-width:0}.a38-field__label{font-size:.74rem;color:var(--ri-muted,#a8bac5);font-weight:700}.a38-field select{width:100%;min-width:0;background:var(--ri-bg-deep,#081018);color:var(--ri-text,#e9f1f4);border:1px solid var(--ri-line,#29404f);border-radius:10px;padding:.7rem 1rem}.a38-field select:focus-visible{outline:2px solid var(--ri-cyan,#60d8ff);outline-offset:2px}.a38-state{margin-top:.8rem;padding:.6rem .75rem;border-radius:10px;background:color-mix(in srgb,var(--ri-cyan,#60d8ff) 12%,var(--ri-bg-deep,#081018));font-size:.78rem;font-weight:850;letter-spacing:.03em}.a38-details{margin-top:.8rem}.a38-details summary{cursor:pointer;color:var(--ri-gold,#f5c76b);font-weight:750}.a38-details[open]{padding-top:.3rem}.a38-fields--detail{grid-template-columns:1fr}.a38-result{padding:1rem 1.1rem;margin-top:1rem;min-height:180px}.a38-result__headline{display:flex;flex-direction:column;gap:.25rem}.a38-result__headline strong{font-size:clamp(1.25rem,2vw,1.7rem)}.a38-result__frontier{color:var(--ri-gold,#f5c76b);font-weight:800}.a38-result__use{border-top:1px solid var(--ri-line,#29404f);padding-top:.75rem;margin-top:.75rem;color:var(--ri-muted,#a8bac5)}.a38-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.a38-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}.a38-dimensions article{padding:1rem;border:1px solid var(--ri-line,#29404f);border-radius:14px;background:color-mix(in srgb,var(--ri-panel,#0d1720) 88%,transparent)}.a38-dimensions h3{margin-top:0;font-size:1rem}.a38-table-wrap{overflow-x:auto;margin:1rem 0;border:1px solid var(--ri-line,#29404f);border-radius:14px}.a38-table{width:100%;min-width:760px;border-collapse:collapse;background:var(--ri-panel,#0d1720)}.a38-table th,.a38-table td{padding:1rem;border-bottom:1px solid var(--ri-line,#29404f);text-align:left;vertical-align:top}.a38-table th{color:var(--ri-cyan,#60d8ff);background:var(--ri-panel-2,#132532)}.a38-table tr:last-child td{border-bottom:0}.a38-sources li{margin:.55rem 0}.a38-sources a{overflow-wrap:anywhere}.a38-faq details{padding:.85rem 1rem;margin:.7rem 0}.a38-faq summary{font-weight:800;cursor:pointer}.a38-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.a38-download-card a{display:inline-block;margin-top:.5rem}.a38-next{border-left:4px solid var(--ri-gold,#f5c76b)}
@media (max-width:1050px){.a38-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.a38-chain{grid-template-columns:repeat(3,minmax(0,1fr))}.a38-chain span:nth-child(3)::after{display:none}.a38-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.a38-cards,.a38-dimensions,.a38-downloads{grid-template-columns:1fr}.a38-chain{grid-template-columns:1fr}.a38-chain span::after{content:'↓'!important;right:auto!important;bottom:-.58rem!important;top:auto}.a38-chain span:last-child::after{display:none}.a38-fields{grid-template-columns:1fr}.a38-board__toolbar{align-items:flex-start}.a38-board__actions{width:100%}.a38-button{flex:1 1 auto}.a38-product,.a38-board,.a38-opportunity,.a38-result{border-radius:14px}}

/* A38 wide-figure focus: the protected in-article matrix may use the full editorial
   breakout while the two side rails yield. The rails restore as soon as the figure
   leaves the viewport; image bytes and responsive image attributes remain unchanged. */
@media (min-width:1100px){
body[data-sfv-route="/insights/prioritize-seo-opportunities-commercial-value/"] .ri2-article-layout.a38-media-focus-active > .ri2-toc,
body[data-sfv-route="/insights/prioritize-seo-opportunities-commercial-value/"] .ri2-article-layout.a38-media-focus-active > .ri2-side-note{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body[data-sfv-route="/insights/prioritize-seo-opportunities-commercial-value/"] figure[data-serpifai-focus-media="diagram"]{width:min(1120px,calc(100vw - 2rem))!important;max-width:none!important;position:relative;left:50%;transform:translateX(-50%);margin-inline:0!important;z-index:2}
body[data-sfv-route="/insights/prioritize-seo-opportunities-commercial-value/"] figure[data-serpifai-focus-media="diagram"] picture,
body[data-sfv-route="/insights/prioritize-seo-opportunities-commercial-value/"] figure[data-serpifai-focus-media="diagram"] img{display:block;width:100%;max-width:100%;height:auto}
}
@media (max-width:1099px){
body[data-sfv-route="/insights/prioritize-seo-opportunities-commercial-value/"] figure[data-serpifai-focus-media="diagram"]{width:100%!important;max-width:100%!important;left:auto!important;transform:none!important;margin-inline:0!important}
}
@media (prefers-reduced-motion:reduce){.a38-product *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.a38-board{display:none!important}.a38-product,.a38-callout,.a38-chain,.a38-opportunity,.a38-result,.a38-rule,.a38-example,.a38-evidence,.a38-download-card{background:#fff!important;color:#111!important;border-color:#bbb!important;box-shadow:none!important}.a38-table{background:#fff!important;color:#111!important}.a38-table th{background:#eee!important;color:#111!important}}
/* Shared-cascade safety: direct-child article sections are zero-padded by the global shell. */
body[data-sfv-route="/insights/prioritize-seo-opportunities-commercial-value/"] .ri2-article > section.a38-product{padding:clamp(1rem,2.3vw,1.75rem)!important}
body[data-sfv-route="/insights/prioritize-seo-opportunities-commercial-value/"] .ri2-article > section.a38-callout.a38-next{padding:1rem 1.1rem!important}
