/* Oda 法務頁 — 與 App 同一套太空視覺 */
:root{
  --bg:#0F1226;--surface:#1A1E3C;--border:#2A2F55;
  --cream:#F3EFE6;--mist:#A9ADC7;--faint:#6E739B;
  --peach:#F0A868;--lav:#9BA3EB;--gold:#FFD98E;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Hiragino Sans",
    "Noto Sans TC",sans-serif;
  background:var(--bg);color:var(--cream);
  line-height:1.85;font-size:16px;
  max-width:720px;margin:0 auto;padding:48px 24px 96px;
}
header{margin-bottom:36px}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.brand a{color:var(--cream);text-decoration:none;font-weight:800;font-size:20px}
.langs{font-size:13px;color:var(--faint)}
.langs a{color:var(--lav);text-decoration:none}
h1{font-size:26px;font-weight:800;line-height:1.4;margin:18px 0 4px}
.updated{color:var(--faint);font-size:13px;margin-bottom:28px}
h2{font-size:18px;font-weight:700;margin:36px 0 10px;color:var(--gold)}
p{margin:10px 0;color:var(--mist)}
p.lead{color:var(--cream);font-size:17px}
ul,ol{margin:10px 0 10px 22px;color:var(--mist)}
li{margin:6px 0}
strong{color:var(--cream);font-weight:700}
a{color:var(--peach)}
.box{background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:16px 20px;margin:16px 0}
.faq-q{font-weight:700;color:var(--cream);margin-top:26px;font-size:16.5px}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--border);
  font-size:13px;color:var(--faint)}
footer a{color:var(--lav);text-decoration:none}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.card{background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:20px;text-decoration:none;display:block}
.card:hover{border-color:var(--peach)}
.card b{color:var(--cream);font-size:16px;display:block;margin-bottom:4px}
.card span{color:var(--faint);font-size:13px}
@media (max-width:520px){.cards{grid-template-columns:1fr}}