:root{--indigo:#3B2F9B;--ink:#1F2937;--gray:#6B7280;--line:#E5E7EB;--light:#F3F4F6}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:#fff;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--indigo)}
.wrap{max-width:780px;margin:0 auto;padding:0 20px}
header{background:var(--indigo);color:#fff;padding:22px 0}
header .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.01em}
header .brand .mark{width:30px;height:30px;flex:none}
main{padding:48px 0 72px}
h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 28px}
h2{font-size:1.15rem;font-weight:700;margin:34px 0 10px}
h3{font-size:1rem;font-weight:700;margin:22px 0 6px}
p,li{color:#374151}
.note{background:#FFF7E6;border:1px solid #F8B400;border-radius:12px;padding:14px 16px;font-size:.92rem;margin:24px 0}
footer{border-top:1px solid var(--line);padding:26px 0;font-size:.88rem;color:var(--gray)}
footer nav{display:flex;gap:18px;margin-top:8px}