.vgcl-cas-hero { padding: 36px 0 24px; }
.vgcl-cas-hero-lead { max-width: 760px; color: var(--vgcl-text-muted); margin: 10px 0 0; font-size: 1.05rem; }
.vgcl-cas-page { padding: 24px 20px 60px; }

.vgcl-cas-disclosure { display: flex; gap: 14px; align-items: flex-start; border: 1px solid var(--vgcl-border); background: var(--vgcl-card-bg); padding: 10px 14px; margin: 0 0 28px; font-size: 0.82rem; color: var(--vgcl-text-muted); }
.vgcl-cas-age { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; border: 2px solid var(--vgcl-accent); color: var(--vgcl-accent); font-family: var(--vgcl-font-mono); font-weight: 700; font-size: 0.9rem; letter-spacing: 0.04em; flex: none; }
.vgcl-cas-disclosure-details summary { cursor: pointer; color: var(--vgcl-text); font-family: var(--vgcl-font-mono); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; }
.vgcl-cas-disclosure-details p { margin: 8px 0 0; line-height: 1.55; }

.vgcl-cas-ranking { display: grid; gap: 22px; margin: 24px 0 36px; }
.vgcl-cas-card { display: grid; grid-template-columns: 56px 190px 1fr 200px; border: 1px solid var(--vgcl-border); background: var(--vgcl-card-bg); position: relative; }
.vgcl-cas-card.is-top { border-color: var(--vgcl-accent); box-shadow: 0 0 0 1px var(--vgcl-accent) inset; }
.vgcl-cas-card-rank { font-family: var(--vgcl-font-mono); font-size: 1.4rem; font-weight: 700; color: var(--vgcl-accent); display: flex; align-items: flex-start; justify-content: center; padding: 18px 0; border-right: 1px solid var(--vgcl-border); }
.vgcl-cas-card-brand { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 18px 14px; border-right: 1px solid var(--vgcl-border); }
.vgcl-cas-logo { display: inline-flex; align-items: center; justify-content: center; width: 160px; height: 56px; }
.vgcl-cas-logo img { max-width: 160px; max-height: 56px; width: auto; height: auto; object-fit: contain; }
.vgcl-cas-logo.chip { background: #e8e8ef; padding: 6px 10px; border-radius: 4px; }
.vgcl-cas-card-name { font-family: var(--vgcl-font-mono); font-size: 0.78rem; color: var(--vgcl-text-muted); text-transform: uppercase; letter-spacing: 0.06em; }
.vgcl-cas-name-text { font-family: var(--vgcl-font-heading); font-weight: 700; font-size: 1.05rem; color: var(--vgcl-text); }
.vgcl-cas-card-body { padding: 16px 18px; }
.vgcl-cas-card-rating { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.vgcl-cas-stars i { display: inline-block; width: 14px; height: 14px; margin-right: 2px; background: var(--vgcl-border); clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.vgcl-cas-stars i.on { background: var(--vgcl-gold); }
.vgcl-cas-score { font-family: var(--vgcl-font-mono); font-weight: 700; font-size: 1.05rem; color: var(--vgcl-text); }
.vgcl-cas-score small { font-size: 0.7rem; color: var(--vgcl-text-muted); margin-left: 2px; }
.vgcl-cas-card-tag { margin: 0 0 8px; font-size: 0.95rem; }
.vgcl-cas-card-offer { margin: 0 0 10px; padding: 8px 10px; border-left: 3px solid var(--vgcl-success); background: rgba(78,204,163,0.07); font-size: 0.92rem; }
.vgcl-cas-terms { display: block; color: var(--vgcl-text-muted); font-size: 0.75rem; margin-top: 3px; }
.vgcl-cas-specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 14px; margin: 0 0 10px; font-family: var(--vgcl-font-mono); font-size: 0.78rem; }
.vgcl-cas-specs .wide { grid-column: 1 / -1; }
.vgcl-cas-specs dt { color: var(--vgcl-text-muted); text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.66rem; }
.vgcl-cas-specs dd { margin: 0; color: var(--vgcl-text); }
.vgcl-cas-feats { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.vgcl-cas-feats li { border: 1px solid var(--vgcl-border); padding: 2px 8px; font-size: 0.74rem; color: var(--vgcl-text-muted); }
.vgcl-cas-card-actions { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 10px; padding: 18px; border-left: 1px solid var(--vgcl-border); }
.vgcl-cas-cta { display: inline-block; text-align: center; background: var(--vgcl-accent); color: #fff; font-family: var(--vgcl-font-heading); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.04em; padding: 12px 16px; text-decoration: none; transition: background .15s; }
.vgcl-cas-cta:hover { background: var(--vgcl-accent-hover); color: #fff; }
.vgcl-cas-cta.small { padding: 6px 10px; font-size: 0.72rem; }
.vgcl-cas-review-link { text-align: center; font-size: 0.82rem; color: var(--vgcl-text-muted); text-decoration: underline; }
.vgcl-cas-rg { font-size: 0.74rem; color: var(--vgcl-text-muted); margin: -12px 0 0; padding: 6px 2px 0; line-height: 1.45; }
.vgcl-cas-rg a { color: var(--vgcl-text-muted); text-decoration: underline; }

.vgcl-cas-table-wrap { overflow-x: auto; margin: 20px 0 8px; }
.vgcl-cas-table { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.vgcl-cas-table th, .vgcl-cas-table td { border: 1px solid var(--vgcl-border); padding: 8px 10px; text-align: left; vertical-align: middle; }
.vgcl-cas-table th { font-family: var(--vgcl-font-mono); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--vgcl-text-muted); background: var(--vgcl-card-bg); }

.vgcl-cas-reviewbox { display: grid; grid-template-columns: 220px 1fr 200px; border: 1px solid var(--vgcl-accent); background: var(--vgcl-card-bg); margin: 18px 0 8px; }
.vgcl-cas-reviewbox-brand { display: flex; align-items: center; justify-content: center; padding: 22px; border-right: 1px solid var(--vgcl-border); }
.vgcl-cas-reviewbox-body { padding: 18px; }

.vgcl-cas-unavailable { border: 1px dashed var(--vgcl-warning); padding: 14px 16px; margin: 20px 0; color: var(--vgcl-text); }
.vgcl-cas-method { border-top: 1px solid var(--vgcl-border); margin: 40px 0 0; padding: 22px 0 0; }
.vgcl-cas-method-title { font-size: 1.05rem; margin: 0 0 10px; }
.vgcl-cas-method ul { margin: 0; padding-left: 18px; font-size: 0.9rem; color: var(--vgcl-text-muted); }
.vgcl-cas-method li { margin-bottom: 4px; }
.vgcl-cas-footer { margin: 28px 0 0; padding: 18px; border: 1px solid var(--vgcl-border); background: var(--vgcl-card-bg); font-size: 0.82rem; color: var(--vgcl-text-muted); }
.vgcl-cas-footer-rg { display: flex; gap: 12px; align-items: center; margin: 0 0 8px; color: var(--vgcl-text); }
.vgcl-cas-footer-note { margin: 0 0 10px; }
.vgcl-cas-footer-note a, .vgcl-cas-footer-links a { color: var(--vgcl-text); text-decoration: underline; }
.vgcl-cas-footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-family: var(--vgcl-font-mono); font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.05em; }

.vgcl-bridge { margin: 36px 0 0; padding: 14px 0 0; border-top: 1px solid var(--vgcl-border); font-size: 0.86rem; color: var(--vgcl-text-muted); }
.vgcl-bridge a { margin-right: 14px; }

.vgcl-cas-tool { border: 1px solid var(--vgcl-border); background: var(--vgcl-card-bg); padding: 18px; margin: 24px 0; }
.vgcl-cas-tool label { display: block; font-family: var(--vgcl-font-mono); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--vgcl-text-muted); margin: 10px 0 4px; }
.vgcl-cas-tool input, .vgcl-cas-tool select { width: 100%; max-width: 360px; background: var(--vgcl-bg); color: var(--vgcl-text); border: 1px solid var(--vgcl-border); padding: 8px 10px; font-family: var(--vgcl-font-mono); font-size: 0.9rem; }
.vgcl-cas-tool .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 18px; }
.vgcl-cas-tool .result { display: block; margin-top: 14px; font-family: var(--vgcl-font-mono); }
.vgcl-cas-tool .result strong { color: var(--vgcl-gold); font-size: 1.2rem; }
.vgcl-cas-tool .result table { width: 100%; border-collapse: collapse; font-size: 0.82rem; margin-top: 8px; }
.vgcl-cas-tool .result td, .vgcl-cas-tool .result th { border-bottom: 1px solid var(--vgcl-border); padding: 5px 6px; text-align: left; }
.vgcl-cas-tool .bar { height: 10px; background: var(--vgcl-highlight); position: relative; }
.vgcl-cas-tool .bar span { position: absolute; left: 0; top: 0; bottom: 0; background: var(--vgcl-accent-bg); }
.vgcl-cas-tool svg { width: 100%; height: auto; display: block; }
.vgcl-cas-tool .btn { display: inline-block; margin: 10px 8px 0 0; background: var(--vgcl-highlight); color: var(--vgcl-text); border: 1px solid var(--vgcl-border); padding: 8px 14px; font-family: var(--vgcl-font-mono); cursor: pointer; }
.vgcl-cas-tool .btn.primary { background: var(--vgcl-accent-bg); border-color: var(--vgcl-accent-bg); color: #fff; }
.vgcl-cas-tool .ok { color: var(--vgcl-success); } .vgcl-cas-tool .bad { color: var(--vgcl-accent); } .vgcl-cas-tool .warn { color: var(--vgcl-warning); }
.vgcl-cas-tool .cards { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
.vgcl-cas-tool .card { width: 54px; height: 76px; border: 1px solid var(--vgcl-border); background: #f4f4f8; color: #111; font-family: var(--vgcl-font-mono); font-weight: 700; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; border-radius: 4px; }
.vgcl-cas-tool .card.red { color: #c0392b; }

@media (max-width: 900px) {
    .vgcl-cas-card { grid-template-columns: 44px 1fr; }
    .vgcl-cas-card-brand { border-right: 0; border-bottom: 1px solid var(--vgcl-border); flex-direction: row; justify-content: flex-start; }
    .vgcl-cas-card-body { grid-column: 1 / -1; }
    .vgcl-cas-card-actions { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--vgcl-border); flex-direction: row; }
    .vgcl-cas-cta { flex: 1; }
    .vgcl-cas-reviewbox { grid-template-columns: 1fr; }
    .vgcl-cas-reviewbox-brand { border-right: 0; border-bottom: 1px solid var(--vgcl-border); }
    .vgcl-cas-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.vgcl-article-content a.vgcl-cas-cta, .vgcl-cas-page a.vgcl-cas-cta { color: #fff; text-decoration: none; }
.vgcl-article-content .vgcl-cas-feats li, .vgcl-cas-page .vgcl-cas-feats li { padding-left: 8px; margin: 0; }
.vgcl-article-content .vgcl-cas-feats li::before, .vgcl-cas-page .vgcl-cas-feats li::before,
.vgcl-article-content .vgcl-cas-footer-links li::before, .vgcl-cas-page .vgcl-cas-footer-links li::before,
.vgcl-cas-page .vgcl-cas-method li::before { content: none; display: none; }
.vgcl-article-content .vgcl-cas-review-link, .vgcl-cas-page .vgcl-cas-review-link { color: var(--vgcl-text-muted); }
.vgcl-cas-logo img { min-width: 90px; }
.vgcl-article-content .vgcl-cas-feats, .vgcl-article-content .vgcl-cas-footer-links, .vgcl-cas-page .vgcl-cas-feats { list-style: none; padding-left: 0; }
.vgcl-article-content .vgcl-cas-feats li { list-style: none; }
.vgcl-cas-logo { width: 170px; height: 64px; }
.vgcl-cas-logo img { max-width: 170px; max-height: 64px; min-width: 110px; min-height: 30px; }

.vgcl-cas-cta, .vgcl-article-content a.vgcl-cas-cta, .vgcl-cas-page a.vgcl-cas-cta { background: #b3233b; }
.vgcl-cas-cta:hover, .vgcl-article-content a.vgcl-cas-cta:hover, .vgcl-cas-page a.vgcl-cas-cta:hover { background: #e94560; }
.vgcl-cas-age { color: #ff7d90; border-color: #ff7d90; }
.vgcl-cas-page .vgcl-answer-eyebrow, .vgcl-cas-card-rank { color: #ff7d90; }
.vgcl-cas-disclosure-details summary { color: #e0e0e0; }
.vgcl-cas-page .vgcl-cas-table a, .vgcl-cas-page .vgcl-cas-tool .result a, .vgcl-cas-page .vgcl-leg-table a { color: #ff7d90; }
.vgcl-cas-page .vgcl-cas-table a.vgcl-cas-cta, .vgcl-cas-page table a.vgcl-cas-cta { color: #fff; }
.vgcl-cas-page .vgcl-tools-group ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.vgcl-cas-page .vgcl-tools-group li::before { content: none; }
.vgcl-cas-page .vgcl-tools-group li a { display: block; border: 1px solid var(--vgcl-border); background: var(--vgcl-card-bg); padding: 14px 16px; color: var(--vgcl-text); text-decoration: none; height: 100%; }
.vgcl-cas-page .vgcl-tools-group li a:hover { border-color: var(--vgcl-accent); }
.vgcl-cas-page .vgcl-tools-group li a strong { display: block; font-family: var(--vgcl-font-heading); font-size: 0.95rem; margin-bottom: 6px; color: var(--vgcl-text); }
.vgcl-cas-page .vgcl-tools-group li a span { display: block; font-size: 0.86rem; color: var(--vgcl-text-muted); }
.vgcl-cas-page .vgcl-tools-grid { display: block; }
.vgcl-cas-tool .slider { display: block; width: 100%; max-width: 420px; margin: 4px 0 2px; accent-color: var(--vgcl-accent); }
.vgcl-cas-tool .slider-val { font-family: var(--vgcl-font-mono); color: var(--vgcl-gold); font-size: 0.95rem; }
.vgcl-cas-tool .seg { display: inline-flex; border: 1px solid var(--vgcl-border); }
.vgcl-cas-tool .seg button { background: var(--vgcl-bg); color: var(--vgcl-text); border: 0; border-right: 1px solid var(--vgcl-border); padding: 8px 14px; font-family: var(--vgcl-font-mono); cursor: pointer; }
.vgcl-cas-tool .seg button:last-child { border-right: 0; }
.vgcl-cas-tool .seg button.on { background: var(--vgcl-accent-bg); color: #fff; }

:root[data-theme="light"] .vgcl-cas-logo { background: #1a1a2e; padding: 6px 10px; border-radius: 4px; }
:root[data-theme="light"] .vgcl-cas-logo.chip { background: #1a1a2e; }
:root[data-theme="light"] .vgcl-cas-age { color: #c8203c; border-color: #c8203c; }
:root[data-theme="light"] .vgcl-cas-page .vgcl-answer-eyebrow, :root[data-theme="light"] .vgcl-cas-card-rank { color: #c8203c; }
:root[data-theme="light"] .vgcl-cas-cta, :root[data-theme="light"] .vgcl-article-content a.vgcl-cas-cta, :root[data-theme="light"] .vgcl-cas-page a.vgcl-cas-cta { background: #b3233b; color: #fff; }
:root[data-theme="light"] .vgcl-cas-page .vgcl-cas-table a, :root[data-theme="light"] .vgcl-cas-page .vgcl-leg-table a, :root[data-theme="light"] .vgcl-cas-page .vgcl-cas-tool .result a { color: #a3182f; }
:root[data-theme="light"] .vgcl-cas-disclosure-details summary { color: #1a1a2e; }
:root[data-theme="light"] .vgcl-cas-card-offer { background: rgba(31,143,106,0.08); }
:root[data-theme="light"] .vgcl-cas-tool .card { background: #ffffff; border-color: #b9bcc8; }
:root[data-theme="light"] .vgcl-cas-tool .result strong { color: #8a6508; }
:root[data-theme="light"] .vgcl-cas-page a.vgcl-cas-cta, :root[data-theme="light"] .vgcl-cas-page table a.vgcl-cas-cta, :root[data-theme="light"] .vgcl-cas-page .vgcl-cas-table a.vgcl-cas-cta, :root[data-theme="light"] .vgcl-article-content a.vgcl-cas-cta { color: #fff; background: #b3233b; }
:root[data-theme="light"] .vgcl-cas-page a.vgcl-cas-cta:hover { background: #8f1c30; color: #fff; }
:root[data-theme="light"] .vgcl-cas-tool .btn { background: #dfe6f3; color: #1a1a2e; border-color: #b8c7e6; }
:root[data-theme="light"] .vgcl-cas-tool .btn.primary, :root[data-theme="light"] .vgcl-cas-tool .seg button.on { background: #b3233b; color: #fff; border-color: #b3233b; }
:root[data-theme="light"] .vgcl-cas-tool .seg button { background: #ffffff; color: #1a1a2e; }
:root[data-theme="light"] .vgcl-cas-tool .bar { background: #dfe6f3; }
:root[data-theme="light"] .vgcl-cas-tool .bar span { background: #b3233b; }
:root[data-theme="light"] .vgcl-cas-tool .slider-val, :root[data-theme="light"] .vgcl-cas-tool .result strong { color: #7a5a06; }
:root[data-theme="light"] .vgcl-cas-tool .ok { color: #157a58; } :root[data-theme="light"] .vgcl-cas-tool .warn { color: #7a5a06; } :root[data-theme="light"] .vgcl-cas-tool .bad { color: #a3182f; }

.vgcl-cas-fig { margin: 28px 0; }
.vgcl-cas-fig img { display: block; width: 100%; height: auto; border: 1px solid var(--vgcl-border); }
.vgcl-cas-fig figcaption { font-size: 0.8rem; color: var(--vgcl-text-muted); margin-top: 8px; }
.vgcl-cas-fig details { margin-top: 6px; } .vgcl-cas-fig summary { cursor: pointer; font-family: var(--vgcl-font-mono); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; }
.vgcl-cas-fig textarea { width: 100%; font-family: var(--vgcl-font-mono); font-size: 0.72rem; background: var(--vgcl-bg); color: var(--vgcl-text); border: 1px solid var(--vgcl-border); padding: 6px; margin-top: 6px; }
.vgcl-cas-method-lead { color: var(--vgcl-text-muted); margin: 0 0 16px; font-size: 0.95rem; }
.vgcl-cas-method-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.vgcl-cas-method-item { position: relative; border: 1px solid var(--vgcl-border); background: var(--vgcl-card-bg); padding: 16px 16px 14px 16px; }
.vgcl-cas-method-item .num { position: absolute; top: 10px; right: 12px; font-family: var(--vgcl-font-mono); font-size: 0.72rem; color: var(--vgcl-accent); }
.vgcl-cas-method-item svg { width: 28px; height: 28px; fill: none; stroke: var(--vgcl-accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 8px; }
.vgcl-cas-method-item strong { display: block; font-family: var(--vgcl-font-heading); font-size: 0.9rem; margin-bottom: 4px; }
.vgcl-cas-method-item span:not(.num) { font-size: 0.84rem; color: var(--vgcl-text-muted); }
.vgcl-cas-method ul { display: none; }
.vgcl-cas-registry { border: 1px solid var(--vgcl-border); background: var(--vgcl-card-bg); padding: 18px; margin: 24px 0; }
.vgcl-cas-registry-stats { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 0.86rem; color: var(--vgcl-text-muted); margin-bottom: 12px; }
.vgcl-cas-registry-stats strong { font-family: var(--vgcl-font-mono); color: var(--vgcl-text); font-size: 1.05rem; margin-right: 4px; }
.vgcl-cas-registry-stats .is-live strong { color: var(--vgcl-success); } .vgcl-cas-registry-stats .is-oct strong { color: var(--vgcl-gold); }
.vgcl-cas-registry-filter { display: inline-flex; border: 1px solid var(--vgcl-border); margin-bottom: 12px; }
.vgcl-cas-registry-filter button { background: var(--vgcl-bg); color: var(--vgcl-text); border: 0; border-right: 1px solid var(--vgcl-border); padding: 6px 12px; font-family: var(--vgcl-font-mono); font-size: 0.78rem; cursor: pointer; }
.vgcl-cas-registry-filter button:last-child { border-right: 0; } .vgcl-cas-registry-filter button.on { background: var(--vgcl-accent-bg); color: #fff; }
.vgcl-cas-registry-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 6px 14px; }
.vgcl-article-content .vgcl-cas-registry-list li { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; padding: 6px 0; border-bottom: 1px solid var(--vgcl-border); font-size: 0.88rem; list-style: none; }
.vgcl-article-content .vgcl-cas-registry-list li::before { content: none; }
.vgcl-cas-registry-list .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--vgcl-border); flex: none; }
.vgcl-cas-registry-list .dot.is-live { background: var(--vgcl-success); } .vgcl-cas-registry-list .dot.is-oct { background: var(--vgcl-gold); }
.vgcl-cas-registry-list small { flex-basis: 100%; padding-left: 17px; color: var(--vgcl-text-muted); font-size: 0.74rem; }
.vgcl-cas-registry-list em { font-size: 0.74rem; color: var(--vgcl-text-muted); }

.vgcl-explainer { --paper: var(--vgcl-card-bg); --ink: var(--vgcl-text); --muted: var(--vgcl-text-muted); --accent: var(--vgcl-accent); --face-head: var(--vgcl-font-heading); --face-body: var(--vgcl-font-main); margin: 24px 0 8px; }
.vgcl-explainer .stage { border: 1px solid var(--vgcl-border); border-radius: var(--vgcl-radius); }
.vgcl-explainer .doc { max-width: 800px; margin: 0 auto; padding: 8px 0 0; }
.vgcl-explainer .doc h2 { font-family: var(--vgcl-font-heading); font-size: 1.15rem; margin: 1.6em 0 0.4em; }
.vgcl-explainer .doc p { line-height: 1.7; }
.vgcl-explainer .doc .sources { font-size: 0.8rem; color: var(--vgcl-text-muted); }
.vgcl-explainer .doc .sources a { color: var(--vgcl-text-muted); }
@media (max-width: 600px) {
  .vgcl-explainer-page .vgcl-explainer .stage { aspect-ratio: 3 / 4; max-height: none; }
  .vgcl-explainer-page .vgcl-explainer .panel { top: auto; bottom: 27%; left: 2%; right: 2%; width: auto; display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 6px 10px; font-size: 10px; }
  .vgcl-explainer-page .vgcl-explainer .panel b { font-size: 14px; }
  .vgcl-explainer-page .vgcl-explainer .caption { font-size: 15px; bottom: 13%; left: 4%; right: 4%; }
  .vgcl-explainer-page .vgcl-explainer .eyebrow { bottom: 23%; }
  .vgcl-explainer-page .vgcl-explainer .bar { padding: 8px 10px 10px; gap: 6px; }
  .vgcl-explainer-page .vgcl-explainer .bar .ctl { font-size: 12px; padding: 5px 10px; }
}
}

.vgcl-explainer--inline { margin: 28px 0 6px; }
.vgcl-explainer-more { font-size: 0.9rem; color: var(--vgcl-text-muted); margin: 6px 0 28px; }
.vgcl-explainer-more a { font-family: var(--vgcl-font-heading); }

.vgcl-rv { margin: 32px 0; padding: 20px 22px; border: 1px solid var(--vgcl-border); border-radius: var(--vgcl-radius); background: var(--vgcl-card-bg); }
.vgcl-rv-title { font-family: var(--vgcl-font-heading); font-size: 1.05rem; margin: 0 0 14px; }
.vgcl-rv-note { margin: 12px 0 0; font-size: 0.78rem; color: var(--vgcl-text-muted); }
.vgcl-rv-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px 18px; }
.vgcl-rv-grid li { display: grid; grid-template-columns: 26px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: start; }
.vgcl-rv-grid svg { width: 24px; height: 24px; grid-row: 1 / 3; color: var(--vgcl-accent); margin-top: 2px; }
.vgcl-rv-k { font-family: var(--vgcl-font-mono); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--vgcl-text-muted); }
.vgcl-rv-v { font-size: 0.92rem; line-height: 1.4; }
.vgcl-rv-chart { width: 100%; height: auto; display: block; font-family: var(--vgcl-font-main); }
.vgcl-rv-lab { font-size: 13px; font-weight: 600; fill: var(--vgcl-text); }
.vgcl-rv-hint { font-size: 11px; fill: var(--vgcl-text-muted); }
.vgcl-rv-val { font-size: 12px; fill: var(--vgcl-text); font-family: var(--vgcl-font-mono); }
.vgcl-rv-val-med { fill: var(--vgcl-text-muted); }
.vgcl-rv-bar-op { fill: var(--vgcl-accent-bg); }
.vgcl-rv-bar-med { fill: var(--vgcl-border); }
.vgcl-rv-compare figcaption { font-size: 0.8rem; color: var(--vgcl-text-muted); margin-top: 8px; }
.vgcl-rv-key { display: inline-block; width: 12px; height: 12px; border-radius: 2px; vertical-align: -1px; margin: 0 5px 0 0; }
.vgcl-rv-key-op { background: var(--vgcl-accent-bg); } .vgcl-rv-key-med { background: var(--vgcl-border); margin-left: 10px; }
.vgcl-rv-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px 28px; }
.vgcl-rv-cols h4 { font-family: var(--vgcl-font-mono); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 8px; color: var(--vgcl-text-muted); }
.vgcl-rv-cols ul { margin: 0; padding-left: 18px; font-size: 0.92rem; line-height: 1.55; }
.vgcl-rv-cols > div:first-child ul li::marker { color: var(--vgcl-success); } .vgcl-rv-cols > div:last-child ul li::marker { color: var(--vgcl-accent); }
@media (max-width: 600px) { .vgcl-rv { padding: 14px; } .vgcl-rv-lab { font-size: 15px; } .vgcl-rv-hint { font-size: 12px; } .vgcl-rv-val { font-size: 13px; } }