/* Shared styles for the static legal pages (terms/privacy/tokusho, issue #77).
   Deliberately a plain stylesheet under public/ — these pages must render with
   no app JS and no bundler output, so they stay reachable even when the SPA
   fails to boot. Palette mirrors src/styles.css. */
:root {
  --ink: #23263a;
  --muted: #5d6378;
  --faint: #9aa1b8;
  --line: #e3e5f0;
  --accent: #6a5ae0;
  --grad: linear-gradient(135deg, #6a5ae0, #e8508d);
  --warn-bg: #fff7e8;
  --warn-line: #f0d3a0;
  --warn-ink: #7a5200;
  font-family: system-ui, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(900px 420px at 85% -10%, rgba(232, 80, 141, 0.07), transparent 60%),
    radial-gradient(900px 480px at 0% -10%, rgba(106, 90, 224, 0.09), transparent 60%),
    #f4f5fa;
  background-attachment: fixed;
}
* { box-sizing: border-box; }
body { margin: 0; }
.doc { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; line-height: 1.85; }
.brand {
  font-weight: 800; font-size: 20px; letter-spacing: 0.01em; text-decoration: none;
  background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent;
}
h1 { font-size: 24px; margin: 18px 0 4px; }
h2 { font-size: 16px; margin: 28px 0 6px; padding-bottom: 4px; border-bottom: 1px solid var(--line); }
p, li { font-size: 14px; color: var(--muted); }
ol, ul { padding-left: 1.4em; }
li { margin: 5px 0; }
li > ul, li > ol { margin: 5px 0; }
/* Scoped away from .brand — a bare `.doc a` would out-specify it and kill the
   gradient wordmark. */
.doc p a, .doc li a, .doc td a { color: var(--accent); }
.updated { font-size: 12px; color: var(--faint); margin: 0 0 20px; }
.draft {
  margin: 16px 0 24px; padding: 12px 14px; font-size: 13px; line-height: 1.7;
  background: var(--warn-bg); border: 1px solid var(--warn-line); border-radius: 10px;
  color: var(--warn-ink);
}
.draft strong { color: var(--warn-ink); }
/* Placeholder marker. Not --faint: in tokusho.html a 「（未定）」 IS the whole cell,
   so it has to stay readable rather than fade out. */
.tbd { color: #79809a; }
table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 8px 0; }
th, td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
th { width: 34%; background: #fbfbff; color: var(--ink); font-weight: 600; }
td { color: var(--muted); }
.doc-foot { margin-top: 40px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; }
.doc-foot a { color: var(--accent); margin-right: 16px; }