.accessibility-case{--color-accent:#eef0f6}.a11y-back{font-size:14px;color:#c7fa67}.accessibility-case .visual-intro h1{font-size:clamp(52px,8vw,105px)}.a11y-opening{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:80px}.a11y-opening h2{font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:-.03em}.a11y-opening p{font-size:17px;color:#c4becf;line-height:1.8}.a11y-demo-section{padding:65px 0;background:#181322;border-block:1px solid #43374f;scroll-margin-top:100px}.a11y-demo-section .visual-eyebrow{margin-top:0}.scale-demo{--sample-font:16px;--sample-title:19px}.scale-demo:has(#scale-large:checked){--sample-font:30px;--sample-title:35px}.scale-controls{border:0;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.scale-controls legend{font-size:14px;margin-bottom:15px;color:#c9c0d4}.scale-controls label{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#241c31;border:1px solid #79628e;border-radius:6px;cursor:pointer;font-size:14px}.scale-controls label:has(input:checked){background:#c7fa67;color:#18200c;border-color:#c7fa67}.scale-controls input{width:17px;height:17px;accent-color:#293d10}.scale-controls label:focus-within{outline:2px solid #c7fa67;outline-offset:5px}.scale-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.scale-pair figure{min-width:0}.scale-pair figcaption{margin-bottom:22px}.sample-badge{display:block;font-size:13px;margin-bottom:8px}.sample-badge-fixed{color:#e8b0ca}.sample-badge-reflow{color:#c7fa67}.scale-pair figcaption strong{font-family:var(--font-display);font-size:24px;font-weight:500}.sample-screen{padding:22px;background:#f4f2f7;color:#211a2c;border-radius:18px;border:1px solid #c5b9d0;min-height:290px}.sample-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#695d78;margin-bottom:28px}.sample-row{display:flex;align-items:center;gap:18px;background:white;border:1px solid #ddd5e6;border-radius:10px;padding:18px}.sample-row>div{min-width:0;flex:1}.sample-row h3{font-family:var(--font-body);font-size:var(--sample-title);font-weight:600;line-height:1.25;margin-bottom:10px;overflow-wrap:anywhere}.sample-row p{font-size:var(--sample-font);line-height:1.5;overflow-wrap:anywhere}.sample-fixed .sample-row{height:154px;overflow:hidden;align-items:flex-start}.sample-reflow .sample-row{min-height:154px;height:auto}.sample-chevron{font-size:28px;line-height:1;flex:none;align-self:center;color:#71617f}.sample-next{font-size:13px;color:#776b84;padding:20px 0 0}.sample-explanation{color:#bfb5cc;font-size:14px;line-height:1.7;margin-top:20px;max-width:50ch}.scale-status{font-size:14px;margin-top:28px;color:#d9c6f2}.a11y-provenance{font-size:12px;line-height:1.8;color:#b9adc9;margin-top:25px;max-width:90ch}.review-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;counter-reset:review}.review-flow li{border-top:2px solid #775b97;padding-top:20px;counter-increment:review}.review-flow li>span{font-size:13px;color:#c7fa67}.review-flow li>span:before{content:counter(review) ' / ';color:#aa94c3}.review-flow h3{font-size:23px;font-weight:500;margin:16px 0}.review-flow p{font-size:14px;line-height:1.8;color:#bfb7ca}.designer-control{display:flex;gap:25px;padding:25px;background:#1b1923;border:1px solid #4b4158;margin-top:32px;align-items:flex-start}.designer-control>span{font-size:32px;color:#c7fa67}.designer-control p{font-size:15px;line-height:1.8;color:#c5bdce}.designer-control strong{color:#f3eef8;font-weight:500}.learning-list article{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #483b54;padding:36px 0}.learning-trigger .visual-eyebrow{margin:0 0 15px}.learning-trigger h3{font-size:clamp(26px,3vw,37px);font-weight:500;letter-spacing:-.025em}.learning-response p{font-size:15px;color:#c5bdce;line-height:1.8;margin-bottom:14px}.learning-response strong{color:#e7d9f7;font-weight:500}.a11y-source{margin-top:35px;padding:22px 0;border-block:1px solid #483b54}.a11y-source :is(summary,.reading-heading){cursor:pointer;font-size:16px}.a11y-source p{color:#bfb7ca;font-size:14px;line-height:1.8;margin-top:20px;max-width:90ch}.a11y-ownership{display:grid;grid-template-columns:1fr 1fr;gap:70px}.a11y-ownership h2{font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-.035em}.a11y-ownership p{font-size:16px;line-height:1.8;color:#c5bdce;margin-bottom:22px}.a11y-related{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-block:70px}.a11y-related a{border-top:1px solid #665374;padding-top:20px}.a11y-related span{display:block;font-size:13px;color:#c7fa67;margin-bottom:14px}.a11y-related strong{display:block;font-family:var(--font-display);font-size:24px;line-height:1.25;font-weight:500}.accessibility-case .visual-footer div{display:flex;gap:25px}
@media(max-width:850px){.review-flow{grid-template-columns:1fr 1fr}.sample-screen{padding:16px}.scale-pair{gap:18px}.sample-row{padding:14px;gap:10px}.scale-demo:has(#scale-large:checked){--sample-font:27px;--sample-title:31px}}
@media(max-width:650px){.a11y-opening,.learning-list article,.a11y-ownership{grid-template-columns:1fr;gap:25px}.a11y-opening{padding-bottom:50px}.scale-pair{grid-template-columns:1fr;gap:36px}.a11y-demo-section{padding-block:40px}.sample-screen{min-height:270px}.sample-fixed .sample-row{height:154px}.a11y-related{grid-template-columns:1fr;gap:28px;margin-block:50px}.learning-list article{padding-block:28px}.designer-control{gap:16px;padding:20px}.review-flow{gap:28px 20px}.review-flow h3{font-size:21px}.accessibility-case .visual-intro{padding-top:135px}}
@media(prefers-reduced-motion:reduce){html:has(.accessibility-case){scroll-behavior:auto}.accessibility-case *{transition:none!important}}