/* Extra styles for the legal pages (terms, privacy, refund, delivery); everything else comes from site.css. */
main.doc{max-width:820px;margin:40px auto 56px;padding:36px 40px;background:var(--surface);border:1px solid var(--line);border-radius:28px;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:var(--sh)}
@media(max-width:640px){main.doc{margin:24px 16px 40px;padding:24px 20px}}
.doc h1{font-size:clamp(30px,5vw,42px);margin:0 0 8px}
.doc .meta{color:var(--muted);margin:0 0 26px;font-size:15px}
.doc h2{font-size:22px;margin:30px 0 8px}
.doc p,.doc li{color:var(--ink)}.doc p+p{margin-top:12px}.doc ul{padding-left:22px}
.doc a{color:var(--brand)}
.doc .box{background:var(--soft);border-radius:16px;padding:16px 20px;margin:18px 0}
.doc .tbl{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
.doc .tbl th,.doc .tbl td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.doc .tbl th{background:var(--soft);font-weight:700}
.doc .tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.doc h3{font-size:18px;margin:20px 0 6px}