/* Narrow reading column for the standalone legal documents (/terms).
 *
 * These rules are the ones /privacy has carried inline since it was written,
 * lifted out so a second legal page does not need a second copy. They rely on
 * the tokens site.css already defines (--ink, --ink-soft, --card, --line,
 * --brand, --brand-deep); /privacy's inline :root redeclares a subset of those
 * with byte-identical values, so a page using this file renders the same.
 *
 * line-height is set on .doc rather than body: site.css sets body to 1.6 and
 * /privacy overrides to 1.7 for long-form reading. Scoping it here gets the
 * same rhythm without a page-level override leaking into the shared chrome.
 *
 * /privacy still has its own inline copy. Migrating it is a safe follow-up but
 * not something to fold into shipping a new document — it is a legal page, and
 * a styling regression there is worth more care than a drive-by refactor.
 */
/* Top padding lives on .pwrap, not on `main`. /privacy sets it with a bare
   `main{}` rule, which it can afford because its CSS is inline and scoped to
   that one page; a bare element selector in a shared stylesheet would reach
   further than intended. The markup is `main > .pwrap`, so the padding has to
   land here to survive — the same clamp, the same result. */
.pwrap{max-width:760px;margin:0 auto;padding:clamp(18px,3vw,32px) 24px 0}

.doc{background:var(--card);border:1px solid var(--line);border-radius:20px;
  padding:40px;margin:14px 0 40px;line-height:1.7}
.doc h1{font-size:clamp(28px,5vw,40px);letter-spacing:-.02em;margin-bottom:6px}
.doc h2{font-size:20px;letter-spacing:-.01em;margin:28px 0 8px;padding-top:6px}
.doc p{color:var(--ink-soft);margin-bottom:12px}
.doc ul{color:var(--ink-soft);margin:0 0 12px 20px}
.doc li{margin-bottom:6px}
.doc a{color:var(--brand)}

.eff{color:var(--ink-soft);font-size:14px;margin-bottom:6px}
.authlang{color:var(--ink-soft);font-size:13px;margin-bottom:28px;font-style:italic}

.callout{background:rgba(14,124,123,.07);border:1px solid rgba(14,124,123,.18);
  border-radius:14px;padding:18px 20px;margin:18px 0;color:var(--ink)}
.callout strong{color:var(--brand-deep)}

@media (max-width:640px){
  .doc{padding:24px 20px;border-radius:16px}
}