/* =========================================================
   QA3A-7A-3D1D-3 - ACCESSIBILITY DESKTOP
   ========================================================= */

@media (min-width: 783px) {
    /* Header to H1: ~48px (1rem + 1rem + 1rem) */
    body.page-id-256 main#wp--skip-link--target.wp-block-group {
        --wp--preset--spacing--60: 1rem;
        margin-top: 1rem;
        margin-bottom: 0;
        padding-top: 1rem;
    }

    body.page-id-256 main#wp--skip-link--target.wp-block-group > .wp-block-group.alignfull:first-child {
        --wp--preset--spacing--60: 0;
        box-sizing: border-box;
        width: min(calc(100% - 3rem), 67.5rem);
        max-width: 67.5rem;
        margin-inline: auto;
        padding-top: 1rem;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    /* H1: #E8E4DA, 400, lh 0.95, -0.02em, single line */
    body.page-id-256 .wp-block-post-title {
        margin: 0 0 2rem;
        color: #E8E4DA;
        font-size: clamp(2.75rem, 4vw, 4rem);
        font-weight: 400;
        line-height: 0.95;
        letter-spacing: -0.02em;
        white-space: nowrap;
    }

    /* Card: max 1080px, #050505, 1px #2A2A2A, padding 36px */
    body.page-id-256 .wp-block-post-content {
        box-sizing: border-box;
        width: 100%;
        max-width: 67.5rem;
        margin: 0;
        padding: clamp(2rem, 4vw, 3.5rem);
        border: 1px solid #2A2A2A;
        border-radius: 0;
        background: #050505;
    }

    /* H2: #B7FF00, 20px, lh 24px, 700, uppercase */
    body.page-id-256 .wp-block-post-content > .wp-block-heading {
        margin: 0;
        color: #B7FF00;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.5rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    /* Second+ H2: gray divider */
    body.page-id-256 .wp-block-post-content > .wp-block-heading:not(:first-child) {
        margin-top: 2.5rem;
        padding-top: 2.5rem;
        border-top: 1px solid #242424;
    }

    /* Paragraph: 16px, lh 1.65, max 800px */
    body.page-id-256 .wp-block-post-content > p {
        max-width: 50rem;
        margin: 1rem 0 0;
        color: #E8E4DA;
        font-size: 1rem;
        line-height: 1.65;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.page-id-256 .wp-block-post-content > p + p {
        margin-top: 0.75rem;
    }

    /* List: max 800px, padding-left 30px, same font/lh */
    body.page-id-256 .wp-block-post-content > ul {
        box-sizing: border-box;
        max-width: 50rem;
        margin: 1rem 0 0;
        padding-left: 1.25rem;
        color: #E8E4DA;
        font-size: 1rem;
        line-height: 1.65;
    }

    body.page-id-256 .wp-block-post-content > ul li {
        margin-top: 0.5rem;
        padding-left: 0.15rem;
    }

    body.page-id-256 .wp-block-post-content > ul li:first-child {
        margin-top: 0;
    }

    /* All links: #B7FF00, underline, wrap */
    body.page-id-256 .wp-block-post-content a {
        color: #B7FF00;
        text-decoration-line: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 0.18em;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    /* Link hover/focus: green bg, black text */
    body.page-id-256 .wp-block-post-content a:hover,
    body.page-id-256 .wp-block-post-content a:focus-visible {
        color: #050505;
        background: #B7FF00;
        outline: 0;
    }

    /* Card to Footer: ~64px */
    body.page-id-256 .wp-site-blocks > main#wp--skip-link--target + footer.wp-block-template-part {
        margin-block-start: 4rem;
    }
}

/* ========================================================= */
/*   QA3A-7A-3D1D-4 - ACCESSIBILITY MOBILE                           */
/* ========================================================= */

@media (max-width: 782px) {
    body.page-id-256 main#wp--skip-link--target.wp-block-group {
        --wp--preset--spacing--60: clamp(1rem, 5.25vw, 1.5rem);
        margin-top: clamp(1.25rem, 5.25vw, 1.75rem);
        margin-bottom: 0;
        padding-top: clamp(0.75rem, 4vw, 1.25rem);
    }

    body.page-id-256 main#wp--skip-link--target.wp-block-group > .wp-block-group.alignfull:first-child {
        --wp--preset--spacing--60: 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        padding: clamp(1.25rem, 6vw, 1.75rem) 0 0;
    }

    body.page-id-256 .wp-block-post-title {
        max-width: 100%;
        margin: 0 0 clamp(1.5rem, 7vw, 2rem);
        color: #E8E4DA;
        font-size: clamp(2rem, 8vw, 2.4rem);
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.02em;
    }

    body.page-id-256 .wp-block-post-content {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: clamp(1.25rem, 6vw, 1.5rem) clamp(1.125rem, 5.5vw, 1.5rem) clamp(1.5rem, 7vw, 1.875rem);
        border: 1px solid #2A2A2A;
        border-radius: 0;
        background: #050505;
        color: #E8E4DA;
    }

    body.page-id-256 .wp-block-post-content > .wp-block-heading {
        margin: 0 0 clamp(0.75rem, 3vw, 1rem);
        padding: 0;
        color: #B7FF00;
        font-size: clamp(1.125rem, 5.2vw, 1.375rem);
        font-weight: 700;
        line-height: 1.18;
        letter-spacing: 0.06em;
    }

    body.page-id-256 .wp-block-post-content > .wp-block-heading:not(:first-child) {
        margin-top: clamp(1.25rem, 6vw, 1.75rem);
        padding-top: clamp(1.125rem, 5vw, 1.5rem);
        border-top: 1px solid #242424;
    }

    body.page-id-256 .wp-block-post-content > p {
        max-width: 100%;
        margin: 0 0 clamp(1rem, 4.5vw, 1.25rem);
        color: #E8E4DA;
        font-size: clamp(1rem, 4.2vw, 1.0625rem);
        line-height: 1.55;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.page-id-256 .wp-block-post-content > p + p {
        margin-top: 0;
    }

    body.page-id-256 .wp-block-post-content > ul {
        box-sizing: border-box;
        max-width: 100%;
        margin: 0 0 clamp(1rem, 4.5vw, 1.25rem);
        padding-left: clamp(1.125rem, 5vw, 1.5rem);
        color: #E8E4DA;
        font-size: clamp(1rem, 4.2vw, 1.0625rem);
        line-height: 1.55;
    }

    body.page-id-256 .wp-block-post-content li {
        margin-top: 0.5rem;
        padding-left: 0.1rem;
    }

    body.page-id-256 .wp-block-post-content li:first-child {
        margin-top: 0;
    }

    body.page-id-256 .wp-block-post-content > p:last-child,
    body.page-id-256 .wp-block-post-content > ul:last-child {
        margin-bottom: 0;
    }

    body.page-id-256 .wp-block-post-content a[href^="mailto:"] {
        color: #B7FF00;
        text-decoration-line: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 0.18em;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.page-id-256 .wp-block-post-content a[href^="mailto:"]:hover,
    body.page-id-256 .wp-block-post-content a[href^="mailto:"]:focus-visible {
        color: #050505;
        background: #B7FF00;
        outline: 0;
    }

    body.page-id-256 .wp-site-blocks > main#wp--skip-link--target + footer.wp-block-template-part {
        margin-block-start: clamp(2.25rem, 8vw, 3rem);
    }
}
