:root{
  --paper:#f6f4ef; --card:#fffdf8; --ink:#20242e; --ink-soft:#5a5f6e;
  --navy:#1a2340; --navy-soft:#2c3a66; --gold:#b08d2a; --line:#ddd7c9;
}
*{box-sizing:border-box}
body{margin:0; font-family:Georgia,'Times New Roman',serif; color:var(--ink); background:var(--paper); line-height:1.62}
.legal-top{position:sticky; top:0; background:var(--navy); color:#f3efe2; padding:.7rem 1rem; display:flex; align-items:center; gap:.6rem}
.legal-top img{width:34px; height:34px; border-radius:50%; background:var(--paper); padding:2px}
.legal-top a.home{color:#f3efe2; text-decoration:none; font-size:1.1rem; letter-spacing:.04em}
.legal-top .back{margin-left:auto; font-size:.92rem}
.legal-top .back a{color:#e7d9ad; text-decoration:none}
.legal-wrap{max-width:760px; margin:0 auto; padding:2rem 1.2rem 4rem}
.legal-wrap h1{font-size:clamp(1.7rem,4vw,2.1rem); margin:.2rem 0}
.legal-wrap .eff{color:var(--ink-soft); margin:0 0 1.6rem}
.legal-wrap h2{font-size:1.18rem; margin:1.7rem 0 .4rem; border-bottom:1px solid var(--line); padding-bottom:.2rem}
.legal-wrap p, .legal-wrap li{font-size:1rem}
.legal-wrap ul{padding-left:1.2rem}
.legal-wrap li{margin:.3rem 0}
.legal-wrap a{color:var(--navy-soft)}
.legal-wrap b{color:var(--ink)}
.legal-foot{border-top:1px solid var(--line); margin-top:2.4rem; padding-top:1rem; font-size:.86rem; color:var(--ink-soft); display:flex; gap:1rem; flex-wrap:wrap}
.legal-foot a{color:var(--navy-soft)}