:root {
  --preview-ink: #25383b;
  --preview-muted: #607377;
  --preview-teal: #397d7b;
  --preview-paper: #f6f1e6;
  --preview-line: #cbd8d3;
  --muted: var(--preview-muted);
}
* { box-sizing: border-box; }
html { background: #e8ede8; scroll-behavior: smooth; }
body { margin: 0; padding: 22px; color: var(--preview-ink); background: radial-gradient(circle at 12% 6%, rgba(220, 117, 95, .09), transparent 28%), #e8ede8; font-family: Huninn, "Noto Sans TC", sans-serif; }
.product-preview-skip { position: fixed; z-index: 20; top: 8px; left: 8px; padding: 8px 12px; background: white; color: var(--preview-teal); transform: translateY(-160%); }
.product-preview-skip:focus { transform: none; }
.product-preview-shell { width: min(1120px, 100%); margin: 0 auto; }
.document-reader-nav { padding: 8px 16px; border: 1px solid var(--preview-line); border-radius: 16px; background: rgba(255, 253, 247, .92); }
.document-reader-nav a { color: #286461; font-weight: 900; }
.product-preview-intro { margin: 0 auto 22px; padding: clamp(24px, 4vw, 42px); border: 1px solid var(--preview-line); border-radius: 22px; background: #fffdf7; box-shadow: 0 18px 48px rgba(37, 56, 59, .08); }
.product-preview-intro > p:first-child { margin: 0 0 8px; color: #dc755f; font-size: 13px; font-weight: 900; letter-spacing: .14em; }
.product-preview-intro h1 { margin: 0; color: #286461; font-size: clamp(28px, 4vw, 46px); line-height: 1.2; }
.product-preview-intro > p:last-child { max-width: 760px; margin: 16px 0 0; color: var(--preview-muted); font-size: 17px; line-height: 1.8; }
.product-preview-page { width: fit-content; max-width: 100%; margin: 0 auto 26px; overflow: hidden; border: 1px solid rgba(37, 56, 59, .16); border-radius: 4px; background: var(--preview-paper); box-shadow: 0 20px 60px rgba(37, 56, 59, .13); }
.product-preview-page img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; }
@media screen and (max-width: 600px) {
  body { padding: 10px; }
  .product-preview-intro { margin-bottom: 14px; padding: 22px 18px; border-radius: 16px; }
  .product-preview-page { margin-bottom: 14px; box-shadow: 0 10px 30px rgba(37, 56, 59, .1); }
}
@media print {
  html, body { background: white; }
  body { padding: 0; }
  .screen-only, .document-reader-nav, .document-preview-cta { display: none !important; }
  .product-preview-page { margin: 0; border: 0; border-radius: 0; box-shadow: none; break-after: page; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }