/* =================================================================
   pages/accessibility.css - page-specific styles for accessibility.php
   Loaded AFTER css/site.css (linked from accessibility.php's own
   <head>). Only this page links it. It supplies the #page-title band
   (the shared foundation does not theme #page-title) and the prose
   styling for the accessibility statement. Nothing here is shared
   with other routes.
   ================================================================= */

/* -----------------------------------------------------------------
   Page title band (not part of the shared foundation)
----------------------------------------------------------------- */
#page-title {
    padding: 42px 0;
    background: #f7f8f9;
    border-bottom: 1px solid var(--line);
}
#page-title h1 {
    margin: 0;
    font-size: 1.9rem;
    line-height: 1.2;
}
#page-title > .container > span {
    display: block;
    margin-top: 8px;
    color: var(--muted);
    font-size: 1.05rem;
}

/* -----------------------------------------------------------------
   Statement prose: a comfortable reading measure and rhythm
----------------------------------------------------------------- */
.access-statement {
    max-width: 880px;
}
.access-statement h2 {
    margin-top: 2rem;
    font-size: 1.35rem;
}
/* Anchored heading (#reporting) clears the sticky header when linked */
.access-statement h2[id] {
    scroll-margin-top: 90px;
}
.access-statement ul {
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}
.access-statement ul li {
    margin-bottom: 0.4rem;
}
