:root{
  --void:#0A0807; --deep:#131009; --mid:#1C1812; --edge:#2A2218;
  --gold-b:#FFD876; --gold:#D4AF37; --gold-d:#A8852A; --gold-dim:#8B6F47; --gold-f:#4A3D26;
  --moon:#EDE2C8; --moon-d:#B8A98C;
  --brush:'Yuji Syuku','Shippori Mincho B1',serif;
  --body:'Klee One','Hiragino Mincho ProN','Yu Mincho',serif;
  --num:'Shippori Mincho B1','Hiragino Mincho ProN','Yu Mincho',serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--void);color:var(--moon);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{min-height:100dvh;background:radial-gradient(120% 50% at 50% -10%,rgba(212,175,55,.08),transparent 60%),var(--void)}
.wrap{max-width:720px;margin:0 auto;padding:0 20px calc(56px + env(safe-area-inset-bottom))}
.bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:56px;margin:0 -20px;padding:0 8px;background:linear-gradient(var(--void) 70%,transparent)}
.bar a{display:grid;place-items:center;width:44px;height:44px;color:var(--gold);text-decoration:none}
.bar h1{font:400 16px/1 var(--brush);color:var(--gold-b);text-align:center;letter-spacing:.16em}
.head{padding:26px 0 22px;text-align:center}
.head h2{font:400 22px/1.4 var(--brush);color:var(--gold-b);letter-spacing:.12em}
.head p{margin-top:10px;font-size:11px;color:var(--gold-dim);letter-spacing:.08em}
.rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto 0;width:60%}
.rule:before,.rule:after{content:"";flex:1;min-width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-f),transparent)}
.rule i{width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--gold-d)}
dl.table{border-top:1px solid var(--gold-f)}
dl.table div{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--gold-f)}
dl.table dt{padding:16px 14px;font:400 13px/1.6 var(--brush);color:var(--gold-b);letter-spacing:.04em;background:rgba(28,24,18,.55)}
dl.table dd{padding:16px 14px;font-size:13px;line-height:1.9;color:var(--moon);text-wrap:pretty}
dl.table dd small{display:block;margin-top:4px;font-size:11.5px;color:var(--moon-d);line-height:1.8}
.num{font-family:var(--num)}
a{color:var(--gold);text-underline-offset:3px}
section.doc h3{margin:34px 0 10px;font:400 15px/1.5 var(--brush);color:var(--gold-b);letter-spacing:.08em}
section.doc p,section.doc li{font-size:13px;line-height:2;color:var(--moon);text-wrap:pretty}
section.doc ol,section.doc ul{padding-left:1.4em}
section.doc li{margin:2px 0}
section.doc li::marker{color:var(--gold-d)}
.note{margin-top:28px;padding:14px 16px;border:1px solid var(--gold-f);border-radius:3px;background:var(--mid);font-size:12px;line-height:1.9;color:var(--moon-d)}
.foot{margin-top:40px;text-align:center;font-size:11px;line-height:2.2;color:var(--gold-dim)}
.foot a{color:var(--gold-dim);margin:0 8px}
@media (max-width:560px){
  dl.table div{grid-template-columns:1fr}
  dl.table dt{padding:12px 14px 6px;background:none}
  dl.table dd{padding:0 14px 14px}
}