[hidden]{display: none !important}.wcag-js-only{display: none !important}.wcag-js .wcag-js-only{display: revert !important}.wcag-js .wcag-js-only.is-flex{display: flex !important}.wcag-hero{background: var(--surface-bg);border-bottom: 1px solid var(--surface-border)}.wcag-hero .wcag-num-badge{font-variant-numeric: tabular-nums}.wcag-level{display: inline-block;min-width: 2.6rem;padding: 0.1rem 0.5rem;border-radius: 6px;font-weight: 700;font-size: 0.8rem;text-align: center;border: 2px solid currentColor}.wcag-level-A{color: var(--a11y-success-ink)}.wcag-level-AA{color: var(--a11y-info-ink)}.wcag-level-AAA{color: var(--accent-indigo-ink)}.wcag-badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.15rem 0.6rem;border-radius: 999px;font-size: 0.78rem;font-weight: 600;background: var(--surface-alt);color: var(--text-strong);border: 1px solid var(--surface-border)}.wcag-badge-required{border-color: var(--a11y-danger-ink)}.wcag-badge-required i{color: var(--a11y-danger-ink)}.wcag-badge-new{border-color: var(--a11y-info-ink)}.wcag-badge-new i{color: var(--a11y-info-ink)}.wcag-badge-obsolete{text-decoration: line-through}.wcag-card{display: grid;grid-template-columns: 4.2rem 1fr;gap: 0.25rem 1rem;padding: 1rem 1.1rem;border: 1px solid var(--surface-border);border-left: 5px solid var(--surface-border);border-radius: 10px;background: var(--surface-card);margin-bottom: 0.75rem}.wcag-card-num{font-weight: 800;font-size: 1.15rem;color: var(--text-strong);font-variant-numeric: tabular-nums}.wcag-card-title{font-size: 1.05rem;font-weight: 700;margin: 0 0 0.25rem}.wcag-card-title a{color: var(--text-strong)}.wcag-card-title a:hover,.wcag-card-title a:focus-visible{text-decoration: underline}.wcag-card p{color: var(--text-body);font-size: 0.92rem}.wcag-card-meta{display: flex;flex-wrap: wrap;gap: 0.4rem;align-items: center;margin-bottom: 0.4rem}.wcag-card[data-level="A"]{border-left-color: var(--a11y-success)}.wcag-card[data-level="AA"]{border-left-color: var(--a11y-info)}.wcag-card[data-level="AAA"]{border-left-color: var(--accent-indigo-ink)}@media (max-width: 600px){.wcag-card{grid-template-columns: 1fr}}.wcag-guideline-title{display: flex;gap: 0.6rem;align-items: baseline;margin: 1.75rem 0 0.75rem;font-size: 1.15rem;font-weight: 700;color: var(--text-strong)}.wcag-guideline-title span{color: var(--a11y-grey-ink);font-variant-numeric: tabular-nums}@media (min-width: 1024px){.wcag-sticky{position: sticky;top: 1rem}}.wcag-read{max-width: 48rem}.wcag-eyebrow{color: var(--a11y-grey-ink);font-size: 0.95rem;margin-bottom: 0.5rem}.wcag-title{font-size: clamp(1.9rem,4vw,2.6rem);font-weight: 800;line-height: 1.15;color: var(--text-strong);margin-bottom: 0.4rem}.wcag-title-num{color: var(--a11y-primary-ink);font-variant-numeric: tabular-nums;margin-right: 0.2em}.wcag-title-en{color: var(--a11y-grey-ink);margin-bottom: 1.5rem}.wcag-tldr{padding: 1.25rem 1.5rem;border-radius: 14px;background: var(--surface-card);border: 1px solid var(--surface-border);border-left: 6px solid var(--a11y-primary)}.wcag-tldr-label{font-size: 0.8rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: var(--a11y-primary-ink);margin-bottom: 0.4rem}.wcag-tldr p{font-size: 1.25rem;line-height: 1.6;color: var(--text-strong);margin: 0}@media (max-width: 600px){.wcag-tldr{padding: 1rem 1.1rem}.wcag-tldr p{font-size: 1.125rem}}.wcag-facts{display: grid;grid-template-columns: repeat(auto-fit,minmax(13rem,1fr));gap: 0.75rem;margin: 0 0 1.5rem}.wcag-fact{padding: 0.9rem 1rem;border-radius: 12px;background: var(--surface-alt);border: 1px solid var(--surface-border)}.wcag-fact dt{font-size: 0.78rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--a11y-grey-ink);margin-bottom: 0.3rem}.wcag-fact dd{margin: 0;line-height: 1.5;color: var(--text-strong)}.wcag-fact dd .wcag-level{margin-right: 0.3rem}.wcag-fact[data-legal="required"]{border-left: 5px solid var(--a11y-danger)}.wcag-fact[data-legal="recommended"]{border-left: 5px solid var(--a11y-info)}.wcag-fact[data-legal="optional"],.wcag-fact[data-legal="obsolete"]{border-left: 5px solid #8a8a8a}.wcag-toc{display: flex;flex-wrap: wrap;gap: 0.4rem 1.1rem;align-items: baseline;padding: 0.75rem 0;margin-bottom: 1rem;border-top: 1px solid var(--surface-border);border-bottom: 1px solid var(--surface-border);font-size: 0.95rem}.wcag-toc-label{font-weight: 700;color: var(--text-strong)}.wcag-block{margin: 2.5rem 0;font-size: 1.0625rem;line-height: 1.75;color: var(--text-body)}.wcag-block h2{display: flex;align-items: center;gap: 0.6rem;font-size: 1.45rem;font-weight: 800;line-height: 1.3;color: var(--text-strong);margin-bottom: 1rem;scroll-margin-top: 1rem}.wcag-block h2 i{color: var(--a11y-primary-ink);font-size: 1.1rem;width: 1.4rem;text-align: center}.wcag-block>p{margin-bottom: 1rem}.wcag-list{margin: 0;padding: 0}.wcag-list li{list-style: none;position: relative;padding: 0.7rem 0.9rem 0.7rem 2.6rem;margin-bottom: 0.5rem;border-radius: 10px;background: var(--surface-alt)}.wcag-list li::before{font-family: "Font Awesome 6 Free","Font Awesome 5 Free";font-weight: 900;position: absolute;left: 0.95rem;top: 0.7rem}.wcag-list-do li::before{content: "\f00c";content: "\f00c" / "";color: var(--a11y-success-ink)}.wcag-list-dont li::before{content: "\f00d";content: "\f00d" / "";color: var(--a11y-danger-ink)}.wcag-steps{counter-reset: wcag-step;margin: 0 0 1rem;padding: 0}.wcag-steps li{list-style: none;counter-increment: wcag-step;position: relative;padding: 0.2rem 0 0 3rem;margin-bottom: 1rem;min-height: 2rem}.wcag-steps li::before{content: counter(wcag-step);position: absolute;left: 0;top: 0;width: 2rem;height: 2rem;border-radius: 50%;display: grid;place-items: center;font-weight: 800;font-size: 0.95rem;color: #fff;background: var(--a11y-primary)}.wcag-note{display: flex;gap: 0.7rem;align-items: flex-start;padding: 0.85rem 1rem;border-radius: 10px;border: 1px dashed var(--surface-border);font-size: 0.95rem}.wcag-note i{color: var(--a11y-grey-ink);margin-top: 0.3rem}.wcag-plain-terms{display: flex;gap: 0.6rem;align-items: flex-start;padding: 0.85rem 1rem;margin: 0 0 1rem;border-radius: 12px;background: var(--surface-alt);border: 1px solid var(--surface-border)}.wcag-plain-terms i{color: var(--a11y-primary-ink);margin-top: 0.35rem}.wcag-source{font-size: 0.9rem;color: var(--a11y-grey-ink);margin: 2rem 0 1.5rem}.wcag-who{display: flex;flex-wrap: wrap;gap: 0.5rem;margin: 0;padding: 0}.wcag-who li{list-style: none}.wcag-code{border-radius: 10px;overflow: hidden;border: 1px solid var(--surface-border);margin-bottom: 1rem}.wcag-code-label{padding: 0.35rem 0.9rem;font-weight: 700;font-size: 0.85rem;color: #fff}.wcag-code-bad .wcag-code-label{background: var(--a11y-danger)}.wcag-code-good .wcag-code-label{background: var(--a11y-success)}.wcag-code pre{margin: 0;padding: 0.9rem;white-space: pre-wrap;overflow-wrap: anywhere;background: #1e2329;color: #e6e6e6;font-size: 0.85rem}.wcag-legal{padding: 1rem 1.2rem;line-height: 1.7;border-radius: 12px;border: 1px solid var(--surface-border);background: var(--surface-card)}.wcag-legal[data-legal="required"]{border-left: 5px solid var(--a11y-danger)}.wcag-legal[data-legal="recommended"]{border-left: 5px solid var(--a11y-info)}.wcag-legal[data-legal="optional"],.wcag-legal[data-legal="obsolete"]{border-left: 5px solid #8a8a8a}.wcag-cta{border-radius: 16px;padding: 1.75rem;background: linear-gradient(150deg,var(--a11y-primary),var(--a11y-success));color: #fff}.wcag-cta h2,.wcag-cta p,.wcag-cta strong{color: #fff}.wcag-cta a.button.is-white{color: var(--text-strong)}.wcag-pager{display: flex;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.wcag-pager a{flex: 1 1 14rem;padding: 0.9rem 1rem;border-radius: 10px;border: 1px solid var(--surface-border);background: var(--surface-card);color: var(--text-strong)}.wcag-pager a:hover{background: var(--surface-hover)}.wcag-pager small{display: block;color: var(--a11y-grey-ink)}.wcag-contrast-preview{padding: 1.25rem;border-radius: 10px;border: 1px solid var(--surface-border);margin-bottom: 1rem}.wcag-contrast-preview .big{font-size: 24px}.wcag-contrast-ratio{font-size: 2.4rem;font-weight: 800;color: var(--text-strong);font-variant-numeric: tabular-nums}.wcag-contrast-row{display: flex;justify-content: space-between;gap: 1rem;padding: 0.45rem 0;border-bottom: 1px solid var(--surface-border)}.wcag-contrast-row [data-contrast-verdict]{font-weight: 700}.wcag-contrast-row[data-pass="true"] [data-contrast-verdict]{color: var(--a11y-success-ink)}.wcag-contrast-row[data-pass="false"] [data-contrast-verdict]{color: var(--a11y-danger-ink)}.wcag-color-field{display: flex;gap: 0.5rem;align-items: center}.wcag-color-field input[type="color"]{width: 3rem;height: 2.5rem;padding: 0.1rem;border: 1px solid var(--control-border);border-radius: 6px;background: var(--surface-card)}.wcag-preset-list{display: grid;grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));gap: 0.75rem}.wcag-preset{display: flex;align-items: center;gap: 0.8rem;width: 100%;padding: 0.75rem;text-align: left;color: var(--text-strong);background: var(--surface-card);border: 1px solid var(--surface-border);border-radius: 10px;cursor: pointer}.wcag-preset:hover{background: var(--surface-hover)}.wcag-preset:focus-visible{outline: 3px solid var(--a11y-primary);outline-offset: 2px}.wcag-preset-swatch{display: grid;place-items: center;flex: 0 0 3.25rem;height: 3.25rem;border: 1px solid var(--surface-border);border-radius: 8px;font-size: 1.25rem;font-weight: 800}.wcag-preset strong,.wcag-preset small{display: block}.wcag-preset small{margin-top: 0.15rem;color: var(--a11y-grey-ink);font-size: 0.8125rem}.wcag-preset[aria-expanded="true"]{border-color: var(--a11y-primary);box-shadow: 0 0 0 2px color-mix(in srgb,var(--a11y-primary) 20%,transparent)}.wcag-preset-details{padding: 1.25rem;border: 1px solid var(--surface-border);border-radius: 12px;background: var(--surface-alt)}.wcag-preset-details-head{display: flex;justify-content: space-between;align-items: flex-start;gap: 1rem;margin-bottom: 1rem}.wcag-preset-examples{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));gap: 0.75rem}.wcag-preset-example{min-width: 0;overflow: hidden;border: 1px solid var(--surface-border);border-radius: 10px;background: var(--surface-card)}.wcag-preset-example-sample{min-height: 4rem;display: grid;place-items: center;padding: 1rem;font-weight: 700;text-align: center}.wcag-preset-example-info{padding: 0.8rem 0.8rem 0.25rem}.wcag-preset-example-info h4{margin: 0;color: var(--text-strong);font-weight: 700}.wcag-preset-example-info p{margin: 0.25rem 0 0;color: var(--a11y-grey-ink);font-size: 0.875rem}.wcag-preset-color{display: grid;grid-template-columns: 1.5rem minmax(0,1fr) auto;align-items: center;gap: 0.5rem;padding: 0.45rem 0.8rem;border-top: 1px solid var(--surface-border);font-size: 0.875rem}.wcag-preset-color-swatch{width: 1.35rem;height: 1.35rem;border: 1px solid var(--surface-border);border-radius: 4px}.wcag-preset-color>span:nth-child(2){overflow-wrap: anywhere;font-variant-numeric: tabular-nums}.wcag-preset-copy-all{margin-top: 1rem;padding: 0.9rem;border-radius: 8px;background: var(--surface-card)}.wcag-preset-copy-all code{display: block;padding: 0.65rem;white-space: pre-wrap;overflow-wrap: anywhere;color: var(--text-strong);background: var(--surface-alt)}@media (max-width: 480px){.wcag-preset-details{padding: 1rem 0.75rem}.wcag-preset-details-head{align-items: center}.wcag-preset-color{grid-template-columns: 1.35rem minmax(0,1fr) auto;gap: 0.35rem;padding-inline: 0.55rem}}.wcag-theme-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,22rem),1fr));gap: 1rem}.wcag-theme-card{min-width: 0;padding: 1rem;border: 1px solid var(--surface-border);border-radius: 12px;background: var(--surface-card)}.wcag-theme-card h3{margin: 0;color: var(--text-strong);font-size: 1.2rem}.wcag-theme-mood{min-height: 2.7em;margin: 0.2rem 0 0.85rem;color: var(--a11y-grey-ink);font-size: 0.9rem}.wcag-theme-swatches{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 0.4rem}.wcag-theme-swatch{min-width: 0;padding: 0.35rem;border: 1px solid var(--surface-border);border-radius: 8px;background: var(--surface-card)}.wcag-theme-swatch::before{display: block;height: 2rem;margin-bottom: 0.35rem;border: 1px solid var(--surface-border);border-radius: 4px;background: var(--swatch);content: ""}.wcag-theme-swatch>span,.wcag-theme-swatch>code{display: block;overflow-wrap: anywhere;color: var(--text-strong);font-size: 0.8rem;line-height: 1.3}.wcag-theme-swatch>code{padding: 0;background: transparent;font-variant-numeric: tabular-nums}.wcag-theme-swatch>button{width: 100%;min-height: 2rem;margin-top: 0.25rem;padding-inline: 0.2rem;font-size: 0.8rem}.wcag-theme-preview{--theme-on-primary: #fff;display: grid;gap: 0.4rem;margin-top: 0.8rem;padding: 0.9rem;border: 1px solid var(--theme-secondary);border-top: 4px solid var(--theme-accent);border-radius: 8px;color: var(--theme-ink);background: var(--theme-bg);font-family: var(--theme-body-font,system-ui,sans-serif)}.wcag-theme-preview strong{color: var(--theme-ink);font-family: var(--theme-heading-font,system-ui,sans-serif);font-size: 1.1rem}.wcag-theme-preview p{margin: 0}.wcag-theme-preview button{justify-self: start;min-height: 2.5rem;padding: 0.45rem 0.8rem;border: 0;border-radius: 6px;color: var(--theme-on-primary) !important;background: var(--theme-primary);font: inherit;font-weight: 700;cursor: default}.wcag-theme-preview span{color: var(--theme-secondary);text-decoration: underline;text-underline-offset: 2px}.wcag-theme-preview.is-dark{--theme-on-primary: #142536}.wcag-theme-font{margin: 0.8rem 0;color: var(--text-strong);font-size: 0.9rem}.wcag-theme-css{display: block;padding: 0.65rem;border-radius: 6px;color: var(--text-strong);background: var(--surface-alt);white-space: pre-wrap;overflow-wrap: anywhere}.wcag-theme-card .button:focus-visible{outline: 3px solid var(--a11y-primary);outline-offset: 2px}:root[data-theme="dark"] .wcag-theme-card{border-color: var(--control-border);box-shadow: 0 14px 32px -24px rgba(0,0,0,0.9)}:root[data-theme="dark"] .wcag-theme-swatches{padding: 0.5rem;border: 1px solid var(--surface-border);border-radius: 10px;background: var(--surface-alt)}:root[data-theme="dark"] .wcag-theme-swatch{border-color: var(--control-border)}:root[data-theme="dark"] .wcag-theme-swatch::before{border-color: var(--a11y-grey-light-ink);box-shadow: inset 0 0 0 1px rgba(0,0,0,0.22)}:root[data-theme="dark"] .wcag-theme-preview{box-shadow: 0 10px 22px -16px rgba(0,0,0,0.75)}@media (max-width: 420px){.wcag-theme-card{padding: 0.75rem}.wcag-theme-swatches{grid-template-columns: repeat(3,minmax(0,1fr))}}.wcag-stat{text-align: center;padding: 1rem;border-radius: 12px;background: var(--surface-alt)}.wcag-stat strong{display: block;font-size: 1.75rem;color: var(--text-strong)}@media print{.navbar,.site-footer,.wcag-no-print,.skip-link{display: none !important}.wcag-card{break-inside: avoid}}