*{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#342f35;background:#fff}
body{margin:0;line-height:1.85;overflow-x:hidden}
a{color:#77506a}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px clamp(16px,4vw,46px);background:rgba(255,255,255,.95);border-bottom:1px solid #eadfe6;backdrop-filter:blur(10px)}
.brand{font-weight:700;text-decoration:none;color:#5f3f54;white-space:nowrap}
.nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nav a{text-decoration:none;color:#4f4850;font-size:14px;padding:3px 8px;border-radius:6px}
.nav a:hover{background:#f7ecf2}
.hero{padding:58px clamp(18px,5vw,72px) 46px;background:linear-gradient(135deg,#fff7fb 0%,#f4efff 50%,#fffaf0 100%);border-bottom:1px solid #eadfe6}
.eyebrow{margin:0 0 12px;color:#866075;font-weight:700;letter-spacing:0}
h1{max-width:900px;margin:0;color:#332b31;font-size:clamp(30px,5vw,52px);line-height:1.25;letter-spacing:0}
.lead{max-width:880px;margin:22px 0 0;color:#584f56;font-size:18px}
.section{max-width:920px;margin:0 auto;padding:34px 18px;border-bottom:1px solid #f0e8ed}
.section h2{margin:0 0 14px;color:#633a52;font-size:25px;line-height:1.35;letter-spacing:0}
.section p{margin:0 0 12px}
.check-list{margin:0;padding-left:1.3em}
.check-list li{margin:8px 0}
.notice{background:#fffdf8}
.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.link-card{display:block;min-width:0;padding:16px;border:1px solid #eadfe6;border-radius:8px;text-decoration:none;background:#fff;color:#342f35}
.link-card span{display:block;font-weight:700;margin-bottom:6px}
.link-card small{display:block;color:#675e65;line-height:1.6}
details{border:1px solid #eadfe6;border-radius:8px;padding:12px 14px;margin:10px 0;background:#fff}
summary{cursor:pointer;font-weight:700;color:#55394b}
.footer{padding:32px 18px;text-align:center;background:#faf7f9;color:#655b63}
.footer p{max-width:920px;margin:8px auto}
@media(max-width:680px){
  .site-header{align-items:flex-start;flex-direction:column}
  .nav{justify-content:flex-start}
  .nav a{padding:2px 6px;font-size:13px}
  .hero{padding-top:38px}
  h1{font-size:32px}
  .lead{font-size:16px}
  .section h2{font-size:22px}
  .link-grid{grid-template-columns:1fr}
}