.sample-preview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;margin:24px 0 48px;padding:38px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at 15% 50%,#30213b66,transparent 65%),#151019}.sample-preview h2{margin:16px 0;font-size:clamp(30px,3.5vw,40px);max-width:420px}.sample-preview p{max-width:450px;margin:14px 0}.sample-preview .kicker{font-size:11px;letter-spacing:.16em}.sample-preview .sample-meta{font-size:12px;color:var(--muted);margin-top:16px}.sample-preview .sample-open{background:transparent;border:1px solid #a78b62;color:var(--gold);gap:12px;margin-top:8px;transition:background .2s,border-color .2s}.sample-open:hover{background:#d4b78212;border-color:var(--gold)}.sample-art{position:relative;display:block;height:304px;max-width:360px;width:100%;margin:auto;text-decoration:none}.sample-art img{position:absolute;width:184px;height:260px;object-fit:cover;top:18px;left:calc(50% - 92px);border:1px solid #e7dcd2;border-radius:3px;box-shadow:0 16px 36px #0005;background:#fff}.sample-art img:nth-child(1){transform:translate(-58px,12px) rotate(-9deg)}.sample-art img:nth-child(2){transform:translate(58px,12px) rotate(9deg)}.sample-art img:nth-child(3){transform:rotate(-2deg)}.sample-art:focus-visible{outline:2px solid var(--gold);outline-offset:10px;border-radius:12px}.sample-preview .sample-reassurance{font-size:13px;line-height:1.6}.sample-dialog{padding:0;width:min(1000px,calc(100% - 32px));max-width:1000px;max-height:92dvh;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--bg);overscroll-behavior:contain}.sample-dialog::backdrop{background:#08060dd9;backdrop-filter:blur(5px)}.sample-dialog[open]{display:flex;flex-direction:column}.sample-dialog button{display:inline-flex;width:auto;margin:0;font-size:14px;min-height:44px}.sample-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.sample-dialog h2{font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.4;margin:0}.sample-dialog-top p{font-size:12px;margin:3px 0 0}.sample-close{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 16px;flex-shrink:0}.sample-reader-body{overflow:auto;overscroll-behavior:contain;padding:20px 24px;background:#211929;min-height:0}.sample-page-image{display:block;width:100%;max-width:680px;height:auto;margin:0 auto;background:white;box-shadow:0 8px 28px #0003}.sample-reader-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.sample-reader-nav button{background:transparent;color:var(--gold);border:1px solid var(--line);min-width:44px;padding:10px}.sample-page-count{font-size:13px;min-width:100px;text-align:center}.sample-reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;flex-wrap:wrap;flex-shrink:0}.sample-reader-bottom a{font-size:13px;text-underline-offset:4px}.sample-reader-bottom .sample-order{font-size:14px;padding:10px 20px}.sample-transcript{max-width:680px;margin:18px auto 0;font-size:14px}.sample-transcript pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.sample-error{max-width:680px;margin:0 auto 15px;color:var(--gold)}body:has(.sample-dialog[open]){overflow:hidden}@media(max-width:700px){.sample-preview{grid-template-columns:1fr;gap:16px;padding:24px;margin:20px 0 32px}.sample-art{height:260px;max-width:280px}.sample-art img{width:154px;height:218px;left:calc(50% - 77px)}.sample-art img:nth-child(1){transform:translate(-42px,10px) rotate(-9deg)}.sample-art img:nth-child(2){transform:translate(42px,10px) rotate(9deg)}.sample-preview h2{font-size:32px}.sample-dialog{width:calc(100% - 16px);max-height:96dvh;border-radius:14px}.sample-dialog-top{padding:14px;gap:10px}.sample-dialog h2{font-size:15px}.sample-close{padding:8px 12px}.sample-reader-body{padding:10px 6px}.sample-reader-nav{padding:10px}.sample-reader-bottom{padding:12px;gap:10px}.sample-reader-bottom .sample-order{padding:10px 14px}.sample-transcript{padding:12px}.sample-reader-bottom a{font-size:12px}}@media(prefers-reduced-motion:reduce){.sample-preview .sample-open{transition:none}}