/* Dynamonk Accessibility Lab — calm, editorial, inclusive */
.v5-lab{overflow-x:clip}
.v5-lab h1,.v5-lab h2,.v5-lab h3,.v5-lab h4{letter-spacing:-.024em;line-height:1.17}
.lab5-hero{padding:clamp(66px,8vw,115px) 0 clamp(70px,9vw,125px);background:radial-gradient(ellipse 40% 60% at 86% 24%,rgba(255,134,34,.10),transparent),radial-gradient(ellipse 44% 62% at 8% 85%,rgba(65,111,195,.08),transparent),#07090e;border-bottom:1px solid var(--line)}
.lab5-eyebrow{font:700 .75rem/1.4 'Courier New',monospace;letter-spacing:.11em;color:var(--accent)}
.lab5-eyebrow span{color:var(--muted)}
.lab5-hero h1{font-size:clamp(2.7rem,5.15vw,5.5rem);font-weight:750;max-width:920px;line-height:1.11;margin:21px 0 21px}
.lab5-hero h1 em{font-style:normal;color:var(--hero-highlight)}
.lab5-hero p{max-width:650px;font-size:1.07rem;line-height:1.78;color:var(--muted)}
.lab5-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:27px 0 37px}
.lab5-hero-actions .btn{border-radius:100px}
.lab5-hero-meta{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid var(--line);padding-top:21px;color:var(--muted);font-size:.82rem;letter-spacing:.025em}
.lab5-section{padding:clamp(75px,8vw,115px) 0}
.lab5-section-heading{max-width:750px;margin-bottom:30px}
.lab5-section-heading h2{font-size:clamp(2.2rem,3.65vw,3.85rem);margin:14px 0 17px}
.lab5-section-heading p{font-size:1.04rem;line-height:1.74;color:var(--muted)}
.lab5-filter{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:22px 0 14px}
.lab5-filter button,.lab5-simulation-controls button{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:10px 16px;border-radius:100px;font-size:.88rem;font-weight:700;min-height:43px}
.lab5-filter button[aria-pressed="true"],.lab5-simulation-controls button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.lab5-count{font-size:.79rem;color:var(--muted);margin:10px 0 14px}
.lab5-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:30px}
.lab5-topic{min-height:115px;display:flex;flex-direction:column;justify-content:space-between;align-items:start;text-align:left;gap:12px;border:1px solid var(--line);border-radius:13px;padding:16px;background:var(--surface);color:var(--text);font-weight:720;line-height:1.33;transition:background-color .2s,border-color .2s,transform .25s}
.lab5-topic:hover{background:var(--surface-alt);border-color:var(--accent);transform:translateY(-2px)}
.lab5-topic[aria-pressed="true"]{border:2px solid var(--accent);background:var(--surface-alt);padding:15px}
.lab5-topic small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.04em;font-weight:600}
.lab5-topic[hidden]{display:none}
.lab5-detail{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:clamp(22px,4vw,42px)}
.lab5-detail-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:26px}
.lab5-ref{font-family:'Courier New',monospace;color:var(--accent);font-weight:700;font-size:.75rem;letter-spacing:.065em}
.lab5-detail h3{font-size:clamp(1.6rem,2.4vw,2.4rem);margin:9px 0 11px}
.lab5-detail-header p{font-size:.96rem;color:var(--muted);max-width:660px}
.lab5-source-link{font-size:.82rem;color:var(--link);font-weight:700;white-space:normal;min-width:170px;margin-top:5px}
.lab5-demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(22px,4vw,55px);align-items:start}
.lab5-preview{border:1px solid #778597;background:#f0f4f8;color:#172537;border-radius:16px;padding:17px;min-height:275px}
.lab5-preview-label{display:inline-block;color:#203951;background:#e1e9f1;border-radius:7px;font-size:.7rem;letter-spacing:.07em;font-weight:800;padding:5px 9px;margin-bottom:15px;text-transform:uppercase}
.lab5-preview-window{border:1px solid #9aabba;border-radius:12px;background:#fff;overflow:hidden}
.lab5-preview-window-heading{background:#dfe9f3;color:#253a4d;border-bottom:1px solid #b5c5d5;font:.7rem 'Courier New',monospace;padding:12px 15px;letter-spacing:.055em}
.lab5-preview-visual{padding:25px;min-height:135px;display:grid;align-content:center;gap:13px}
.lab5-preview-visual strong{font-size:1.08rem;line-height:1.45;letter-spacing:0}
.lab5-preview-visual p{margin:0;font-size:.94rem;line-height:1.55}
.lab5-demo-chip{width:max-content;border:2px solid #275c44;border-radius:7px;padding:9px 13px;color:#173d2e;background:#e7f4e9;font-weight:750;font-size:.88rem}
.lab5-preview.is-barrier .lab5-preview-window{border-color:#d9d9d9;background:#f4f4f4}
.lab5-preview.is-barrier .lab5-demo-chip{color:#a0a0a0;background:#e5e5e5;border-color:#ddd}
.lab5-preview.is-barrier .lab5-preview-visual p{color:#a5a5a5}
.lab5-preview.is-barrier .lab5-preview-window-heading{background:#e4e4e4;color:#777}
.lab5-preview.is-barrier .lab5-preview-label{background:#eee;color:#4b4b4b}
.lab5-simulation-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.lab5-explanation .kicker{font-size:.74rem}
.lab5-explanation h4{font-size:1.5rem;margin:10px 0 12px}
.lab5-explanation>p{color:var(--muted);font-size:.98rem;line-height:1.73}
.lab5-takeaway,.lab5-criterion-summary{margin-top:20px;border-left:3px solid var(--accent);padding:10px 0 10px 16px;background:linear-gradient(90deg,rgba(255,149,31,.06),transparent)}
.lab5-takeaway strong,.lab5-criterion-summary strong{font-size:.83rem;color:var(--text)}
.lab5-takeaway p,.lab5-criterion-summary p{font-size:.91rem;color:var(--muted);margin:6px 0 0;line-height:1.65}
.lab5-criterion-summary{border-color:var(--line);background:none}
.lab5-quiz-section{background:linear-gradient(155deg,rgba(26,33,45,.55),rgba(12,16,23,.7));border-block:1px solid var(--line)}
.quiz5-shell{max-width:890px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4.3vw,46px);box-shadow:0 25px 72px rgba(0,0,0,.14)}
.quiz5-feature{padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid var(--line)}
.quiz5-feature-number{font-family:Outfit,Inter,sans-serif;color:var(--hero-highlight);font-weight:750;font-size:3.9rem;letter-spacing:-.02em;line-height:1.1}
.quiz5-feature-number span{font-size:1rem;color:var(--text);font-weight:650;letter-spacing:normal}
.quiz5-feature p{color:var(--muted);font-size:.98rem;margin-top:11px}
.quiz5-modes{border:0;padding:0;margin:0 0 25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quiz5-modes legend{font-weight:750;margin-bottom:14px}
.quiz5-modes label{display:flex;align-items:flex-start;gap:13px;padding:19px;border:1px solid var(--border);border-radius:12px;cursor:pointer;background:var(--surface-alt)}
.quiz5-modes input{width:21px;height:21px;margin-top:2px;accent-color:var(--accent);flex:none}
.quiz5-modes span{display:grid;gap:6px}.quiz5-modes strong{line-height:1.4}.quiz5-modes small{color:var(--muted);line-height:1.5}
.quiz5-privacy{margin-top:18px;font-size:.79rem;color:var(--muted)}
.quiz5-progress-label{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-weight:700;font-size:.84rem;color:var(--muted)}
#quiz5-progress{width:100%;height:11px;margin:14px 0 27px;accent-color:var(--accent)}
.quiz5-question-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:11px}
.quiz5-question{padding:0;margin:0;border:0;min-width:0}
.quiz5-question legend{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:730;line-height:1.4;color:var(--text);padding:0;margin:6px 0 22px;max-width:700px}
.quiz5-options{display:grid;gap:11px}
.quiz5-option{display:flex;align-items:flex-start;gap:15px;text-align:left;padding:16px 17px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;cursor:pointer;color:var(--text);font-size:.95rem;line-height:1.6}
.quiz5-option input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--accent)}
.quiz5-option:has(input:checked){border:2px solid var(--accent);padding:15px 16px;background:var(--surface)}
.quiz5-guidance{font-size:.84rem;color:var(--muted);margin:14px 0 18px;min-height:1.5em}
.quiz5-navigation{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:17px;border-top:1px solid var(--line)}
.quiz5-navigation .btn[disabled]{opacity:.38;cursor:not-allowed;transform:none}
.quiz5-score{display:flex;align-items:center;gap:26px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface-alt)}
.quiz5-score>strong{font-size:clamp(2.8rem,5vw,4.7rem);font-family:Outfit,Inter,sans-serif;letter-spacing:-.04em;line-height:1.1;color:var(--hero-highlight)}
.quiz5-score p{margin:0 0 6px;color:var(--muted)}
.quiz5-score p:first-child{font-size:1.18rem;font-weight:700;color:var(--text)}
.quiz5-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0 26px}
.quiz5-breakdown>div{border:1px solid var(--line);background:var(--surface-alt);padding:13px;border-radius:10px;display:grid;gap:8px}
.quiz5-breakdown strong{font-size:.78rem;color:var(--muted)}.quiz5-breakdown span{font-size:1.3rem;font-weight:750}
.quiz5-results-actions{display:flex;gap:12px;flex-wrap:wrap}
.quiz5-review-bar{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}
.quiz5-review-bar h4{font-size:1.4rem;margin:0}
.quiz5-review-list{display:grid;gap:14px;margin-top:15px}
.quiz5-review-card{border:1px solid var(--line);border-radius:13px;padding:21px;background:var(--surface-alt)}
.quiz5-review-card.is-incorrect{border-left:4px solid var(--accent)}
.quiz5-review-card h5{font-size:1.07rem;line-height:1.4;margin:8px 0 13px;letter-spacing:0}
.quiz5-review-card p{color:var(--muted);line-height:1.6;font-size:.9rem;margin:8px 0}
.quiz5-review-card p strong{color:var(--text)}
.quiz5-review-status{font-size:.77rem;font-weight:750;color:var(--accent)}
.quiz5-review-empty{border:1px solid var(--line);padding:20px;border-radius:12px}
.lab5-closing{padding:clamp(76px,9vw,125px) 0;background:var(--hero)}
.lab5-closing-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.lab5-closing h2{font-size:clamp(2rem,3.3vw,3.6rem);max-width:700px;margin:13px 0}
.lab5-closing p{max-width:650px;color:var(--hero-muted);font-size:1rem;line-height:1.7}
.lab5-closing .btn{flex:none}
@media(max-width:1100px){.lab5-topics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.lab5-topics{grid-template-columns:repeat(2,1fr)}.lab5-demo-layout{grid-template-columns:1fr}.lab5-detail-header{flex-direction:column;gap:6px}.lab5-source-link{margin-top:0}.lab5-closing-inner{flex-direction:column;align-items:flex-start;gap:20px}}
@media(max-width:600px){.lab5-topics{grid-template-columns:1fr 1fr;gap:9px}.lab5-topic{padding:13px;min-height:103px;font-size:.91rem}.lab5-topic[aria-pressed="true"]{padding:12px}.lab5-hero h1{font-size:clamp(2.65rem,9vw,4rem)}.lab5-detail{padding:20px}.lab5-preview-visual{padding:18px}.quiz5-modes{grid-template-columns:1fr}.quiz5-score{align-items:flex-start;flex-direction:column;gap:10px}.quiz5-breakdown{grid-template-columns:repeat(2,1fr)}.quiz5-navigation .btn{padding-inline:14px;font-size:.9rem}.quiz5-review-bar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.lab5-topic:hover{transform:none}}
:root[data-motion="reduce"] .lab5-topic:hover{transform:none}
:root[data-theme="contrast"] .lab5-detail,:root[data-theme="contrast"] .quiz5-shell,:root[data-theme="contrast"] .lab5-topic,:root[data-theme="contrast"] .lab5-preview{border-width:2px}
/* Topic-specific artwork inside the illustrative, aria-hidden teaching preview. */
.lab5-sample{display:grid;gap:10px}
.lab5-sample-heading{display:flex;align-items:center;gap:10px;color:#183148;font-weight:780;font-size:1rem}
.lab5-sample-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;width:36px;height:36px;border-radius:9px;background:#ddebe8;color:#194737;flex:none}
.lab5-sample-content{display:grid;gap:9px;padding:12px 14px;background:#f4f9f6;border:1px solid #9bb5a5;border-radius:9px;color:#1b4936}
.lab5-sample-content p{color:#1b4936;font-size:.9rem}
.lab5-sample-status{font-size:.74rem;font-weight:760;color:#225740;letter-spacing:.02em}
.lab5-sample-chip{display:inline-flex;max-width:max-content;min-height:34px;align-items:center;border:2px solid #205f43;border-radius:8px;padding:6px 13px;font-size:.83rem;font-weight:760;color:#164a33;background:#e6f6ea}
.lab5-sample-bars{display:flex;align-items:end;gap:8px;height:44px}
.lab5-sample-bars span{background:#2e7453;width:36px;min-height:9px;border-radius:3px 3px 0 0}
.lab5-sample-bars span:nth-child(1){height:45%}.lab5-sample-bars span:nth-child(2){height:70%}.lab5-sample-bars span:nth-child(3){height:95%}
.lab5-preview.is-barrier .lab5-sample-content{border-color:#dddddd;background:#eeeeee;color:#a2a2a2}
.lab5-preview.is-barrier .lab5-sample-content p,.lab5-preview.is-barrier .lab5-sample-status{color:#aaa}
.lab5-preview.is-barrier .lab5-sample-heading{color:#888}
.lab5-preview.is-barrier .lab5-sample-icon{background:#e1e1e1;color:#999}
.lab5-preview.is-barrier .lab5-sample-chip{background:#e0e0e0;color:#a4a4a4;border-color:#d3d3d3}
.lab5-preview.is-barrier .lab5-sample-bars span{background:#cfcfcf}
.lab5-preview:not(.is-barrier) .lab5-sample-chip.is-focus{outline:3px solid #b65a15;outline-offset:3px}
.lab5-preview.is-barrier .lab5-sample-chip.is-small{font-size:.65rem;padding:1px 4px;min-height:14px;border-width:1px}


/* V10 explorer redesign: clearer master-detail layout */
.lab5-explorer-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.9fr);gap:22px;align-items:start}
.lab5-topic-column{min-width:0}
.lab5-topics{margin-bottom:0;align-content:start}
.lab5-detail{position:sticky;top:104px;box-shadow:0 18px 54px rgba(15,23,42,.06);border-radius:22px}
.lab5-detail-header{margin-bottom:20px;padding-bottom:18px}
.lab5-detail-header p{max-width:unset}
.lab5-detail::before{content:"Selected topic";display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,123,0,.09);color:var(--accent);font:700 .7rem/1 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.lab5-topic{position:relative;min-height:108px;padding:18px;border-radius:16px}
.lab5-topic span{font-size:1.08rem}
.lab5-topic[aria-pressed="true"]{box-shadow:0 12px 34px rgba(255,123,0,.12)}
.lab5-topic[aria-pressed="true"]::after{content:"Selected";position:absolute;top:14px;right:14px;font:700 .67rem/1 'Courier New',monospace;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}
.lab5-source-link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--surface-alt)}
.lab5-source-link:hover{border-color:var(--accent);background:#fff7ef}
.lab5-preview,.lab5-explanation{transition:opacity .24s ease,transform .24s ease}
.lab5-detail.is-refreshing .lab5-preview,.lab5-detail.is-refreshing .lab5-explanation{opacity:.65;transform:translateY(4px)}
@media(max-width:1040px){.lab5-explorer-shell{grid-template-columns:1fr}.lab5-detail{position:static;top:auto;order:2;margin-top:18px}}
@media(max-width:1040px){.lab5-detail.is-inline{margin-top:14px;box-shadow:none}}


/* V11 Accessibility explorer redesign */
.lab11-explorer{display:block}
.lab11-topics{gap:14px}
.lab11-topics .lab5-topic{min-height:122px;padding:18px 18px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd);box-shadow:0 2px 10px rgba(15,23,42,.03);position:relative;overflow:hidden}
.lab11-topics .lab5-topic::before{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,var(--accent),rgba(255,123,0,0));opacity:0;transition:opacity .22s ease}
.lab11-topics .lab5-topic::after{content:"Open";position:absolute;right:16px;bottom:14px;font:700 .7rem/1 'Courier New',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:color .2s ease, transform .2s ease}
.lab11-topics .lab5-topic:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:#ffd4ad}
.lab11-topics .lab5-topic:hover::before,.lab11-topics .lab5-topic[aria-expanded="true"]::before{opacity:1}
.lab11-topics .lab5-topic[aria-expanded="true"]{border-color:var(--accent);background:#fffaf5;box-shadow:0 18px 34px rgba(255,123,0,.12)}
.lab11-topics .lab5-topic[aria-expanded="true"]::after{content:"Opened";color:var(--accent);transform:translateX(-2px)}
.lab11-topics .lab5-topic span{font-size:1.06rem;max-width:calc(100% - 76px)}
.lab11-detail{margin-top:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 18px 50px rgba(15,23,42,.06);padding:24px 24px 22px;transform-origin:top center;opacity:1;transition:opacity .28s ease, transform .28s ease, box-shadow .28s ease}
.lab11-detail[hidden]{display:none}
.lab11-detail.is-entering{animation:lab11-expand .28s ease both}
@keyframes lab11-expand{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.lab11-detail-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.lab11-detail-top h3{font-size:clamp(1.55rem,2.2vw,2.1rem);margin:8px 0 8px}
.lab11-detail-top p{font-size:1rem;line-height:1.7;color:var(--muted);max-width:720px}
.lab11-detail-actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.lab11-close{width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.1rem;font-weight:700}
.lab11-close:hover{border-color:var(--accent);background:#fff7ef}
.lab11-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lab11-state{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface-alt)}
.lab11-state-head{display:grid;gap:6px}
.lab11-badge{display:inline-flex;align-items:center;max-width:max-content;padding:7px 11px;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.lab11-badge-barrier{background:#fff1e7;color:#a14a0e}
.lab11-badge-better{background:#ebf7ef;color:#1e6b43}
.lab11-state h4{font-size:1.28rem;margin:0}
.lab11-preview{border:1px solid #d8e1ea;border-radius:16px;background:#f5f8fb;padding:14px}
.lab11-preview-window{border:1px solid #b7c7d6;border-radius:13px;background:#fff;overflow:hidden}
.lab11-preview-heading{background:#e6eef6;color:#31465d;border-bottom:1px solid #c6d4e2;font:.72rem 'Courier New',monospace;letter-spacing:.055em;padding:11px 14px}
.lab11-preview-visual{padding:20px;min-height:168px;display:grid;align-content:center;gap:13px}
.lab11-preview-barrier{background:#f5f5f6;border-color:#d4d4d8}
.lab11-preview-barrier .lab11-preview-window{border-color:#d0d0d4;background:#f9f9f9}
.lab11-preview-barrier .lab11-preview-heading{background:#ececee;color:#6d6e73;border-color:#d6d6d9}
.lab11-state-description{margin:0;color:var(--muted);font-size:.96rem;line-height:1.72}
.lab11-support{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.lab11-support-card{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:#fff}
.lab11-support-card strong{display:block;font-size:.88rem;margin-bottom:7px}
.lab11-support-card p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.68}
@media(max-width:980px){.lab11-compare,.lab11-support{grid-template-columns:1fr}.lab11-detail-top{flex-direction:column;align-items:flex-start}.lab11-detail-actions{width:100%;justify-content:space-between}.lab11-topics .lab5-topic span{max-width:none}}
@media(max-width:700px){.lab11-detail{padding:18px}.lab11-state{padding:15px}.lab11-preview-visual{padding:16px;min-height:150px}.lab11-topics{grid-template-columns:1fr 1fr;gap:10px}}
@media(max-width:520px){.lab11-topics{grid-template-columns:1fr}.lab11-topics .lab5-topic{min-height:108px}.lab11-source-link{width:100%}.lab11-close{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.lab11-detail,.lab11-topics .lab5-topic,.lab11-close{transition:none}.lab11-detail.is-entering{animation:none}}
:root[data-motion="reduce"] .lab11-detail,:root[data-motion="reduce"] .lab11-topics .lab5-topic,:root[data-motion="reduce"] .lab11-close{transition:none}