/* ===== Accessibility: main background like AIR/HOME ===== */
main.page--accessibility{
    background: #0b1010 !important;
    position: relative;
    overflow: hidden;
}

/* bg print */
main.page--accessibility::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: url("/images/bg_2.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .22; /* כמו ב-AIR */
    filter: saturate(.9) contrast(1.05);
    pointer-events:none;
    z-index: 0;
}

/* lift content above bg */
main.page--accessibility > *{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}

/* Make typography visible on dark background */
main.page--accessibility .a11y_title,
main.page--accessibility .a11y_subtitle{
    color: rgba(255,255,255,.92);
}

main.page--accessibility .a11y_subtitle{
    color: rgba(255,255,255,.78);
}

/* Optional: keep your white card readable */
main.page--accessibility .a11y_card{
    background: rgba(255,255,255,.70);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* ===== Accessibility Page ===== */
.a11y_page { padding: 26px 0 60px; }
.a11y_container { max-width: 980px; }

.a11y_header { margin-bottom: 18px; }
.a11y_title{
    margin: 0 0 10px;
    font-weight: 900;
    letter-spacing: -0.02em;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.08;
}
.a11y_subtitle{
    margin: 0 0 14px;
    max-width: 85ch;
    opacity: .85;
    font-size: 15px;
    line-height: 1.95;
}

.a11y_meta{
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    margin-top: 10px;
}
.a11y_metaItem{
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    padding: 10px 12px;
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(8px);
    font-size: 13px;
}
.a11y_metaItem strong{ font-weight: 800; }

.a11y_card{
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 26px rgba(0,0,0,.08);
}

.a11y_block{
    padding: 14px 0;
}
.a11y_block + .a11y_block{
    border-top: 1px solid rgba(0,0,0,.08);
}
.a11y_h{
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 900;
}
.a11y_p{
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 2;
    opacity: .92;
}

.a11y_list{
    margin: 0;
    padding: 0 18px 0 0;
    display: grid;
    gap: 6px;
    font-size: 14px;
    line-height: 1.9;
}
.a11y_list li{ opacity: .95; }

.a11y_list--twoCol{
    grid-template-columns: repeat(2, minmax(0,1fr));
}

.a11y_note{
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.85;
    opacity: .8;
}

.a11y_contactGrid{
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}
.a11y_contactItem{
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    padding: 10px 12px;
    background: rgba(0,0,0,.02);
    font-size: 13px;
}
.a11y_contactItem strong{ font-weight: 900; }

.a11y_footer{
    border-top: 1px solid rgba(0,0,0,.08);
    margin-top: 12px;
    padding-top: 12px;
}
.a11y_small{
    margin: 0;
    font-size: 12.5px;
    opacity: .75;
    line-height: 1.8;
}

/* Responsive */
@media (max-width: 760px){
    .a11y_meta{ grid-template-columns: 1fr; }
    .a11y_contactGrid{ grid-template-columns: 1fr; }
    .a11y_list--twoCol{ grid-template-columns: 1fr; }
}

/* ===== Reveal (works with your reduce-motion) ===== */
.reveal{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 650ms ease, transform 650ms ease;
    will-change: opacity, transform;
}
.reveal.is-in{ opacity: 1; transform: translateY(0); }

/* Your widget: reduce motion */
body.access-reduce-motion .reveal{
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}
@media (prefers-reduced-motion: reduce){
    .reveal{ transition: none !important; transform: none !important; opacity: 1 !important; }
}