/* Information pages: /accessibility/ and /sitemap/ (page-accessibility.php,
 * page-sitemap.php). Same hero language as Resources: soft indigo wash,
 * kicker pill, big title. */

.gcbt-info-hero { position: relative; overflow: hidden; padding: 44px 0 56px; background: radial-gradient(900px 420px at 90% -20%, rgba(139,92,246,.2), transparent 60%), linear-gradient(180deg, var(--gcbt-primary-light), #fff); }
.gcbt-info-hero-orb { position: absolute; width: 420px; height: 420px; left: -160px; bottom: -220px; border-radius: 50%; background: radial-gradient(circle, rgba(14,165,233,.14), transparent 70%); }
.gcbt-info-hero .gcbt-container { position: relative; }
.gcbt-info-hero .gcbt-breadcrumbs { margin: 0 0 22px; }
.gcbt-info-hero .gcbt-breadcrumbs a, .gcbt-info-hero .gcbt-breadcrumb-sep { color: var(--gcbt-text-light); }
.gcbt-info-hero .gcbt-breadcrumbs a:hover { color: var(--gcbt-primary); }
.gcbt-info-hero .gcbt-breadcrumb-current { color: var(--gcbt-text); }
.gcbt-info-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: rgba(79,70,229,.1); color: var(--gcbt-primary); font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.gcbt-info-title { font-size: 46px; line-height: 1.12; letter-spacing: -.02em; margin: 16px 0 14px; max-width: 820px; }
.gcbt-info-lead { font-size: 18.5px; line-height: 1.7; color: var(--gcbt-text-light); max-width: 720px; margin: 0; }
.gcbt-info-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 22px 0 0; padding: 0; list-style: none; font-size: 14px; color: var(--gcbt-text-light); }
.gcbt-info-meta li { display: inline-flex; align-items: center; gap: 7px; }
.gcbt-info-meta svg { color: var(--gcbt-primary); }
.gcbt-info-body { padding: 56px 0 88px; }

/* Sitemap */
.gcbt-smap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.gcbt-smap-card { padding: 26px 26px 22px; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px rgba(15,23,42,.07), 0 18px 40px -28px rgba(30,27,75,.35); }
.gcbt-smap-card--wide { grid-column: 1 / -1; }
.gcbt-smap-title { display: flex; align-items: center; gap: 12px; font-size: 19px; line-height: 1.3; margin: 0 0 16px; }
.gcbt-smap-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: none; border-radius: 11px; background: var(--gcbt-primary-light); color: var(--gcbt-primary); }
.gcbt-smap-subtitle { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--gcbt-text-light); margin: 0 0 10px; }
.gcbt-smap-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; }
.gcbt-smap-list { list-style: none; margin: 0; padding: 0; }
.gcbt-smap-list li { margin: 0; padding: 5px 0; line-height: 1.45; }
.gcbt-smap-list a { color: var(--gcbt-text); text-decoration: none; font-size: 15px; }
.gcbt-smap-list a:hover { color: var(--gcbt-primary); text-decoration: underline; text-underline-offset: 3px; }
.gcbt-smap-list--cols { columns: 2; column-gap: 32px; }
.gcbt-smap-list--cols li { break-inside: avoid; }
.gcbt-smap-xml { display: flex; align-items: center; gap: 8px; margin: 28px 0 0; font-size: 14.5px; color: var(--gcbt-text-light); }
.gcbt-smap-xml svg { color: var(--gcbt-primary); }
.gcbt-smap-xml a { color: var(--gcbt-primary); font-weight: 600; }

/* Accessibility statement */
.gcbt-a11y-wrap { max-width: 980px; margin: 0 auto; }
.gcbt-a11y-goal { display: grid; grid-template-columns: auto 1fr; gap: 22px; align-items: start; padding: 28px 30px; border-radius: 22px; background: linear-gradient(135deg, var(--gcbt-primary), #7c3aed); color: #fff; box-shadow: 0 30px 60px -34px rgba(79,70,229,.7); }
.gcbt-a11y-goal-icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; background: rgba(255,255,255,.16); }
.gcbt-a11y-goal h2 { color: #fff; font-size: 22px; margin: 0 0 8px; }
.gcbt-a11y-goal p { color: rgba(255,255,255,.92); margin: 0; font-size: 16.5px; line-height: 1.7; }
.gcbt-a11y-goal a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.gcbt-a11y-h2 { font-size: 28px; line-height: 1.25; margin: 64px 0 10px; }
.gcbt-a11y-intro { color: var(--gcbt-text-light); font-size: 16.5px; line-height: 1.7; margin: 0 0 26px; max-width: 760px; }
.gcbt-a11y-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.gcbt-a11y-item { display: grid; grid-template-columns: auto 1fr; gap: 16px; padding: 22px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px rgba(15,23,42,.07), 0 18px 40px -30px rgba(30,27,75,.35); }
.gcbt-a11y-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; background: var(--gcbt-primary-light); color: var(--gcbt-primary); }
.gcbt-a11y-item h3 { font-size: 17px; line-height: 1.35; margin: 2px 0 6px; }
.gcbt-a11y-item p { margin: 0; color: var(--gcbt-text-light); font-size: 15px; line-height: 1.65; }
.gcbt-a11y-limits { margin: 0; padding: 0; list-style: none; border-radius: 18px; background: #fffbeb; box-shadow: 0 0 0 1px #fde68a; }
.gcbt-a11y-limits li { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 18px 22px; border-top: 1px solid #fde68a; font-size: 15.5px; line-height: 1.65; color: var(--gcbt-text); }
.gcbt-a11y-limits li:first-child { border-top: 0; }
.gcbt-a11y-limits svg { color: #b45309; margin-top: 3px; }
.gcbt-a11y-report { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.gcbt-a11y-way { display: flex; flex-direction: column; gap: 8px; padding: 24px; border-radius: 18px; background: var(--gcbt-bg-alt); box-shadow: 0 0 0 1px rgba(15,23,42,.06); }
.gcbt-a11y-way .gcbt-a11y-icon { background: #fff; }
.gcbt-a11y-way h3 { font-size: 17px; margin: 6px 0 0; }
.gcbt-a11y-way p { margin: 0; color: var(--gcbt-text-light); font-size: 15px; line-height: 1.65; }
.gcbt-a11y-way a { font-weight: 600; }
.gcbt-a11y-note { margin: 22px 0 0; color: var(--gcbt-text-light); font-size: 15.5px; line-height: 1.7; }
.gcbt-a11y-about { margin: 64px 0 0; padding: 22px 24px; border-radius: 16px; background: var(--gcbt-bg-alt); color: var(--gcbt-text-light); font-size: 14.5px; line-height: 1.7; }
.gcbt-a11y-about p { margin: 0; }
.gcbt-a11y-about p + p { margin-top: 8px; }

@media (max-width: 1024px) {
    .gcbt-smap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .gcbt-smap-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .gcbt-info-hero { padding: 32px 0 40px; }
    .gcbt-info-title { font-size: 32px; }
    .gcbt-info-lead { font-size: 16.5px; }
    .gcbt-info-body { padding: 40px 0 64px; }
    .gcbt-smap-grid, .gcbt-smap-cols, .gcbt-a11y-grid, .gcbt-a11y-report { grid-template-columns: 1fr; }
    .gcbt-smap-list--cols { columns: 1; }
    .gcbt-smap-card { padding: 22px 20px 18px; }
    .gcbt-a11y-goal { grid-template-columns: 1fr; padding: 24px 22px; }
    .gcbt-a11y-h2 { font-size: 24px; margin-top: 48px; }
    .gcbt-a11y-item { padding: 18px; }
}