/* Etheria legal pages. Tokens copied from concepts/world/style.css :root */
:root{
  --night:#06171C; --night2:#0A2329; --night3:#0F2F36;
  --mint:#2DE2C4; --peach:#FFB38A; --sky:#7AA8FF; --text:#EAFBF8;
  --muted:rgba(234,251,248,.66); --line:rgba(234,251,248,.12);
  --r:18px;
  --display:"Sora",system-ui,sans-serif; --body:"Inter",system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--text);font:400 16px/1.65 var(--body)}
.col{max-width:720px;margin:0 auto;padding:0 16px}
a{color:var(--mint);text-underline-offset:3px}
a:hover{color:var(--text)}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:4px}

.draft{background:var(--peach);color:var(--night);text-align:center;font:600 14px/1.4 var(--body);padding:8px 16px}

.top{border-bottom:1px solid var(--line);padding:16px 0}
.logo{display:inline-flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font:600 20px/1 var(--display);letter-spacing:-.01em}
.logo.small{font-size:16px}

main{padding-top:24px;padding-bottom:56px}
.crumb{margin:0 0 8px;font-size:14px}
.crumb a{color:var(--muted)}
h1,h2,h3{font-family:var(--display);line-height:1.25;letter-spacing:-.01em}
h1{font-size:clamp(28px,6vw,40px);font-weight:700;margin:0 0 8px}
h2{font-size:22px;font-weight:600;margin:40px 0 12px;scroll-margin-top:16px}
.updated{color:var(--muted);font-size:14px;margin:0 0 24px}
.intro p{font-size:18px}
ul,ol{padding-left:1.3em}
li{margin:6px 0}
strong{font-weight:600}
code{font:500 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--night3);padding:2px 6px;border-radius:6px;word-break:break-word}

.toc{background:var(--night2);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin:24px 0 8px}
.toc-title{margin:0 0 4px;font:600 14px/1.4 var(--display);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.toc ol{margin:0}
.toc li{margin:4px 0}

.ph{display:inline-block;color:var(--peach);border:1.5px dashed var(--peach);border-radius:6px;padding:0 6px;font-weight:600;background:rgba(255,179,138,.08);word-break:break-word}
.ph-note{color:var(--muted);font-size:14px}

.table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{font:600 14px/1.4 var(--display);color:var(--muted);background:var(--night2)}
tr:last-child td{border-bottom:0}
.badge{display:inline-block;white-space:nowrap;font:600 13px/1.6 var(--display);padding:0 8px;border-radius:999px;border:1px solid var(--sky);color:var(--sky)}
.badge.all{border-color:var(--mint);color:var(--mint)}
.badge.teen{border-color:var(--peach);color:var(--peach)}

.imprint{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:8px 16px;margin:16px 0}
.imprint dt{color:var(--muted)}
.imprint dd{margin:0}
@media (max-width:520px){.imprint{grid-template-columns:1fr;gap:2px}.imprint dd{margin-bottom:10px}}

.cards{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0 0}
.cards a{display:block;background:var(--night2);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;text-decoration:none;color:var(--text)}
.cards a:hover{border-color:var(--mint)}
.card-title{display:block;font:600 18px/1.3 var(--display);color:var(--mint)}
.card-sub{display:block;color:var(--muted);font-size:15px;margin-top:4px}

.foot{border-top:1px solid var(--line);padding:24px 0 40px;font-size:14px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0}
.foot nav a{color:var(--muted);text-decoration:none}
.foot nav a:hover,.foot nav a[aria-current]{color:var(--text)}
.fine{color:var(--muted);margin:0}