html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}
body{--navy:#172554;--sky:#38bdf8;--ice:#f0f9ff;--sheet:#ffffff;--fade:#57534e;--line:#dbeafe;font-family:"Fira Sans",sans-serif;background:var(--ice);color:#0f172a;max-width:1060px;margin:0 auto;padding:0 20px 48px}
a{color:inherit}
.neck{display:flex;justify-content:space-between;align-items:center;padding:16px 0 12px;gap:12px;flex-wrap:wrap}
.neck .sig{font-size:1.28rem;font-weight:700;letter-spacing:.3px;color:var(--navy);text-decoration:none}
.neck .sig em{font-style:normal;color:var(--sky)}
.menu{display:flex;flex-wrap:wrap;gap:8px}
.menu a{font-size:.78rem;font-weight:700;text-decoration:none;padding:8px 12px;background:var(--sheet);color:var(--navy);border:1px solid var(--line)}
.menu a.on{background:var(--navy);color:var(--sky);border-color:var(--navy)}
.neck .pay{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--sky);color:var(--navy);padding:8px 14px}
.rise{background:var(--navy);color:#fff;padding:42px 30px 36px;border-top:8px solid var(--sky)}
.rise .eye{font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--sky);font-weight:700;margin-bottom:12px}
.rise h1{font-family:"Newsreader",serif;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.16;margin-bottom:14px;max-width:18ch}
.rise .lead{color:#cbd5e1;font-size:1.02rem;line-height:1.8;max-width:40rem;margin-bottom:18px}
.rise .meta{color:#7dd3fc;font-size:.84rem;font-weight:600}
.path{margin-top:16px;font-size:.8rem;color:#78716c}
.path a{color:var(--navy);font-weight:700;text-decoration:none}
.coil{margin-top:22px;display:flex;flex-direction:column;gap:16px}
.pane{background:var(--sheet);overflow:hidden;box-shadow:0 10px 24px rgba(23,37,84,.06)}
.pane .txt{padding:26px 24px 8px}
.pane h2{font-family:"Newsreader",serif;font-size:1.48rem;margin-bottom:10px;color:var(--navy)}
.pane h3{color:#0369a1;font-size:1.02rem;margin:14px 0 7px;font-weight:700}
.pane p{color:var(--fade);line-height:1.88;font-size:.96rem;margin-bottom:10px}
.pane .tip{margin:11px 0 4px;padding:13px 15px;background:var(--ice);border-left:4px solid var(--sky)}
.pane .tip p{margin:0;color:var(--navy);font-weight:700;line-height:1.55}
.pane .bar{background:var(--navy);padding:12px 16px;display:flex;flex-wrap:wrap;gap:6px}
.pane .bar span{background:rgba(56,189,248,.18);color:#e0f2fe;padding:4px 11px;font-size:.7rem;font-weight:700}
.go{display:inline-block;margin:8px 0 16px;padding:10px 16px;background:var(--sky);color:var(--navy);font-weight:700;font-size:.84rem;text-decoration:none}
.digest{background:var(--sheet);padding:32px 28px;margin-top:8px}
.digest h2{font-family:"Newsreader",serif;font-size:1.62rem;margin-bottom:12px;color:var(--navy)}
.digest h3{color:#0369a1;font-size:1.02rem;margin:16px 0 7px;font-weight:700}
.digest p{color:var(--fade);line-height:1.88;font-size:.96rem;margin-bottom:10px}
.digest .warn{margin:13px 0;padding:14px 16px;background:var(--navy);color:#f0f9ff}
.digest .warn p{margin:0;color:#f0f9ff;font-weight:700;line-height:1.6}
.goods{background:var(--sky);color:var(--navy);padding:28px 26px;margin-top:16px}
.goods h2{font-family:"Newsreader",serif;font-size:1.45rem;margin-bottom:14px}
.goods ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.goods li{padding-left:16px;position:relative;font-size:.88rem;line-height:1.55;font-weight:500}
.goods li::before{content:"–";position:absolute;left:0;font-weight:700}
.tray{background:var(--sheet);padding:28px 22px;margin-top:16px}
.tray h2{font-family:"Newsreader",serif;font-size:1.62rem;margin-bottom:14px;color:var(--navy)}
.tray .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tray .grid a{display:block;padding:12px 10px;background:var(--ice);font-size:.82rem;text-align:center;font-weight:600;color:#0f172a;text-decoration:none;transition:.18s}
.tray .grid a:hover{background:var(--navy);color:var(--sky)}
.last{text-align:center;margin-top:26px;padding-top:14px;color:#78716c;font-size:.8rem;border-top:1px solid var(--line)}
.last a{color:var(--navy);font-weight:600;text-decoration:none}
@media(max-width:880px){.goods ul{grid-template-columns:1fr}.tray .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.tray .grid{grid-template-columns:1fr}.rise{padding:32px 18px}}