.commerce-preview{border:1px solid var(--line);background:var(--surface,#fff);border-radius:24px;margin-top:28px;padding:clamp(22px,4vw,42px)}.commerce-preview h2{margin:12px 0 24px;font-size:clamp(26px,4vw,38px)}.commerce-preview h3{margin:0 0 14px;font-size:21px}.commerce-preview p{overflow-wrap:anywhere;line-height:1.7}.commerce-preview-fragment{max-width:760px}.commerce-preview-offer{background:var(--accent-soft);border-radius:18px;margin-top:30px;padding:24px}.commerce-locked-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0 0 18px;padding:0;list-style:none;display:grid}.commerce-locked-topics li{overflow-wrap:anywhere;border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px;min-width:0;padding:14px}.commerce-locked-topics li strong{display:block}.commerce-locked-topics li p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.commerce-preview-bridge{max-width:720px;margin:22px 0 28px;font-size:18px;font-weight:600}.commerce-preview-includes{gap:8px;margin:0 0 20px;padding:0;list-style:none;display:grid}.commerce-preview-includes li:before{content:"✓";color:var(--accent-strong);margin-right:10px;font-weight:700}.commerce-buy-action{background:var(--accent-strong);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex}.commerce-buy-action:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.commerce-preview-hint,.commerce-preview-notice,[data-commerce-status]{color:var(--muted);font-size:14px}.commerce-preview-diagram{grid-template-columns:minmax(0,360px) minmax(100px,200px);align-items:center;gap:24px;margin-bottom:28px;display:grid}.commerce-preview-diagram svg{width:100%;max-height:360px}.commerce-preview-diagram path{fill:none;stroke:var(--line-strong,#d4d4d4);stroke-width:2px}.commerce-preview-diagram circle{fill:var(--accent-soft);stroke:var(--accent-strong)}.commerce-preview-diagram text{fill:var(--ink);text-anchor:middle;font:700 21px sans-serif}.commerce-preview-diagram ul{margin:0;padding:0;list-style:none}.commerce-preview-diagram li{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-block:9px;display:flex}@media (width<=600px){.commerce-preview-diagram,.commerce-locked-topics{grid-template-columns:minmax(0,1fr)}.commerce-buy-action{box-sizing:border-box;width:100%}.commerce-preview-offer{padding:18px}}