/* Opt-in enhancement for the approved RAV4 story. No global layout rules. */
.as-detail.as-proof-side .as-proof-section { clear:both; }
.as-detail.as-proof-side .as-proof-section-content { display:flow-root; }
.as-detail.as-proof-side .as-proof-section-content::after { content:""; display:block; clear:both; }
.as-detail.as-proof-side .as-proof-section-content > p:first-of-type { margin-top:0; }
.as-detail.as-proof-side .as-proof-rail { float:right; width:282px; max-width:38%; min-width:0; margin:5px 0 18px 28px; }
.as-detail.as-proof-side .as-proof-rail.as-proof-single { width:210px; max-width:34%; }
.as-detail.as-proof-side .as-proof-section[data-proof-side=left] .as-proof-rail { float:left; margin:5px 28px 18px 0; }
.as-detail.as-proof-side .as-proof-thumbs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; }
.as-detail.as-proof-side .as-proof-single .as-proof-thumbs { grid-template-columns:minmax(0,1fr); }
.as-detail.as-proof-side .as-proof-thumbs figure { min-width:0; margin:0; }
.as-detail.as-proof-side .as-proof-thumbs a { display:block; }
.as-detail.as-proof-side .as-proof-thumbs img { width:100%; height:auto; max-height:none; object-fit:contain; border:1px solid var(--as-line,#dce4ef); border-radius:8px; box-shadow:0 2px 8px #111b3010; }
.as-detail.as-proof-side .as-proof-opening { display:block; color:var(--as-blue,#1941cf); font-size:12px; line-height:1.3; margin-top:7px; }
.as-detail.as-proof-side .as-proof-thumbs figcaption { margin:6px 0 0; color:var(--as-muted,#57677f); font-size:12px; line-height:1.5; }
.as-detail.as-proof-side .as-proof-context { margin:0; padding:0; border:0; background:transparent; }
.as-detail.as-proof-side .as-proof-context summary { display:flex; align-items:center; gap:4px; min-height:44px; padding:5px 0; font-size:12px; line-height:1.45; color:var(--as-blue,#1941cf); }
.as-detail.as-proof-side .as-proof-caption-content { margin:6px 0 0; font-size:12px; line-height:1.5; }
.as-detail.as-proof-side .as-proof-thumbs.as-proof-has-wide { grid-template-columns:minmax(0,1fr); }
.as-detail.as-proof-side .as-proof-has-wide > figure:not(.as-proof-wide) { width:160px; justify-self:center; }
.as-detail.as-proof-side .as-proof-wide a { display:flex; flex-direction:column; justify-content:center; min-height:76px; padding:10px; border:1px solid var(--as-line,#dce4ef); border-radius:8px; background:var(--ado-surface-high,#f6f8fc); }
.as-detail.as-proof-side .as-proof-wide img { border:0; box-shadow:none; }
.as-detail.as-proof-side .as-proof-wide .as-proof-opening { text-align:center; }

.as-proof-viewer { box-sizing:border-box; width:min(1160px,calc(100vw - 24px)); height:min(960px,calc(100dvh - 24px)); max-width:none; max-height:none; padding:16px; border:0; border-radius:12px; overflow:hidden; background:#111b30; color:#fff; font:400 14px/1.5 'IBM Plex Sans',Arial,sans-serif; }
.as-proof-viewer *, .as-proof-viewer *::before, .as-proof-viewer *::after { box-sizing:border-box; }
.as-proof-viewer::backdrop { background:#0b1221b8; }
.as-proof-viewer[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto auto; gap:10px; }
.as-proof-viewer-header { display:flex; align-items:center; gap:12px; }
.as-proof-viewer-header strong { margin-right:auto; font-size:14px; font-weight:600; }
.as-proof-viewer-count { color:#c9d4e5; white-space:nowrap; }
.as-proof-viewer button { display:inline-flex; align-items:center; justify-content:center; flex:0 1 auto; min-height:44px; min-width:44px; margin:0; padding:8px 12px; border:1px solid #52637d; border-radius:8px; background:#243149; color:#fff; font:400 13px/1.4 'IBM Plex Sans',Arial,sans-serif; cursor:pointer; }
.as-proof-viewer button:hover { background:#344762; }
.as-proof-viewer button[aria-pressed=true] { background:#d9e5ff; color:#111b30; }
.as-proof-viewer button:disabled { opacity:.35; cursor:default; }
.as-proof-viewer :focus-visible { outline:3px solid #91b7ff; outline-offset:3px; }
.as-proof-viewer-stage { position:relative; min-height:0; overflow:auto; overscroll-behavior:contain; border-radius:8px; background:#0b1322; }
.as-proof-viewer-stage img { display:block; width:auto; height:auto; object-fit:contain; border-radius:0; }
.as-proof-viewer-stage:not([data-proof-zoom]) img { position:absolute; inset:0; width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; }
.as-proof-viewer-stage[data-proof-zoom] img { position:static; width:var(--as-proof-viewer-width); height:auto; max-width:none; max-height:none; margin:auto; }
.as-proof-viewer-controls { display:flex; justify-content:center; gap:6px; }
.as-proof-viewer-caption { max-height:88px; overflow:auto; margin:0; color:#d7e2f3; font-size:13px; line-height:1.5; }

@media (max-width:767px) {
 .as-detail.as-proof-side .as-proof-rail,
 .as-detail.as-proof-side .as-proof-rail.as-proof-single,
 .as-detail.as-proof-side .as-proof-section[data-proof-side=left] .as-proof-rail { float:none; width:min(320px,100%); max-width:100%; margin:18px auto 24px; }
 .as-detail.as-proof-side .as-proof-single .as-proof-thumbs { width:180px; margin:auto; grid-template-columns:1fr; }
 .as-detail.as-proof-side .as-proof-thumbs { gap:16px 12px; }
 .as-proof-viewer { width:calc(100vw - 12px); height:calc(100dvh - 12px); padding:10px; }
 .as-proof-viewer[open] { gap:8px; }
 .as-proof-viewer-header { gap:8px; font-size:13px; }
 .as-proof-viewer-header strong { font-size:13px; }
 .as-proof-viewer button { padding:6px 8px; font-size:12px; }
 .as-proof-viewer-controls { gap:4px; }
 .as-proof-viewer-caption { max-height:92px; font-size:12px; }
}