:root{--font-heading: "Stoke", serif;--font-body: "Merriweather", Georgia, serif;--color-accent: #f97316;--color-accent-2: #059669;--color-text: #1f2937;--color-muted: #6b7280;--color-bg: #ffffff;--color-border: #e5e7eb;--severity-0: #9ca3af;--severity-1: #eab308;--severity-2: #f97316;--severity-3: #ef4444;--severity-4: #7f1d1d}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;color:var(--color-text);line-height:1.25}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,button,select{font-family:var(--font-body);font-size:1rem}button{font-family:var(--font-body);cursor:pointer}html,body,#root{height:100%}main{min-height:100vh}.portfolio-embed-page{display:flex;flex-direction:column;height:100%;min-height:100vh;background:var(--color-bg)}.portfolio-embed-page__frame{flex:1;width:100%;border:0;min-height:0}.layout{max-width:72rem;margin:0 auto;padding:0 1.25rem 4rem}.site-header{border-bottom:1px solid var(--color-border);padding:1rem 0;margin-bottom:2rem}.site-header__inner{max-width:72rem;margin:0 auto;padding:0 1.25rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem}.site-title{font-family:var(--font-heading);font-size:1.5rem;margin:0}.site-title a{color:var(--color-text);text-decoration:none}.site-title a:hover{color:var(--color-accent)}.nav{display:flex;flex-wrap:wrap;gap:1.25rem}.nav a{color:var(--color-muted);text-decoration:none;font-size:.95rem}.nav a:hover,.nav a.is-active{color:var(--color-accent);text-decoration:underline}.page-title{font-size:2rem;margin:0 0 .5rem}.lede{color:var(--color-muted);margin:0 0 2rem;max-width:40rem}.tool-page{padding-bottom:3rem}.tool-back{display:inline-block;margin-bottom:1.5rem;font-size:.9rem;color:var(--color-muted)}.tool-back:hover{color:var(--color-accent)}.card-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{border:1px solid var(--color-border);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.tool-card h2{font-size:1.35rem;margin:0}.tool-card p{margin:0;color:var(--color-muted);flex:1;font-size:.95rem}.tool-card__link{align-self:flex-start;color:var(--color-accent-2);font-weight:700;font-size:.95rem}.tool-card__link:hover{color:var(--color-accent)}.home-hero{padding:2rem 0 3rem}.home-hero h1{font-size:2.25rem;margin:0 0 1rem}@media(min-width:768px){.home-hero h1{font-size:2.75rem}}.home-hero p{color:var(--color-muted);max-width:36rem;margin:0 0 1.5rem}.cta-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border:1px solid var(--color-text);background:var(--color-bg);color:var(--color-text);font-size:.95rem;text-decoration:none}.btn:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-bg);color:var(--color-accent);text-decoration:none}.btn--secondary{border-color:var(--color-accent-2);color:var(--color-accent-2)}.btn--secondary:hover{background:var(--color-accent-2);color:#fff;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.he-meta{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.he-meta{grid-template-columns:1fr 1fr}}.he-field label{display:block;font-size:.85rem;color:var(--color-muted);margin-bottom:.35rem}.he-field input{width:100%;padding:.5rem .65rem;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg)}.he-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.he-layout{grid-template-columns:1fr 280px;align-items:start}}.he-list{display:flex;flex-direction:column;gap:1.25rem}.he-card{border:1px solid var(--color-border);padding:1.25rem}.he-card__top{margin-bottom:.75rem}.he-card__title{font-family:var(--font-heading);font-size:1.15rem;margin:0 0 .5rem}.he-card__desc{margin:0;font-size:.9rem;color:var(--color-muted);line-height:1.6}.he-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.he-sev-label{font-size:.8rem;color:var(--color-muted);width:100%}@media(min-width:480px){.he-sev-label{width:auto}}.he-sev-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.he-sev-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid transparent;padding:0;font-size:.85rem;font-weight:700;background:var(--color-bg);color:var(--color-text)}.he-sev-btn[data-level="0"]{border-color:var(--severity-0);color:var(--severity-0)}.he-sev-btn[data-level="1"]{border-color:var(--severity-1);color:#854d0e}.he-sev-btn[data-level="2"]{border-color:var(--severity-2);color:var(--severity-2)}.he-sev-btn[data-level="3"]{border-color:var(--severity-3);color:var(--severity-3)}.he-sev-btn[data-level="4"]{border-color:var(--severity-4);color:var(--severity-4)}.he-sev-btn.is-active[data-level="0"]{background:var(--severity-0);border-color:var(--severity-0);color:#fff}.he-sev-btn.is-active[data-level="1"]{background:var(--severity-1);border-color:var(--severity-1);color:#1f2937}.he-sev-btn.is-active[data-level="2"]{background:var(--severity-2);border-color:var(--severity-2);color:#fff}.he-sev-btn.is-active[data-level="3"]{background:var(--severity-3);border-color:var(--severity-3);color:#fff}.he-sev-btn.is-active[data-level="4"]{background:var(--severity-4);border-color:var(--severity-4);color:#fff}.he-sev-btn:disabled{opacity:.35;cursor:not-allowed}.he-na{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-muted);cursor:pointer}.he-na input{width:1rem;height:1rem;accent-color:var(--color-accent-2)}.he-note-toggle{background:none;border:none;padding:0;color:var(--color-accent-2);font-size:.9rem;text-decoration:underline}.he-note-toggle:hover{color:var(--color-accent)}.he-note{margin-top:.75rem}.he-note textarea{width:100%;min-height:5rem;padding:.65rem;border:1px solid var(--color-border);resize:vertical}.he-summary{border:1px solid var(--color-border);padding:1.25rem;position:sticky;top:1rem}.he-summary h2{font-family:var(--font-heading);font-size:1.2rem;margin:0 0 1rem}.he-summary__avg{font-size:1.75rem;font-weight:700;font-family:var(--font-body);margin-bottom:.75rem}.he-summary__avg span{color:var(--color-muted);font-size:.95rem;font-weight:400}.he-bar{display:flex;height:1.25rem;border:1px solid var(--color-border);margin-bottom:1rem;overflow:hidden;background:#f3f4f6}.he-bar__seg{height:100%;min-width:0}.he-counts{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;font-size:.75rem;text-align:center;margin-bottom:1.25rem}.he-counts div{padding:.35rem .15rem;border:1px solid var(--color-border)}.he-counts strong{display:block;font-size:1rem}.he-export{width:100%;padding:.65rem 1rem;border:1px solid var(--color-text);background:var(--color-bg);color:var(--color-text);font-weight:700}.he-export:hover{border-color:var(--color-accent);color:var(--color-accent)}.he-toast{margin-top:.75rem;font-size:.85rem;color:var(--color-accent-2)}.tool-actions{margin-top:1rem}.jm-app{--jm-border: #e5e7eb;--jm-surface: #f9fafb;--jm-muted: #6b7280;--jm-light-muted: #9ca3af;--jm-accent: #f97316;--jm-green: #059669;--jm-text: #1f2937;--jm-card-width: 300px;--jm-scroll-gap: 1rem}.jm-header-card{background:var(--jm-surface);border:1px solid var(--jm-border);border-radius:12px;padding:1.25rem 1.35rem 1.15rem;margin-bottom:1.75rem}.jm-header-card__persona-scenario{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;border:1px solid var(--jm-border);border-radius:10px;background:#fff}@media(min-width:900px){.jm-header-card__persona-scenario{grid-template-columns:1fr 1fr}}.jm-header-card__persona-scenario .jm-field label{line-height:1.35}.jm-example-section-title{margin:0 0 .65rem;font-size:1.05rem;font-weight:400;line-height:1.35;color:var(--jm-text);font-family:var(--font-heading)}.jm-field label{display:block;font-size:.8rem;font-weight:600;color:var(--jm-muted);margin-bottom:.4rem}.jm-field input{width:100%;padding:.55rem .7rem;border:1px solid var(--jm-border);border-radius:6px;background:#fff;color:var(--jm-text);font-size:.95rem}.jm-field input:focus{outline:2px solid var(--jm-accent);outline-offset:1px}.jm-toolbar{display:flex;flex-direction:column;gap:.85rem}.jm-picker-label{font-size:.8rem;font-weight:600;color:var(--jm-muted)}.jm-example-block{width:100%}.jm-example-toolbar__top{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.jm-example-toolbar__top .jm-picker-label{margin:0}.jm-example-actions-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.jm-toolbar__export-slot{margin-left:auto}.jm-example-list{margin-top:.85rem;display:flex;flex-direction:column;gap:.5rem}.jm-example-row{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;padding:.75rem .95rem;border:1px solid var(--jm-border);border-radius:10px;background:#fff;text-align:left;cursor:pointer;font-family:var(--font-body)}.jm-example-row:hover{border-color:var(--jm-light-muted);background:var(--jm-surface)}.jm-example-row:focus{outline:2px solid var(--jm-accent);outline-offset:2px}.jm-example-row.is-selected{border-color:var(--jm-accent);background:#fff7ed}.jm-example-row__title{font-family:var(--font-heading);font-size:1rem;font-weight:400;color:var(--jm-text);line-height:1.3}.jm-example-row__desc{font-size:.875rem;color:var(--jm-muted);line-height:1.45}.jm-example-blurb{margin:.85rem 0 0;font-size:.85rem;color:var(--jm-muted);line-height:1.45}.jm-btn{padding:.55rem 1.1rem;border-radius:8px;font-size:.9rem;font-weight:600;border:1px solid transparent;cursor:pointer;font-family:var(--font-body)}.jm-btn:disabled{opacity:.45;cursor:not-allowed}.jm-btn--ghost{background:#fff;border-color:var(--jm-border);color:var(--jm-text)}.jm-btn--ghost:hover:not(:disabled){border-color:var(--jm-accent);color:var(--jm-accent)}.jm-btn--primary{background:var(--jm-accent);border-color:var(--jm-accent);color:#fff}.jm-btn--primary:hover:not(:disabled){background:#fff;color:var(--jm-accent)}.jm-btn--export{background:var(--jm-accent);border-color:var(--jm-accent);color:#fff;min-width:7rem}.jm-btn--export:hover:not(:disabled){background:#fff;color:var(--jm-accent)}.jm-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.jm-btn--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;color:#fff}.jm-board{margin-bottom:1.75rem}.jm-scroll-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:0;min-width:0}.jm-scroll-arrow{display:flex;align-items:center;justify-content:center;width:2.75rem;flex-shrink:0;align-self:stretch;min-height:3rem;margin:0;padding:0;border:1px solid var(--jm-border);border-radius:8px;background:#fff;color:var(--jm-muted);font-size:1.75rem;line-height:1;cursor:pointer;font-family:var(--font-heading)}.jm-scroll-arrow:hover:not(:disabled){border-color:var(--jm-accent);color:var(--jm-accent)}.jm-scroll-arrow:disabled{opacity:.35;cursor:not-allowed}.jm-scroll{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--jm-scroll-gap);overflow-x:auto;overflow-y:hidden;padding:0 .25rem .5rem;align-items:stretch;min-height:420px;min-width:0;scrollbar-gutter:stable}.jm-scroll::-webkit-scrollbar{height:8px}.jm-scroll::-webkit-scrollbar-thumb{background:var(--jm-border);border-radius:4px}.jm-card{position:relative;flex:0 0 var(--jm-card-width);width:var(--jm-card-width);max-width:var(--jm-card-width);display:flex;flex-direction:column;border:1px solid var(--jm-border);border-radius:10px;border-top-width:3px;background:#fff;padding:0 0 1rem;overflow:hidden}.jm-card__header{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;background:#f3f4f6}.jm-card__phase{flex:1;min-width:0;min-height:2.75rem}.jm-card__remove{flex-shrink:0;width:2rem;height:2rem;margin-top:.15rem;padding:0;border:1px solid transparent;background:transparent;color:var(--jm-light-muted);font-size:1.35rem;line-height:1;cursor:pointer;border-radius:6px}.jm-card__remove:hover{color:#dc2626;border-color:var(--jm-border);background:#ffffffb3}.jm-card__confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1f293773}.jm-card__confirm-panel{width:100%;max-width:260px;padding:1rem 1.15rem;border-radius:10px;background:#fff;box-shadow:0 12px 40px #0000002e}.jm-card__confirm-title{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:var(--jm-text);font-family:var(--font-body)}.jm-card__confirm-desc{margin:0 0 1rem;font-size:.85rem;color:var(--jm-muted);line-height:1.45;font-family:var(--font-body)}.jm-card__confirm-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.jm-phase-select,.jm-phase-input{width:100%;font-family:var(--font-heading);font-size:1rem;font-weight:400;color:var(--jm-text)}.jm-phase-select{padding:.45rem 1.75rem .45rem .5rem;border:1px solid var(--jm-border);border-radius:6px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .45rem center}.jm-phase-input{padding:.45rem .55rem;border:1px solid var(--jm-accent);border-radius:6px}.jm-phase-input:focus{outline:2px solid var(--jm-accent);outline-offset:1px}.jm-phase-custom-display{display:flex;flex-direction:column;gap:.35rem}.jm-phase-custom-display__text{font-family:var(--font-heading);font-size:1.05rem;color:var(--jm-text);line-height:1.25;word-break:break-word}.jm-phase-edit{align-self:flex-start;padding:0;border:none;background:none;font-size:.8rem;color:var(--jm-green);text-decoration:underline;cursor:pointer;font-family:var(--font-body)}.jm-phase-edit:hover{color:var(--jm-accent)}.jm-card__lanes{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;padding:0 .75rem}.jm-lane{padding:.55rem .5rem;background:var(--jm-surface);border-top:1px solid var(--jm-border)}.jm-lane:first-of-type{border-top:none}.jm-lane__label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--jm-light-muted);margin-bottom:.35rem;font-family:var(--font-heading);font-weight:400}.jm-lane__input{width:100%;border:none;background:transparent;resize:none;padding:0;margin:0;font-size:.875rem;line-height:1.5;color:var(--jm-text);min-height:2.75rem;font-family:var(--font-body)}.jm-lane__input:focus{outline:none}.jm-lane__input::placeholder{color:var(--jm-light-muted)}.jm-gauge{margin-top:auto;padding:.85rem .75rem 0;display:flex;flex-direction:column;align-items:stretch}.jm-gauge__track{position:relative;width:100%;height:20px;border-radius:10px;border:1px solid var(--jm-border);background:#fff;overflow:hidden;cursor:pointer;touch-action:none}.jm-gauge__fill{position:absolute;bottom:0;left:0;top:0;border-radius:9px;transition:width .2s ease,background-color .2s ease}.jm-gauge__track:focus{outline:2px solid var(--jm-accent);outline-offset:2px}.jm-gauge__caption{margin:.45rem 0 0;font-size:.72rem;color:var(--jm-muted);text-align:center;line-height:1.3;font-family:var(--font-body)}.jm-add-card{flex:0 0 var(--jm-card-width);width:var(--jm-card-width);max-width:var(--jm-card-width);align-self:stretch;min-height:420px;border:2px dashed var(--jm-border);border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;padding:1rem;font-family:var(--font-body)}.jm-add-card:hover{border-color:var(--jm-accent)}.jm-add-card__plus{font-size:2rem;font-weight:300;color:var(--jm-accent);line-height:1}.jm-add-card__label{font-size:.9rem;font-weight:700;color:var(--jm-accent)}.jm-empty{min-height:420px;border:1px solid var(--jm-border);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.jm-empty__art{position:relative;width:120px;height:120px;margin-bottom:1.5rem}.jm-empty__orbit{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px solid var(--jm-border);border-radius:50%}.jm-empty__dot{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid var(--jm-accent);background:#fff}.jm-empty__dot--a{top:8px;left:50%;transform:translate(-50%)}.jm-empty__dot--b{bottom:28px;left:18px}.jm-empty__dot--c{bottom:28px;right:18px;border-color:var(--jm-green)}.jm-empty__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;color:var(--jm-text);margin:0 0 .5rem}.jm-empty__sub{margin:0 0 1.25rem;font-size:.95rem;color:var(--jm-muted)}.jm-chart-card{border:1px solid var(--jm-border);border-radius:12px;background:#fff;padding:1.25rem 1.25rem 1rem}.jm-chart-legend{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.jm-chart-legend__swatch{width:1.25rem;height:4px;background:var(--jm-accent);border-radius:2px}.jm-chart-legend__text{font-family:var(--font-heading);font-size:1rem;color:var(--jm-text)}.jm-chart-canvas-wrap{height:280px;position:relative}@media(max-width:640px){.jm-chart-canvas-wrap{height:220px}}:root{--a11y-pass: #059669;--a11y-fail: #dc2626;--a11y-na-bg: #e5e7eb;--a11y-na-border: #9ca3af}.a11y-meta{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.25rem}@media(min-width:640px){.a11y-meta{grid-template-columns:1fr 1fr}}.a11y-field label{display:block;font-size:.85rem;color:var(--color-muted);margin-bottom:.35rem}.a11y-field input{width:100%;padding:.5rem .65rem;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg)}.a11y-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.a11y-pill{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.85rem}.a11y-pill:hover:not(:disabled){border-color:var(--color-muted)}.a11y-pill.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.a11y-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:1100px){.a11y-layout{grid-template-columns:1fr 300px}}.a11y-principle{margin-bottom:2rem}.a11y-principle:last-child{margin-bottom:0}.a11y-principle__title{font-family:var(--font-heading);font-size:1.35rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.a11y-criteria{display:flex;flex-direction:column;gap:1rem}.a11y-card{border:1px solid var(--color-border);padding:1.1rem 1.1rem 1.1rem 1.25rem;border-left-width:4px;border-left-style:solid}.a11y-card[data-status=pass]{border-left-color:var(--a11y-pass)}.a11y-card[data-status=fail]{border-left-color:var(--a11y-fail)}.a11y-card[data-status=na]{border-left-color:var(--a11y-na-border)}.a11y-card[data-status=unrated]{border-left-color:var(--color-border)}.a11y-card__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin-bottom:.5rem}.a11y-badge{display:inline-block;padding:.15rem .45rem;font-size:.7rem;font-weight:700;letter-spacing:.03em;border:1px solid transparent}.a11y-badge--a{color:#1e40af;border-color:#93c5fd;background:#eff6ff}.a11y-badge--aa{color:#047857;border-color:#6ee7b7;background:#ecfdf5}.a11y-badge--aaa{color:#6b21a8;border-color:#c4b5fd;background:#f5f3ff}.a11y-card__id{font-family:var(--font-body);font-weight:700;font-size:.95rem}.a11y-card__title{font-family:var(--font-heading);font-size:1.05rem;margin:0;flex:1 1 100%}@media(min-width:640px){.a11y-card__title{flex:1 1 auto}}.a11y-card__desc{margin:0 0 .85rem;font-size:.9rem;color:var(--color-muted);line-height:1.55}.a11y-status-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.5rem}.a11y-status-btn{padding:.45rem 1rem;border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.875rem;font-weight:600}.a11y-status-btn[data-kind=pass].is-active{background:var(--a11y-pass);border-color:var(--a11y-pass);color:#fff}.a11y-status-btn[data-kind=fail].is-active{background:var(--a11y-fail);border-color:var(--a11y-fail);color:#fff}.a11y-status-btn[data-kind=na].is-active{background:var(--a11y-na-bg);border-color:#9ca3af;color:var(--color-text)}.a11y-note-toggle{background:none;border:none;padding:0;color:var(--color-accent-2);font-size:.9rem;text-decoration:underline;cursor:pointer;font-family:var(--font-body)}.a11y-note-toggle:hover{color:var(--color-accent)}.a11y-note{margin-top:.65rem}.a11y-note textarea{width:100%;min-height:4.5rem;padding:.65rem;border:1px solid var(--color-border);resize:vertical}.a11y-summary{border:1px solid var(--color-border);padding:1.25rem;position:sticky;top:1rem}.a11y-summary h2{font-family:var(--font-heading);font-size:1.2rem;margin:0 0 1rem}.a11y-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1rem}@media(min-width:400px){.a11y-stat-grid{grid-template-columns:repeat(4,1fr)}}.a11y-stat{border:1px solid var(--color-border);padding:.65rem .5rem;text-align:center}.a11y-stat strong{display:block;font-size:1.5rem;line-height:1.2}.a11y-stat span{font-size:.72rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.a11y-stat--pass strong{color:var(--a11y-pass)}.a11y-stat--fail strong{color:var(--a11y-fail)}.a11y-stat--na strong,.a11y-stat--unrated strong{color:var(--color-muted)}.a11y-pass-bar{height:1.35rem;border:1px solid var(--color-border);margin-bottom:.65rem;background:#f3f4f6;overflow:hidden}.a11y-pass-bar__fill{height:100%;background:var(--a11y-pass);min-width:0}.a11y-pass-label{font-size:.85rem;color:var(--color-muted);margin-bottom:1rem;line-height:1.45}.a11y-level-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;align-items:center}.a11y-level-row>span{font-size:.8rem;color:var(--color-muted);width:100%}@media(min-width:480px){.a11y-level-row>span{width:auto;margin-right:.35rem}}.a11y-level-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;font-size:.75rem;font-weight:700;border:1px solid var(--color-border)}.a11y-level-badge--ok{border-color:var(--a11y-pass);color:#065f46;background:#ecfdf5}.a11y-level-badge--bad{border-color:var(--a11y-fail);color:#991b1b;background:#fef2f2}.a11y-level-badge--muted{border-color:var(--color-border);color:var(--color-muted);background:#f9fafb}.a11y-export{width:100%;padding:.75rem 1rem;border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;font-weight:700;font-size:.95rem}.a11y-export:hover{background:var(--color-bg);color:var(--color-accent)}.a11y-toast{margin-top:.75rem;font-size:.85rem;color:var(--color-accent-2)}