.info-page { background: #fafafa; color: #242424; }
.info-main { width: min(100%, 1040px); margin: 0 auto; padding: 36px clamp(20px, 4vw, 48px) 48px; flex: 1; overflow-wrap: anywhere; }
.info-main a { color: #263e51; text-decoration: underline; text-underline-offset: 4px; display: inline-block; padding: 10px 0; }
.info-main a:focus-visible, .info-skip:focus-visible { outline: 3px solid #345b78; outline-offset: 4px; }
.info-hero { border-bottom: 1px solid #ddd; padding-bottom: 24px; }
.info-hero h1 { font-size: clamp(28px, 4vw, 44px); line-height: 1.15; margin: 16px 0; letter-spacing: -.025em; }
.info-main p { line-height: 1.65; margin: 8px 0 0; }
.info-section { margin-top: 32px; }
.info-main h2 { font-size: 22px; line-height: 1.3; margin: 0 0 12px; }
.info-main h3 { font-size: 17px; line-height: 1.4; margin: 0; }
.info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.info-card { padding: 20px; border: 1px solid #ddd; border-radius: 12px; background: #fff; }
.info-steps { padding-left: 26px; display: grid; gap: 20px; }
.info-steps li { padding-left: 8px; }
.info-steps li::marker { font-weight: 700; }
.info-note { padding: 20px 24px; margin-top: 32px; background: #edf2f4; border-radius: 12px; }
.info-cta { margin-top: 24px !important; }
.info-faq { border-bottom: 1px solid #d5dadd; padding: 4px 0; }
.info-faq summary { cursor: pointer; padding: 14px 4px; min-height: 48px; line-height: 1.5; font-weight: 600; }
.info-faq summary:focus-visible { outline: 3px solid #345b78; outline-offset: 2px; }
.info-faq[open] summary { text-decoration: underline; text-underline-offset: 4px; }
.info-faq p { padding: 0 4px 16px; }
.info-skip { position: absolute; left: 16px; top: -100px; padding: 12px; background: #fff; z-index: 10000; }
.info-skip:focus { top: 12px; }
@media (max-width: 700px) { .info-grid { grid-template-columns: 1fr; } .info-main { padding-top: 24px; } }