
:root{
  --ink:#3b3040; --muted:#776c78; --purple:#733b7f; --line:#ebdfec;
  --paper:#fff; --green:#44786d;
  --font:system-ui,-apple-system,"Segoe UI","Trebuchet MS",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.7 var(--font);
 background:radial-gradient(circle at 8% 0%,#fff0f5,transparent 32rem),
 linear-gradient(180deg,#fffaf7,#fbf9fd);}
a{color:var(--purple);text-underline-offset:3px}
a:hover,a:focus{color:var(--green)}
.shell{width:min(100% - 34px,830px);margin:0 auto}
.top{display:flex;gap:15px;align-items:center;padding:32px 0 20px;border-bottom:1px solid var(--line)}
.top img{width:58px;height:58px;object-fit:contain}
.brand{font-weight:760;color:var(--purple);text-decoration:none;font-size:1.05rem}
.back{margin-left:auto;font-size:.85rem;color:var(--muted)}
.hero{padding:45px 0 22px}
.kicker{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:#a44775;font-weight:700;margin:0 0 8px}
h1{font-size:clamp(1.9rem,4.3vw,2.9rem);letter-spacing:-.035em;line-height:1.18;color:#51235c;margin:0 0 13px}
.lead{margin:0;color:#645569;font-size:1.06rem;max-width:57ch}
.sheet{border:1px solid var(--line);background:rgba(255,255,255,.92);border-radius:23px;
 padding:clamp(22px,4.8vw,44px);box-shadow:0 12px 35px rgba(84,49,72,.06);margin:17px 0 35px}
section+section{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}
h2{font-size:1.19rem;color:#68416d;margin:0 0 10px}
p{margin:0 0 12px}
ul{margin:0 0 13px;padding-left:22px}
li{margin:5px 0}
dl{display:grid;grid-template-columns:190px 1fr;gap:10px 20px;margin:12px 0}
dt{color:var(--muted);font-size:.9rem}
dd{margin:0;font-weight:550;min-width:0;overflow-wrap:anywhere}
.small{font-size:.9rem;color:var(--muted)}
.bottom{text-align:center;font-size:.8rem;color:var(--muted);padding:7px 0 38px}
.bottom nav{display:flex;justify-content:center;gap:8px 17px;flex-wrap:wrap;margin:7px 0 10px}
.bottom a{color:var(--muted)}
@media(max-width:640px){.top{padding:19px 0 15px}.top img{width:44px;height:44px}
 .back{font-size:.77rem}.hero{padding:30px 0 14px}.sheet{margin:8px 0 24px}
 dl{grid-template-columns:1fr;gap:0}dd{padding-bottom:13px}dt{padding-top:3px}}

.withdrawal-sample {margin:16px 0 10px;padding:10px 14px;background:#fbf7fb;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.withdrawal-sample summary {cursor:pointer;font-weight:650;color:var(--purple);}
.withdrawal-sample div {padding:13px 1px 3px;font-size:.94rem;}
