/* Shared design comes from /store/store.css and /store/detail.css, not a fork. */
.preview-note{padding:9px 24px;background:var(--blue);color:white;text-align:center;font-size:12px;letter-spacing:.04em}
.preview-status{margin:24px 0;padding:16px 20px;background:var(--blue-soft);color:var(--blue);border-left:3px solid var(--red)}
.preview-course-art{display:grid;gap:12px;text-align:center;color:var(--blue);padding:24px}
.preview-course-art strong{font:600 clamp(42px,6vw,72px)/1 var(--serif)}
.preview-course-art span{font-weight:700;letter-spacing:.08em}
.preview-footer{display:flex;justify-content:space-between;gap:24px;padding:28px max(24px,calc((100vw - 1132px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.skip{position:absolute;top:-100px;left:12px;z-index:100;background:white;padding:12px}
.skip:focus{top:8px}
.product .product-actions{margin-top:auto;padding-top:22px}
.preview-shop .product h2{margin:0 0 9px;font-size:25px}
.preview-shop .site-header nav a{display:inline-block}
.preview-shop .detail-cta a{color:white}
@media(max-width:700px){.preview-shop .site-header{flex-wrap:wrap;justify-content:center;gap:8px;padding-block:12px}.preview-shop .site-header nav{margin:0;gap:18px;flex-wrap:wrap;justify-content:center}.preview-shop .brand{width:180px}.preview-footer{flex-wrap:wrap}.preview-shop .detail-cta{grid-template-columns:1fr;padding:30px;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-image img{transition:none}}