.site-information-page { width: 100%; max-width: 920px; margin: 0 auto; padding: 8px 0 36px; }
.site-information-page__back { display: inline-flex; margin: 4px 4px 14px; color: #087b45; font-weight: 800; text-decoration: none; }
.site-information-card { padding: 26px 22px; border: 1px solid #d9e8e0; border-radius: 24px; background: #fff; box-shadow: 0 16px 42px rgb(28 83 57 / 8%); color: #203c30; }
.site-information-card__eyebrow { margin: 0 0 8px !important; color: #07894f !important; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.site-information-card h1 { margin: 0 0 18px; color: #102f22; font-size: clamp(29px, 6vw, 46px); line-height: 1.12; }
.site-information-card h2 { margin: 28px 0 10px; color: #153f2d; font-size: 20px; }
.site-information-card p, .site-information-card li { color: #405c50; font-size: 15px; line-height: 1.75; }
.site-information-card ul { padding-left: 22px; }
.site-information-card a { color: #087b45; }
.site-information-card__lead { padding: 16px 18px; border-left: 4px solid #0aa75a; border-radius: 0 14px 14px 0; background: #f2faf6; color: #244b39 !important; font-size: 16px !important; }
.site-contact-grid { display: grid; gap: 12px; margin: 22px 0; }
.site-contact-grid a { display: grid; gap: 5px; padding: 16px; border: 1px solid #cfe5da; border-radius: 16px; background: #f8fcfa; text-decoration: none; overflow-wrap: anywhere; }
.site-contact-grid span { color: #6a7e74; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.site-contact-grid strong { color: #087b45; }
.site-identity-list { display: grid; gap: 0; margin: 22px 0; }
.site-identity-list div { display: grid; gap: 5px; padding: 14px 0; border-bottom: 1px solid #e4eee9; }
.site-identity-list dt { color: #6c7f75; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.site-identity-list dd { margin: 0; color: #193f2e; font-weight: 700; overflow-wrap: anywhere; }
.site-information-card__help { display: grid; gap: 5px; margin-top: 30px; padding: 17px 18px; border-radius: 16px; background: #173e2d; color: #fff; }
.site-information-card__help span { color: #d7eee2; line-height: 1.5; }
@media (min-width: 720px) { .site-information-card { padding: 42px 48px; } .site-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .site-identity-list div { grid-template-columns: 210px minmax(0, 1fr); gap: 24px; } }
@media (min-width: 1024px) { body:has(.site-information-page) .auth-shell { width: min(1180px, calc(100% - 48px)); max-width: none; padding: 28px 0 116px; } body:has(.site-information-page) .auth-content { width: 100%; } }

/* DMC 9.21 - guide and community-rules reading aids. */
.site-information-toc {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 22px 0 28px;
}

.site-information-toc a {
    padding: 11px 8px;
    border: 1px solid #bde8d5;
    border-radius: 12px;
    background: #f3fcf8;
    color: #007e4c;
    font-weight: 800;
    text-align: center;
}

.site-guide-section {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 13px;
    scroll-margin-top: 24px;
}

.site-guide-section > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: #e4f8ef;
}

.site-guide-section h2 { margin-top: 7px; }
.site-rule-callout { display: grid; gap: 4px; margin: 20px 0; padding: 16px; border-left: 4px solid #00a763; border-radius: 10px; background: #eefbf5; }
.site-information-updated { margin-top: 26px; padding-top: 18px; border-top: 1px solid #d9e8e1; color: #62776e; font-size: .9rem; }

@media (max-width: 620px) {
    .site-information-toc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-guide-section { grid-template-columns: 1fr; }
}