.info-page { background: #f7f4ef; color: #171717; }
.info-header { min-height: 76px; padding: 12px clamp(20px, 5vw, 72px); display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #fff; border-bottom: 1px solid #ded6ce; }
.info-header nav { display: flex; align-items: center; gap: 24px; }
.info-header nav > a { font-weight: 700; text-decoration: none; }
.info-shell { width: min(100% - 32px, 920px); margin: 0 auto; padding: 56px 0 80px; }
.info-intro { max-width: 760px; margin-bottom: 26px; }
.info-intro h1 { font-size: clamp(52px, 8vw, 86px); line-height: 1; letter-spacing: -.06em; margin: 16px 0 20px; }
.info-lead { font-size: clamp(17px, 2vw, 22px); line-height: 1.5; }
.info-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin: 32px 0; }
.info-tabs a { border: 1px solid #d9ccc1; border-radius: 999px; padding: 10px 16px; background: #fff; text-decoration: none; font-weight: 700; }
.info-tabs a:hover, .info-tabs a:focus-visible { border-color: #d41460; color: #d41460; }
.info-card { scroll-margin-top: 24px; margin: 16px 0; padding: clamp(22px, 4vw, 38px); border: 1px solid #ded6ce; border-radius: 20px; background: #fff; }
.info-card h2 { font-size: clamp(26px, 4vw, 38px); line-height: 1.1; margin: 0 0 16px; }
.info-card p { max-width: 72ch; line-height: 1.6; margin: 10px 0; }
.info-card a { color: #ba1251; text-underline-offset: 3px; }
.info-note { color: #716962; font-size: 14px; }
.info-footer { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 24px clamp(20px, 5vw, 72px); background: #fff; border-top: 1px solid #ded6ce; font-size: 13px; }
@media (max-width: 600px) { .info-header { min-height: 66px; } .info-header .logo { font-size: 28px; } .info-header nav { gap: 8px; } .info-header nav > a { font-size: 12px; } .info-shell { padding-top: 34px; } }