/* /terms /privacy /sms — a reading page in the house look, on paper. */
body { background: var(--cg-bg); }
.wrap { width: var(--wrap); margin: 0 auto; }
.doc .note { display: inline-block; font: 500 10px/1.3 var(--cg-font-mono); letter-spacing: .12em; text-transform: uppercase; padding: 5px 9px; border: 1px dashed currentColor; border-radius: 6px; opacity: .6; }
.doc { width: min(46rem, calc(100% - 32px)); margin: 0 auto; padding: clamp(80px, 8vw, 140px) 0 80px; }
.doc h1 { margin-top: 14px; font-family: var(--ether-font-serif); font-size: clamp(44px, 6vw, 88px); font-weight: 400; letter-spacing: -.04em; line-height: 1; }
.doc .eff { margin: 18px 0 40px; font-size: 14px; color: var(--cg-text-dim); }
.doc .note { margin-bottom: 32px; }
.doc h2 { margin: 48px 0 14px; font-size: 28px; font-weight: 500; letter-spacing: -.025em; }
.doc h3 { margin: 30px 0 10px; font-size: 19px; font-weight: 600; letter-spacing: -.015em; }
.doc p { margin-bottom: 16px; font-size: 17px; line-height: 1.6; color: var(--cg-text-secondary); }
.doc a { color: var(--cg-text); text-decoration: underline; text-underline-offset: 2px; }
.doc .callout { padding: 14px 18px; border-left: 2px solid var(--cg-accent); background: var(--cg-fill); border-radius: 0 12px 12px 0; color: var(--cg-text); }
.page .legal { padding-top: 32px; border-top: 1px solid var(--cg-border); }
@media (max-width: 760px) { .page .legal { padding-bottom: 40px; } }