/* The five information pages share the existing site shell and card component. */
.information-page { color: #f4f4f6; line-height: 1.6; }
.information-page *, .information-page *::before, .information-page *::after { box-sizing: border-box; }
.information-page a { text-decoration: none; }
.information-page a:focus-visible { outline: 2px solid #ff6b95; outline-offset: 4px; }
.information-crumbs {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 16px 0 4px;
    font-size: 13px;
    color: #6f6f7e;
}
.information-crumbs a { color: #a9a9b6; }
.information-crumbs a:hover { color: #ff6b95; }
.information-crumbs svg { flex-shrink: 0; opacity: .45; }
.information-crumbs [aria-current] { color: #f4f4f6; overflow-wrap: anywhere; }
.information-head { position: relative; z-index: 1; padding: clamp(14px, 2vw, 22px) 0 clamp(16px, 2.4vw, 26px); }
.information-head h1 {
    margin: 0 0 8px;
    color: #f4f4f6;
    font-size: clamp(21px, 2.8vw, 31px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.information-prose {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: clamp(20px, 3vw, 36px);
    margin-bottom: clamp(28px, 4vw, 44px);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    background: #17171e;
    overflow-wrap: anywhere;
}
.information-prose h2 { margin: 26px 0 10px; color: #f4f4f6; font-size: 16.5px; font-weight: 700; line-height: 1.6; }
.information-prose h2:first-child { margin-top: 0; }
.information-prose p, .information-prose li { margin: 0; color: #a9a9b6; font-size: 14.5px; line-height: 1.6; }
.information-prose p + p { margin-top: 12px; }
.information-prose ul, .information-prose ol { padding-inline-start: 1.5em; margin: 12px 0; }
.information-prose ul { list-style: disc; }
.information-prose ol { list-style: decimal; }
.information-prose a { color: #ff6b95; }
.information-prose a:hover { text-decoration: underline; }
.information-page .inner-links { --inner-links-text: #f4f4f6; --inner-links-surface: #17171e; --inner-links-surface-hover: #1e1e27; }
.information-page .inner-links__grid { gap: 18px; }
.information-page .inner-links__card { border-color: rgba(255,255,255,.07); border-radius: 14px; }
.information-page .inner-links__card p { color: #6f6f7e; }
.information-page .inner-links__card:hover, .information-page .inner-links__card:focus-visible { border-color: rgba(255,47,109,.45); }
.information-page .inner-links__head { margin-bottom: 18px; }
/* Keep the shared recommendation heading and its mobile typography in inner-links.css. */
@media (max-width: 719px) {
    .information-page .inner-links__grid { gap: 10px; }
}
@media (max-width: 767px) {
    .information-head { padding: 14px 0 16px; }
    .information-head h1 { font-size: 21px; }
    .information-prose { padding: 20px; margin-bottom: 28px; }
}