.page-hero{padding:calc(var(--nav) + 64px) 0 48px;text-align:center;border-bottom:1px solid var(--border-subtle)}
.page-hero h1{font-size:clamp(32px,6vw,52px);letter-spacing:-0.03em;line-height:1.05;margin-bottom:14px}
.page-hero p{font-size:14.5px;color:var(--text-secondary)}
.page-hero p strong{color:var(--text-primary)}

.page-body{max-width:760px;margin:0 auto;padding:56px 24px 40px}
@media (max-width:768px){ .page-body{padding:40px 16px 24px} }

.info-box,.warn-box{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border-subtle);
  border-radius:12px;padding:16px 18px;margin-bottom:36px;font-size:13.5px;line-height:1.65;color:var(--text-secondary)}
.info-box svg,.warn-box svg{color:var(--text-secondary)}

.sec-t{font-size:18px;letter-spacing:-0.01em;margin:36px 0 12px;color:var(--text-primary)}
.page-body p{font-size:14.5px;line-height:1.75;color:var(--text-secondary);margin-bottom:10px}
.page-body ul{margin:10px 0 10px 20px}
.page-body li{font-size:14.5px;line-height:1.75;color:var(--text-secondary);margin-bottom:8px}
.page-body strong{color:var(--text-primary);font-weight:600}
.inline-link{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}
