/* Shared layout for the Under Seal legal pages (terms, refunds). Builds on landing.css tokens. */
.doc { max-width: 860px; margin: 0 auto; padding: 70px 40px 40px; }
.doc h1 { font-size: clamp(36px, 4.6vw, 56px); margin: 14px 0 18px; text-wrap: balance; }
.doc h2 { font-size: clamp(22px, 2.4vw, 28px); margin: 46px 0 12px; scroll-margin-top: 90px; }
.doc p, .doc li { color: var(--bone); font-size: 16px; line-height: 1.6; }
.doc p { margin-bottom: 12px; }
.doc ul { margin: 0 0 14px 22px; display: grid; gap: 6px; }
.doc a { color: var(--gold); }
.doc .lede { font-size: 18px; color: var(--cream); }
.doc table { width: 100%; border-collapse: collapse; margin: 12px 0 18px; font-size: 14.5px; }
.doc th { text-align: left; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); padding: 8px 10px; border-bottom: 1px solid var(--line-strong); font-weight: 400; }
.doc td { padding: 9px 10px; border-bottom: 1px solid var(--line); color: var(--bone); vertical-align: top; }
.doc td:first-child { color: var(--cream); }
.draft { border: 1px solid var(--gold); background: var(--ink-2); color: var(--cream); padding: 12px 16px; border-radius: 8px; margin-bottom: 26px; font-size: 14.5px; }
.toc { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 4px 18px; margin: 18px 0 8px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 8px; }
.toc a { color: var(--bone); font-size: 14px; text-decoration: none; padding: 3px 0; }
.toc a:hover { color: var(--gold); }
.small-note { margin-top: 40px; font-size: 13.5px !important; color: var(--mute-2, var(--bone)) !important; }
@media (max-width: 760px) { .doc { padding: 40px 16px; } .doc table { display: block; overflow-x: auto; } }