.term-card .contrast-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}.contrast-card-meter{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;display:grid}.contrast-card-track{border:1px solid var(--color-deco);background:linear-gradient(90deg, var(--color-faint), var(--color-deco));border-radius:999px;height:9px;overflow:hidden}.contrast-card-track i{border-radius:inherit;background:var(--ink);opacity:.9;height:100%;display:block}.contrast-card-meter b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px}.contrast-card-meter strong{border:1px solid var(--color-deco);color:var(--ink);background:var(--color-faint);border-radius:4px;padding:3px 5px;font-size:9px;font-weight:800}.contrast-card-samples{gap:4px;display:flex}.contrast-card-samples>span{border:1px solid var(--color-deco);color:var(--ink);background:var(--color-white);text-align:center;border-radius:4px;flex:1 1 0;padding:5px 4px;font-size:8px;font-weight:800}.contrast-card-samples .is-muted{color:var(--muted);background:var(--color-faint)}@media (max-width:780px){.contrast-card-samples{gap:2px}.contrast-card-samples>span{padding-inline:2px}}.term-card .term-preview.contrast-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}.contrast-examples{gap:var(--element-gap,12px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contrast-examples article{border:1px solid var(--line,#e6e6eb);background:var(--surface-card,#fff);border-radius:10px;align-content:start;gap:8px;min-width:0;padding:14px 16px;display:grid}.contrast-examples article.is-good{background:#f4f7f5;border-left:4px solid #6c9479}.contrast-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.contrast-examples strong{color:var(--ink,#2f2f36);font-size:14px}.contrast-examples small{color:var(--muted,#7a7a84);font-size:12px;font-weight:650}.contrast-examples p{color:var(--ink,#2f2f36);margin:0;font-size:13px;line-height:1.55}.contrast-examples span{color:var(--muted,#7a7a84);font-size:12px;line-height:1.45}.contrast-demo-brief{color:#666670;margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.contrast-demo{border-color:var(--line);background:var(--color-white)}.contrast-demo-current{color:var(--ink);margin:0;font-size:13px;font-weight:700;line-height:1.55}.contrast-demo-current b{font-family:var(--font-geist-mono), ui-monospace, monospace;font-weight:800}.contrast-demo button:hover{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.contrast-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink);font-weight:800}.contrast-verdict{border:1px solid var(--line);background:var(--color-white);border-left-width:4px;border-radius:8px;gap:3px;margin:0;padding:10px 12px;display:grid}.contrast-verdict strong{font-size:14px;line-height:1.3}.contrast-verdict span{color:var(--muted);font-size:12px;line-height:1.5}.contrast-verdict.is-pass{border-left-color:var(--ink);background:var(--color-white)}.contrast-verdict.is-pass strong{color:var(--ink);font-weight:800}.contrast-verdict.is-fail{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--color-faint)}.contrast-verdict.is-fail strong{color:var(--muted);font-weight:650}.contrast-verdict.is-idle{border-left-color:var(--color-deco);background:var(--color-faint)}.contrast-verdict.is-idle strong{color:var(--muted);font-weight:650}.contrast-examples article.is-good{border-left:4px solid var(--ink);background:var(--color-white)}.contrast-examples article.is-good header strong:before{content:"✓ ";color:var(--ink);font-weight:800}.contrast-examples article.is-bad{border-left:4px dashed var(--color-deco);background:var(--color-faint)}.contrast-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted);font-weight:700}.contrast-pair-picker,.contrast-demo [role=group]{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:780px){.contrast-examples{grid-template-columns:1fr}}.term-card .term-preview.contrast-card-preview{background:linear-gradient(140deg,#edf7ff 0%,#f4efff 52%,#fff2df 100%);border-color:#bcb7e0}.contrast-card-track{background:linear-gradient(90deg,#f1c75b 0%,#ed7b62 33%,#8d6ac7 66%,#3384b8 100%);border-color:#a9b3c7}.contrast-card-track i{background:#253653;box-shadow:0 0 0 2px #ffffffb8}.contrast-card-meter b{color:#314568}.contrast-card-meter strong{color:#1d654a;background:#ddf5e9;border-color:#5cab89}.contrast-card-samples .is-body{color:#1d4f78;background:#eaf5ff;border-color:#85b4da}.contrast-card-samples .is-muted{color:#8f8b87;background:#f4f1ec;border-color:#d4c8b7}.contrast-card-samples .is-cta{color:#fff;background:#6f51ad;border-color:#6f51ad}.contrast-card-preview>small{color:#4e5e79}.contrast-card-preview>p{color:#5d526f!important}.term-interactive-demo.contrast-demo{background:linear-gradient(145deg,#eef7ff 0%,#f5f0ff 49%,#fff6e9 100%);border-color:#c0b8df}.contrast-demo-brief{color:#554b6c}.term-interactive-demo.contrast-demo .contrast-pair-picker button,.term-interactive-demo.contrast-demo [role=group] button{color:#59437d;background:#fffc;border-color:#b8acd9}.term-interactive-demo.contrast-demo .contrast-pair-picker button:hover,.term-interactive-demo.contrast-demo [role=group] button:hover{color:#492b72;background:#f8f3ff;border-color:#7658aa}.term-interactive-demo.contrast-demo .contrast-pair-picker button[aria-pressed=true]{color:#fff;background:#6d4ca4;border-color:#6d4ca4}.term-interactive-demo.contrast-demo [role=group]:not(.contrast-pair-picker) button[aria-pressed=true]{color:#fff;background:#327aa4;border-color:#327aa4}.contrast-demo-current{color:#44375d;background:#ffffffad;border-left:4px solid #7a62ad;border-radius:6px;padding:8px 10px}.contrast-demo-current b{color:#5a3c87}.contrast-demo-sample{border:2px solid #0000;border-radius:12px;gap:12px;min-height:132px;padding:16px;display:grid;box-shadow:0 12px 24px #302d4f1a}.contrast-demo-sample-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.contrast-demo-sample-head small{color:inherit;opacity:.78;font-size:11px;font-weight:800}.contrast-demo-sample-head strong{color:inherit;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#ffffffb8;border-radius:99px;padding:3px 8px;font-size:12px}.contrast-demo-sample>p{margin:0;font-size:18px;font-weight:700;line-height:1.45}.contrast-demo-sample.is-body{color:#173f66;background:#e9f5ff;border-color:#78acd4}.contrast-demo-sample.is-muted{color:#999590;background:#f5f2ed;border-color:#d2c8ba}.contrast-demo-sample.is-cta{color:#e8e1f7;background:linear-gradient(145deg,#2d2847,#211d37);border-color:#55427e}.contrast-demo-sample-cta{color:#fff;background:#7655b7;border-radius:8px;justify-self:start;padding:11px 18px;font-size:15px;font-weight:800;box-shadow:0 7px 16px #7655b74d}.contrast-demo-sample-state{color:#5d6470;background:#ffffffb8;border-radius:99px;justify-self:start;padding:3px 9px;font-size:11px;font-weight:800}.contrast-demo-sample.is-pass{border-color:#3e9b75;box-shadow:0 0 0 3px #3e9b751f,0 12px 24px #302d4f1a}.contrast-demo-sample.is-pass .contrast-demo-sample-state{color:#176248;background:#d9f3e7}.contrast-demo-sample.is-fail{border-color:#d3616c;box-shadow:0 0 0 3px #d3616c1f,0 12px 24px #302d4f1a}.contrast-demo-sample.is-fail .contrast-demo-sample-state{color:#8e2632;background:#fde2e4}.term-interactive-demo.contrast-demo>button{color:#fff;background:#6c4aa3;border-color:#6c4aa3;justify-self:start;min-height:40px;padding:9px 20px;font-weight:800;box-shadow:0 7px 16px #6c4aa33b}.term-interactive-demo.contrast-demo>button:hover{color:#fff;background:#543781;border-color:#543781}.term-interactive-demo.contrast-demo>button:focus-visible{outline-offset:2px;outline:3px solid #c5afe8}.contrast-verdict.is-pass{background:#e6f8f0;border-color:#5aaf8b #5aaf8b #5aaf8b #2d8b66}.contrast-verdict.is-pass strong{color:#176248}.contrast-verdict.is-fail{background:#fff0f1;border-color:#df8b93 #df8b93 #df8b93 #c84b59}.contrast-verdict.is-fail strong{color:#922d39}.contrast-verdict.is-idle{background:#f0ebfa;border-left-color:#8d78b4}.contrast-verdict.is-idle strong{color:#5e477e}
.term-card .alignment-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}.alignment-card-preview>p{color:var(--muted)!important}.alignment-card-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.alignment-card-side{gap:4px;margin:0;padding:0;display:grid}.alignment-card-side figcaption{color:var(--muted);font-size:8px;font-weight:700}.alignment-card-stage{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:6px;align-content:start;gap:4px;min-height:66px;padding:8px 8px 8px 22px;display:grid;position:relative}.alignment-card-axis{border-left:1px dashed var(--color-deco);width:0;position:absolute;top:8px;bottom:8px;left:12px}.alignment-card-axis.is-on{border-left-color:var(--ink);opacity:.55}.alignment-card-block{z-index:1;border:1px solid var(--color-deco);background:var(--color-white);width:fit-content;color:var(--ink);border-radius:3px;padding:2px 5px;font-size:8px;line-height:1.2;position:relative}.alignment-card-scan{width:18px;height:auto;position:absolute;top:8px;bottom:8px;right:6px}.alignment-card-scan polyline{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.alignment-card-scan .is-straight{stroke:var(--ink)}.alignment-card-scan .is-jag{stroke:var(--muted);stroke-dasharray:2 2}.alignment-card-side strong{font-size:9px;font-weight:800}.alignment-card-side.is-good strong{color:#2f7a4a}.alignment-card-side.is-good strong:before{content:"✓ "}.alignment-card-side.is-bad strong{color:#a83a44}.alignment-card-side.is-bad strong:before{content:"✗ "}.term-interactive-demo.alignment-demo{border-color:var(--color-deco);background:var(--color-white);gap:14px}.alignment-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.alignment-demo-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.alignment-demo-mode{flex-wrap:wrap;gap:6px;display:flex}.alignment-demo button{color:var(--ink);background:var(--color-white);border-color:var(--color-deco)}.alignment-demo button:hover{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.alignment-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink);font-weight:800}.alignment-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.alignment-demo .alignment-verify{border-color:var(--color-rausch);background:var(--color-rausch);color:var(--color-white);font-weight:700}.alignment-demo .alignment-verify:hover{background:var(--color-rausch-600);border-color:var(--color-rausch-600);color:var(--color-white)}.alignment-stage{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:10px;grid-template-columns:44px minmax(0,1fr);align-items:stretch;gap:8px;min-height:168px;padding:16px 16px 16px 10px;display:grid;position:relative}.alignment-stage:before{content:"个人卡";color:var(--muted);font-size:11px;font-weight:700;position:absolute;top:8px;right:12px}.alignment-axis{pointer-events:none;border-left:2px dashed #0000;width:0;position:absolute;top:16px;bottom:16px}.alignment-stage.is-left .alignment-axis{left:54px}.alignment-stage.is-center .alignment-axis{left:50%}.alignment-stage.is-right .alignment-axis{right:16px}.alignment-stage.is-verified .alignment-axis{border-left-color:var(--ink);opacity:.7}.alignment-scan-rail{align-content:center;justify-items:center;display:grid;position:relative}.alignment-scan{width:28px;height:120px}.alignment-scan polyline{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.alignment-scan .is-straight{stroke:var(--ink)}.alignment-scan .is-jag{stroke:var(--muted);stroke-dasharray:3 3}.alignment-scan-label{background:var(--color-white);border:1px solid var(--color-deco);color:var(--ink);border-radius:999px;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:700}.alignment-card-object{flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex}.alignment-block{border:1px solid var(--color-deco);background:var(--color-white);width:fit-content;max-width:100%;color:var(--ink);border-radius:5px;padding:6px 10px;font-size:13px;line-height:1.3;transition:transform .12s ease-out}.alignment-block.is-name{font-size:15px;font-weight:800}.alignment-block.is-role{color:var(--muted);font-size:12px}.alignment-block.is-bio{font-size:12px}.alignment-block.is-cta{color:var(--color-white);background:var(--ink);border-color:var(--ink);font-size:12px;font-weight:700}.alignment-stage.is-left .alignment-card-object{align-items:flex-start}.alignment-stage.is-center .alignment-card-object{align-items:center}.alignment-stage.is-right .alignment-card-object{align-items:flex-end}.alignment-stamp{background:var(--color-white);border:1px solid var(--color-deco);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.alignment-stamp.is-pass{color:#2f7a4a;background:#e6f7ec;border-color:#bfe6cd}.alignment-stamp.is-fail{color:#a83a44;background:#fdf3f4;border-color:#ecc9ce}.alignment-demo-actions .alignment-reset{color:var(--muted);background:var(--color-white);border-color:var(--color-deco)}.alignment-verdict{border:1px solid var(--color-deco);background:var(--color-white);border-left-width:4px;border-radius:8px;gap:4px;margin:0;padding:11px 13px;display:grid}.alignment-verdict strong{font-size:14px;line-height:1.3}.alignment-verdict span{color:var(--muted);font-size:12px;line-height:1.5}.alignment-verdict.is-idle{border-left-color:var(--color-deco);background:var(--color-faint)}.alignment-verdict.is-idle strong{color:var(--muted);font-weight:650}.alignment-verdict.is-pass{background:var(--color-white);border-left-color:#2f7a4a}.alignment-verdict.is-pass strong{color:#2f7a4a;font-weight:800}.alignment-verdict.is-fail{background:var(--color-white);border-left-color:#a83a44}.alignment-verdict.is-fail strong{color:#a83a44;font-weight:800}.alignment-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.alignment-examples article{border:1px solid var(--color-deco);background:var(--color-white);border-left-width:4px;border-radius:10px;align-content:start;gap:8px;min-width:0;padding:14px 16px;display:grid}.alignment-examples article header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.alignment-examples article strong{color:var(--ink);font-size:14px}.alignment-examples article small{color:var(--muted);font-size:12px;font-weight:650}.alignment-examples article p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.alignment-examples article span{color:var(--muted);font-size:12px;line-height:1.45}.alignment-examples article.is-good{border-left-color:#2f7a4a}.alignment-examples article.is-good header strong:before{content:"✓ ";color:#2f7a4a;font-weight:800}.alignment-examples article.is-bad{border-left-color:#a83a44}.alignment-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}@media (max-width:780px){.alignment-examples{grid-template-columns:1fr}.alignment-stage{grid-template-columns:36px minmax(0,1fr);padding:36px 12px 14px 8px}.alignment-stage:before{right:10px}.alignment-card-compare{gap:4px}.alignment-card-stage{padding-left:18px}.alignment-card-block{padding-inline:3px}}.term-card .term-preview.alignment-card-preview{background:var(--color-white);border-color:var(--color-deco);color:#172438;background:#f2eadf;border-color:#d9c6b5;grid-template-columns:minmax(0,1fr) minmax(82px,.72fr);align-items:center;gap:10px;min-height:142px;padding:10px;display:grid}.alignment-card-spread{background:#fffaf0;border:1px solid #bda994;grid-template-columns:.84fr 1.16fr;min-width:0;min-height:118px;display:grid;box-shadow:4px 4px #c65c43}.alignment-card-photo{color:#fffaf0;background:linear-gradient(160deg,#17334a 0%,#32566b 55%,#b16a4f 100%);align-content:space-between;min-width:0;padding:8px;display:grid}.alignment-card-photo span{letter-spacing:.06em;font-size:6.5px;font-weight:850}.alignment-card-photo b{font-size:11px;line-height:1.15}.alignment-card-copy{align-content:start;gap:5px;min-width:0;padding:9px 8px 7px 11px;display:grid;position:relative}.alignment-card-copy:before{content:"";border-left:1px dashed #c65c43;position:absolute;top:8px;bottom:8px;left:7px}.alignment-card-copy span{color:#a04332;letter-spacing:.08em;font-size:6.5px;font-weight:900}.alignment-card-copy strong{color:#172438;font-size:11px;line-height:1.16}.alignment-card-copy i{color:#8b5d4c;font-size:6.5px;font-style:normal}.alignment-card-copy p{color:#526071;margin:0;font-size:7px;line-height:1.42}.alignment-card-conclusion{color:#6b5448;gap:6px;margin:0;font-size:8.5px;line-height:1.45;display:grid}.alignment-card-conclusion strong{color:#172438;font-size:9.5px}.alignment-card-conclusion span{color:#6b5448}.term-interactive-demo.alignment-demo{--al-paper:#fffaf0;--al-ink:#172438;--al-muted:#665b54;--al-rust:#b34c38;color:var(--al-ink);background:#ede3d5;border-color:#d4c0ae;gap:16px;padding:18px;display:grid}.alignment-demo-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.alignment-demo-heading p{max-width:640px;color:var(--al-muted);margin:0;font-size:13px;line-height:1.62}.alignment-demo-heading p strong{color:var(--al-ink)}.alignment-demo-heading>span{color:#8b3525;background:#fff5ed;border:1px solid #c18a7e;flex:none;padding:6px 9px;font-size:11px;font-weight:850}.alignment-demo-heading>span[data-state=pass]{color:#28543d;background:#eff8f1;border-color:#4e7864}.alignment-magazine{background:var(--al-paper);min-height:430px;color:var(--al-ink);border:1px solid #bba58f;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px 34px;padding:25px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 45px #422b1c21}.alignment-magazine-grid{pointer-events:none;opacity:0;grid-template-columns:repeat(8,1fr);gap:8px;transition:opacity .14s ease-out;display:grid;position:absolute;inset:24px}.alignment-magazine-grid i{border-left:1px dashed #b34c3852;border-right:1px dashed #b34c3824}.alignment-magazine[data-aligned=true] .alignment-magazine-grid{opacity:1}.alignment-magazine header{z-index:1;color:#725d50;letter-spacing:.08em;border-bottom:1px solid #cdbba9;grid-column:1/-1;justify-content:space-between;gap:16px;padding-bottom:9px;font-size:10px;font-weight:850;display:flex;position:relative}.alignment-magazine-title{z-index:1;align-self:end;min-width:0;transition:transform .14s ease-out;position:relative}.alignment-magazine-title small{color:var(--al-rust);letter-spacing:.1em;font-size:10px;font-weight:900}.alignment-magazine-title h3{color:var(--al-ink);letter-spacing:-.045em;margin:9px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5.5vw,64px);font-weight:700;line-height:.98}.alignment-magazine-title p{color:#756257;max-width:29ch;margin:0;font-size:13px;line-height:1.6}.alignment-magazine-photo{z-index:1;grid-template-rows:1fr auto;align-self:stretch;gap:8px;min-width:0;margin:0;transition:transform .14s ease-out;display:grid;position:relative}.alignment-magazine-photo>div{background:linear-gradient(155deg,#18354c 0%,#355e70 47%,#ad6a50 100%);align-items:end;min-height:238px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #1724381f}.alignment-magazine-photo>div span{color:#fffaf0;font-size:11px;font-weight:800}.alignment-magazine-photo figcaption{color:#8f4435;font-size:10.5px;font-weight:800}.alignment-magazine-body{z-index:1;columns:2;color:#4f4e4b;grid-column:1/-1;column-gap:32px;max-width:74%;transition:transform .14s ease-out;position:relative}.alignment-magazine-body>span{color:var(--al-rust);column-span:all;margin-bottom:6px;font-size:10px;font-weight:850;display:block}.alignment-magazine-body p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:12.5px;line-height:1.72}.alignment-magazine-body blockquote{color:var(--al-ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:700;line-height:1.55}.alignment-magazine footer{z-index:1;border-top:1px solid #cdbba9;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding-top:9px;display:flex;position:relative}.alignment-magazine footer b{color:var(--al-rust);font-size:11px}.alignment-magazine footer span{color:#725d50;font-size:10px;font-weight:800}.alignment-magazine[data-aligned=false] .alignment-magazine-title{transform:translate(16px)}.alignment-magazine[data-aligned=false] .alignment-magazine-photo{transform:translate(-13px)}.alignment-magazine[data-aligned=false] .alignment-magazine-body{transform:translate(42px)}.alignment-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.alignment-demo .alignment-demo-actions button{min-height:40px;color:var(--al-ink);background:#fffaf0;border-color:#9f7f6d}.term-interactive-demo.alignment-demo .alignment-demo-actions button:hover:not(:disabled){border-color:var(--al-rust);color:#792d20;background:#f7e9dd}.term-interactive-demo.alignment-demo .alignment-demo-actions .alignment-demo-primary{border-color:var(--al-rust);background:var(--al-rust);color:#fffaf0;font-weight:850}.term-interactive-demo.alignment-demo .alignment-demo-actions .alignment-demo-primary:hover:not(:disabled){color:#fffaf0;background:#8e3929;border-color:#8e3929}.term-interactive-demo.alignment-demo .alignment-demo-actions button:focus-visible{outline-offset:3px;outline:3px solid #173f63}.term-interactive-demo.alignment-demo .alignment-demo-actions button:disabled{cursor:not-allowed;color:#796d65;opacity:1;background:#ded4ca;border-color:#c9b9ac}.alignment-demo-status{border-left:3px solid var(--al-rust);color:var(--al-muted);margin:0;padding-left:12px;font-size:12.5px;line-height:1.58}.alignment-examples article{background:#fffaf0;border-radius:0}@media (max-width:640px){.term-card .term-preview.alignment-card-preview{grid-template-columns:minmax(0,1.08fr) minmax(78px,.72fr);gap:7px;min-height:138px;padding:8px}.alignment-card-spread{min-height:112px}.alignment-card-copy{padding-inline:9px 6px}.term-interactive-demo.alignment-demo{padding:13px}.alignment-demo-heading{gap:10px;display:grid}.alignment-demo-heading>span{justify-self:start}.alignment-magazine{grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;gap:19px;min-height:0;padding:18px 16px}.alignment-magazine-grid{inset:18px 16px}.alignment-magazine-title h3{font-size:clamp(42px,14vw,58px)}.alignment-magazine-photo{grid-row:auto}.alignment-magazine-photo>div{min-height:208px}.alignment-magazine-body{columns:1;grid-column:1;max-width:100%}.alignment-magazine footer{grid-column:1;align-items:flex-end}.alignment-magazine[data-aligned=false] .alignment-magazine-title{transform:translate(9px)}.alignment-magazine[data-aligned=false] .alignment-magazine-photo{transform:translate(-7px)}.alignment-magazine[data-aligned=false] .alignment-magazine-body{transform:translate(13px)}.alignment-demo-actions{display:grid}.term-interactive-demo.alignment-demo .alignment-demo-actions button{width:100%}}
.term-interactive-demo.proximity-demo{border-color:var(--color-deco);background:var(--color-white);gap:14px}.proximity-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.proximity-demo-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.proximity-spacing-picker{flex-wrap:wrap;gap:6px;display:flex}.proximity-demo button{color:var(--ink);background:var(--color-white);border-color:var(--color-deco)}.proximity-demo button:hover{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.proximity-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink);font-weight:800}.proximity-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.proximity-demo .proximity-verify{border-color:var(--color-rausch);background:var(--color-rausch);color:var(--color-white);font-weight:700}.proximity-demo .proximity-verify:hover{background:var(--color-rausch-600);border-color:var(--color-rausch-600);color:var(--color-white)}.proximity-demo .proximity-reset{color:var(--muted);background:var(--color-white);border-color:var(--color-deco)}.proximity-readout{color:var(--ink);margin:0;font-size:13px;font-weight:700;line-height:1.55}.proximity-readout b{font-family:var(--font-geist-mono), ui-monospace, monospace;font-weight:800}.proximity-stage{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:10px;gap:10px;padding:30px 16px 16px;display:grid;position:relative}.proximity-stage-title{color:var(--muted);font-size:11px;font-weight:700;position:absolute;top:8px;left:14px}.proximity-merge-frame{gap:0;display:grid}.proximity-merge-frame.is-active{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:8px;padding:22px 12px 12px;position:relative}.proximity-merge-label{background:var(--color-faint);border:1px solid var(--color-deco);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:6px;left:12px}.proximity-group{background:0 0;border:0;gap:6px;padding:0;display:grid}.proximity-group.is-detected{border:1px solid var(--color-deco);background:var(--color-white);border-radius:8px;padding:22px 12px 12px;position:relative}.proximity-group-label{background:var(--color-white);border:1px solid var(--color-deco);color:var(--ink);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:6px;left:12px}.proximity-rows{flex-direction:column;align-items:stretch;display:flex}.proximity-field{align-items:center;gap:10px;display:flex}.proximity-field-label{color:var(--ink);flex:0 0 64px;font-size:13px;font-weight:650}.proximity-field-input{background:var(--color-white);border:1px solid var(--color-deco);border-radius:4px;flex:1;height:16px}.proximity-group:not(.is-detected) .proximity-field-input{background:var(--color-faint)}.proximity-connector{background:0 0;align-self:center;width:2px;height:8px}.proximity-connector.is-active{background:var(--ink);opacity:.35}.proximity-stamp{background:var(--color-white);border:1px solid var(--color-deco);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:12px}.proximity-stamp.is-pass{color:#2f7a4a;background:#e6f7ec;border-color:#bfe6cd}.proximity-stamp.is-fail{color:#a83a44;background:#fdf3f4;border-color:#ecc9ce}.proximity-verdict{border:1px solid var(--color-deco);background:var(--color-white);border-left-width:4px;border-radius:8px;gap:4px;margin:0;padding:11px 13px;display:grid}.proximity-verdict strong{color:var(--ink);font-size:14px;line-height:1.3}.proximity-verdict span{color:var(--muted);font-size:12px;line-height:1.5}.proximity-verdict.is-idle{border-left-color:var(--color-deco);background:var(--color-faint)}.proximity-verdict.is-idle strong{color:var(--muted);font-weight:650}.proximity-verdict.is-pass{background:var(--color-white);border-left-color:#2f7a4a}.proximity-verdict.is-pass strong{color:#2f7a4a;font-weight:800}.proximity-verdict.is-fail{background:var(--color-white);border-left-color:#a83a44}.proximity-verdict.is-fail strong{color:#a83a44;font-weight:800}.proximity-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.proximity-examples article{border:1px solid var(--color-deco);background:var(--color-white);border-left-width:4px;border-radius:10px;align-content:start;gap:8px;min-width:0;padding:14px 16px;display:grid}.proximity-examples article header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.proximity-examples article strong{color:var(--ink);font-size:14px}.proximity-examples article small{color:var(--muted);font-size:12px;font-weight:650}.proximity-examples article p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.proximity-examples article span{color:var(--muted);font-size:12px;line-height:1.45}.proximity-examples article.is-good{border-left-color:#2f7a4a}.proximity-examples article.is-good header strong:before{content:"✓ ";color:#2f7a4a;font-weight:800}.proximity-examples article.is-bad{border-left-color:#a83a44}.proximity-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}@media (max-width:780px){.proximity-examples{grid-template-columns:1fr}.proximity-demo-controls{flex-direction:column;align-items:stretch}.proximity-spacing-picker,.proximity-demo-actions{justify-content:flex-start}.proximity-field-label{flex-basis:56px}}.proximity-card-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.proximity-card-side{gap:4px;margin:0;padding:0;display:grid}.proximity-card-side figcaption{color:var(--muted);font-size:8px;font-weight:700}.proximity-card-stage{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:6px;align-content:start;min-height:72px;padding:7px 8px;display:grid}.proximity-card-stage.is-flat{gap:5px}.proximity-card-stage.is-grouped{gap:11px}.proximity-card-cluster{border:1px solid var(--color-deco);background:var(--color-white);border-radius:4px;gap:3px;padding:4px 5px;display:grid}.proximity-card-row{align-items:center;gap:5px;display:flex}.proximity-card-row i{color:var(--ink);font-size:8px;font-style:normal;font-weight:650}.proximity-card-row b{background:var(--color-deco);border-radius:2px;flex:1;height:5px}.proximity-card-side strong{font-size:9px;font-weight:800}.proximity-card-side.is-good strong{color:#2f7a4a}.proximity-card-side.is-good strong:before{content:"✓ "}.proximity-card-side.is-bad strong{color:#a83a44}.proximity-card-side.is-bad strong:before{content:"✗ "}.term-card .term-preview.proximity-card-preview>p{color:var(--ink);margin:0;font-size:9px;font-weight:650;line-height:1.4}@media (max-width:780px){.proximity-card-compare{gap:4px}.proximity-card-stage{min-height:64px;padding:6px}.proximity-card-stage.is-grouped{gap:8px}.proximity-card-cluster{padding:3px 4px}}.term-card .term-preview.proximity-card-preview{background:var(--color-white);border-color:var(--color-deco);color:#12314a;background:#dfeef5;border-color:#b9d4e5;grid-template-columns:minmax(0,1.15fr) minmax(82px,.85fr);align-items:center;gap:9px;min-height:142px;padding:10px;display:grid}.proximity-card-ticket{background:#f8fcfe;border:1px solid #4e7e9d;border-radius:10px 3px 3px 10px;gap:5px;min-width:0;padding:9px;display:grid;box-shadow:4px 4px #ed765f}.proximity-card-ticket header{color:#466b82;letter-spacing:.06em;border-bottom:1px dashed #8fb5ca;justify-content:space-between;gap:6px;padding-bottom:4px;font-size:6.5px;font-weight:900;display:flex}.proximity-card-route{color:#12314a;justify-content:space-between;align-items:center;gap:4px;display:flex}.proximity-card-route strong{font-size:12px}.proximity-card-route i{color:#ed765f;font-size:8px;font-style:normal;font-weight:900}.proximity-card-leg{gap:1px;padding-top:4px;display:grid}.proximity-card-leg+.proximity-card-leg{border-top:1px dashed #8fb5ca;margin-top:5px;padding-top:8px}.proximity-card-leg b{color:#12314a;font-size:7px}.proximity-card-leg span{color:#466b82;font-size:6.5px}.proximity-card-conclusion{color:#4f6979;gap:6px;margin:0;font-size:8.5px;line-height:1.45;display:grid}.proximity-card-conclusion strong{color:#12314a;font-size:9.5px}.proximity-card-conclusion span{color:#4f6979}.term-interactive-demo.proximity-demo{--pr-sky:#dfeef5;--pr-ink:#12314a;--pr-muted:#4f6979;--pr-coral:#d95f49;background:linear-gradient(145deg, #edf7fb 0%, var(--pr-sky) 100%);color:var(--pr-ink);border-color:#b4d0df;gap:16px;padding:18px;display:grid}.proximity-demo-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.proximity-demo-heading p{max-width:640px;color:var(--pr-muted);margin:0;font-size:13px;line-height:1.62}.proximity-demo-heading p strong{color:var(--pr-ink)}.proximity-demo-heading>span{color:#943c2c;background:#fff4f1;border:1px solid #d78b7c;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:850}.proximity-demo-heading>span[data-state=pass]{color:#29583f;background:#eff8f2;border-color:#4e7b66}.proximity-itinerary{min-height:410px;color:var(--pr-ink);background:#f9fcfd;border:1px solid #7aa5bb;border-radius:18px 5px 5px 18px;gap:25px;padding:25px 66px 25px 25px;display:grid;position:relative;overflow:hidden;box-shadow:10px 12px #d95f49bf,0 22px 48px #12314a24}.proximity-itinerary:after{content:"";border-right:2px dashed #8fb5ca;position:absolute;top:0;bottom:0;right:32px}.proximity-itinerary header{border-bottom:1px solid #bdd4df;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:13px;display:flex}.proximity-itinerary header div{gap:3px;display:grid}.proximity-itinerary header small{color:#59788a;letter-spacing:.08em;font-size:9px;font-weight:800}.proximity-itinerary header b{color:var(--pr-ink);letter-spacing:.04em;font-size:17px}.proximity-itinerary header>span{color:var(--pr-coral);text-align:right;font-size:10px;font-weight:950;line-height:1.25}.proximity-itinerary-route{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;display:grid}.proximity-itinerary-route div{gap:2px;display:grid}.proximity-itinerary-route div:nth-of-type(2){text-align:center}.proximity-itinerary-route div:nth-of-type(3){text-align:right}.proximity-itinerary-route small{color:#6b8594;font-size:9px;font-weight:800}.proximity-itinerary-route strong{color:var(--pr-ink);font-size:clamp(29px,5vw,48px);line-height:.95}.proximity-itinerary-route span{color:#4d6879;font-size:10px}.proximity-itinerary-route i{width:29px;height:29px;color:var(--pr-coral);border:1px solid #90b6c9;border-radius:50%;place-items:center;font-size:9px;font-style:normal;font-weight:900;display:grid}.proximity-itinerary-legs{gap:12px;transition:gap .15s ease-out;display:grid}.proximity-itinerary-legs section{grid-template-columns:minmax(115px,.72fr) minmax(0,1.28fr);align-items:end;gap:14px;min-width:0;transition:transform .15s ease-out;display:grid}.proximity-itinerary-legs section p{color:#5e7583;margin:0;font-size:12px;font-weight:850}.proximity-itinerary-legs dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.proximity-itinerary-legs dl div{gap:2px;display:grid}.proximity-itinerary-legs dt{color:#748c99;font-size:9px;font-weight:800}.proximity-itinerary-legs dd{color:var(--pr-ink);margin:0;font-size:16px;font-weight:900}.proximity-itinerary[data-grouped=true] .proximity-itinerary-legs{gap:38px}.proximity-itinerary[data-grouped=true] .proximity-itinerary-legs section p{color:var(--pr-coral)}.proximity-itinerary[data-grouped=false] .proximity-itinerary-legs section:nth-child(2){transform:translateY(-5px)}.proximity-itinerary footer{border-top:1px dashed #91b4c7;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:14px;padding-top:13px;display:grid}.proximity-itinerary-barcode{background:repeating-linear-gradient(90deg,#12314a 0 2px,#0000 2px 4px,#12314a 4px 5px,#0000 5px 8px);height:30px}.proximity-itinerary footer b{color:var(--pr-coral);font-size:11px;line-height:1.45}.proximity-itinerary footer>span:last-child{color:#5b7787;font-size:9px;font-weight:900}.proximity-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.proximity-demo .proximity-demo-actions button{min-height:40px;color:var(--pr-ink);background:#f9fcfd;border-color:#6f99ae}.term-interactive-demo.proximity-demo .proximity-demo-actions button:hover:not(:disabled){border-color:var(--pr-ink);color:var(--pr-ink);background:#d5eaf4}.term-interactive-demo.proximity-demo .proximity-demo-actions .proximity-demo-primary{border-color:var(--pr-ink);background:var(--pr-ink);color:#f9fcfd;font-weight:850}.term-interactive-demo.proximity-demo .proximity-demo-actions .proximity-demo-primary:hover:not(:disabled){color:#f9fcfd;background:#234d6b;border-color:#234d6b}.term-interactive-demo.proximity-demo .proximity-demo-actions button:focus-visible{outline-offset:3px;outline:3px solid #c54a35}.term-interactive-demo.proximity-demo .proximity-demo-actions button:disabled{cursor:not-allowed;color:#657d89;opacity:1;background:#d3e1e7;border-color:#afc4ce}.proximity-demo-status{border-left:3px solid var(--pr-coral);color:var(--pr-muted);margin:0;padding-left:12px;font-size:12.5px;line-height:1.58}.proximity-examples article{background:#f7fbfd;border-radius:12px 4px 4px 12px}@media (max-width:640px){.term-card .term-preview.proximity-card-preview{grid-template-columns:minmax(0,1.08fr) minmax(82px,.92fr);gap:7px;min-height:138px;padding:8px}.proximity-card-ticket{padding:7px;box-shadow:3px 3px #ed765f}.term-interactive-demo.proximity-demo{padding:13px}.proximity-demo-heading{gap:10px;display:grid}.proximity-demo-heading>span{justify-self:start}.proximity-itinerary{border-radius:14px 4px 4px 14px;gap:21px;min-height:0;padding:20px 33px 20px 16px;box-shadow:6px 7px #d95f49bf}.proximity-itinerary:after{right:17px}.proximity-itinerary-route{grid-template-columns:1fr auto 1fr;gap:7px}.proximity-itinerary-route div:nth-of-type(2){text-align:right}.proximity-itinerary-route div:nth-of-type(3){text-align:right;grid-column:3}.proximity-itinerary-route i:nth-of-type(2){display:none}.proximity-itinerary-route strong{font-size:30px}.proximity-itinerary-legs section{grid-template-columns:1fr;gap:8px}.proximity-itinerary-legs dl{gap:6px}.proximity-itinerary-legs dd{font-size:14px}.proximity-itinerary[data-grouped=true] .proximity-itinerary-legs{gap:30px}.proximity-itinerary footer{grid-template-columns:56px minmax(0,1fr)}.proximity-itinerary footer>span:last-child{grid-column:2}.proximity-demo-actions{display:grid}.term-interactive-demo.proximity-demo .proximity-demo-actions button{width:100%}}
.term-card .whitespace-card-preview{background:var(--color-white);border-color:var(--color-deco)}.whitespace-card-heading{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.whitespace-card-heading small{color:var(--muted);letter-spacing:.04em;font-size:9px}.whitespace-card-heading strong{color:var(--ink);font-size:10px;font-weight:800}.whitespace-card-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.whitespace-card-side{border:1px solid var(--color-deco);background:var(--soft);border-radius:5px;gap:2px;padding:6px;display:grid}.whitespace-card-side.is-airy{background:var(--color-white);gap:5px}.whitespace-card-side b{color:var(--ink);font-size:8px;font-weight:800}.whitespace-card-side .whitespace-line{background:var(--color-faint);color:var(--muted);border-radius:3px;padding:2px 3px;font-size:7px}.whitespace-card-side.is-airy .whitespace-line{color:var(--ink)}.whitespace-card-side .whitespace-cta-mini{background:var(--ink);color:var(--color-white);text-align:center;font-weight:700}.whitespace-card-side .whitespace-det{font-family:var(--font-geist-mono), ui-monospace, monospace}.whitespace-card-side .whitespace-group{border:1px dashed var(--color-deco);background:var(--soft);border-radius:4px;gap:2px;padding:3px;display:grid}.whitespace-card-side i{color:var(--muted);font-size:7px;font-style:normal}.whitespace-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.whitespace-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.whitespace-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.whitespace-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.whitespace-lab .whitespace-lab-evaluate{border-color:var(--ink);background:var(--ink);color:var(--color-white);font-weight:700}.term-interactive-demo.whitespace-lab .whitespace-lab-evaluate:hover{background:color-mix(in srgb, var(--ink) 85%, #000);border-color:color-mix(in srgb, var(--ink) 85%, #000);color:var(--color-white)}.term-interactive-demo.whitespace-lab .whitespace-lab-reset{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.whitespace-lab .whitespace-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.whitespace-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.whitespace-lab-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.whitespace-lab-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.whitespace-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.whitespace-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:800}.whitespace-lab-badge.is-balanced{color:#2f7a4a;background:#edf7f0;border-color:#bfe6cd}.whitespace-lab-badge.is-tight,.whitespace-lab-badge.is-sparse,.whitespace-lab-badge.is-edge{color:#a83a44;background:#fbeef0;border-color:#ecc9ce}.whitespace-lab-badge.is-near{border-color:var(--color-deco);background:var(--color-faint);color:var(--ink)}.whitespace-lab-card{border:1px solid var(--line);background:var(--color-white);border-radius:8px;padding:12px;display:grid}.whitespace-lab-card .whitespace-brand{color:var(--ink);font-size:15px;font-weight:800}.whitespace-lab-card .whitespace-value{color:var(--muted);font-size:13px;line-height:1.45}.whitespace-lab-card .whitespace-details{display:grid}.whitespace-lab-card .whitespace-details .whitespace-row{border:1px solid var(--color-deco);background:var(--soft);color:var(--ink);font-size:12px;font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:5px;padding:4px 8px}.whitespace-lab-card .whitespace-details.is-group{border:1px dashed var(--ink);background:var(--color-faint);border-radius:7px;padding:6px}.whitespace-lab-card .whitespace-cta-wrap{display:grid}.whitespace-lab-card .whitespace-cta-wrap.is-focus{border:1px dashed var(--ink);background:repeating-linear-gradient(45deg, var(--soft), var(--soft) 4px, transparent 4px, transparent 8px);border-radius:8px}.whitespace-lab-card .whitespace-cta{background:var(--color-rausch);color:var(--color-white);border-radius:7px;justify-content:center;align-items:center;padding:9px 14px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.whitespace-lab-meter{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:flex}.whitespace-lab-meter b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-weight:800}.whitespace-lab-meter .whitespace-flag{background:var(--soft);color:var(--ink);border-radius:99px;padding:2px 8px;font-weight:700}.whitespace-lab-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:12px;padding:14px;display:grid}.whitespace-lab-lever{gap:6px;display:grid}.whitespace-lab-lever span{color:var(--muted);font-size:12px;font-weight:700}.whitespace-lab-lever output{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-weight:800}.term-interactive-demo.whitespace-lab input[type=range]{box-sizing:border-box;width:100%;min-height:0;accent-color:var(--ink);background:0 0;border:0;border-radius:99px;padding:0}.term-interactive-demo.whitespace-lab input[type=range]:focus{outline:2px solid var(--ink);outline-offset:2px}.whitespace-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.whitespace-lab-status{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-left-width:4px;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.whitespace-lab-status.is-balanced{border-left-color:#2f7a4a}.whitespace-lab-status.is-tight,.whitespace-lab-status.is-sparse,.whitespace-lab-status.is-edge{border-left-color:#a83a44}.whitespace-lab-status.is-near{border-left-color:var(--ink)}.whitespace-lab-status.is-idle{border-left-color:var(--color-deco);background:var(--soft);color:var(--muted)}.whitespace-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.whitespace-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.whitespace-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.whitespace-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.whitespace-examples header strong{color:var(--ink);font-size:14px}.whitespace-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.whitespace-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.whitespace-examples header small{color:var(--muted);font-size:11px;font-weight:700}.whitespace-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.whitespace-examples span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:780px){.whitespace-examples,.whitespace-card-compare{grid-template-columns:1fr}.whitespace-lab-card,.whitespace-lab-controls,.whitespace-lab-stage{padding:10px}}.term-card .term-preview.whitespace-card-preview{color:#243b32;background:#e8eee4;border-color:#c7d5c5;grid-template-columns:minmax(0,1.08fr) minmax(82px,.92fr);align-items:center;gap:10px;min-height:142px;padding:10px;display:grid}.whitespace-card-article{background:#fffdf6;border:1px solid #9caf9f;border-radius:12px;gap:8px;min-width:0;padding:9px;display:grid;box-shadow:4px 4px #b7c9a9}.whitespace-card-article header{color:#627667;letter-spacing:.05em;justify-content:space-between;gap:5px;font-size:6.5px;font-weight:850;display:flex}.whitespace-card-article header i{font-style:normal}.whitespace-card-article>strong{color:#243b32;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1}.whitespace-card-article>p{color:#647267;margin:0;font-size:7px}.whitespace-card-image{background:linear-gradient(150deg,#274b3e 0%,#63806c 64%,#c9b58e 100%);border-radius:7px;align-items:end;min-height:31px;padding:5px;display:grid}.whitespace-card-image span{color:#fffdf6;font-size:6px;font-weight:800}.whitespace-card-article>b{color:#355446;justify-self:start;font-size:7px}.whitespace-card-conclusion{color:#5d7165;gap:6px;margin:0;font-size:8.5px;font-weight:500;line-height:1.45;display:grid}.whitespace-card-conclusion strong{color:#243b32;font-size:9.5px}.whitespace-card-conclusion span{color:#5d7165}.term-interactive-demo.whitespace-demo{--ws-paper:#fffdf6;--ws-ink:#243b32;--ws-muted:#617167;--ws-sage:#a9bea8;color:var(--ws-ink);background:radial-gradient(circle at 12% 10%,#fffdf6bd,#0000 28%),linear-gradient(150deg,#eaf0e7 0%,#dce7da 100%);border-color:#becfbc;gap:16px;padding:18px;display:grid}.whitespace-demo-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.whitespace-demo-heading p{max-width:640px;color:var(--ws-muted);margin:0;font-size:13px;line-height:1.62}.whitespace-demo-heading p strong{color:var(--ws-ink)}.whitespace-demo-heading>span{color:#8c3e2d;background:#fff6f1;border:1px solid #be8878;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:850}.whitespace-demo-heading>span[data-state=pass]{color:#2c593c;background:#f1f8ef;border-color:#557a62}.whitespace-article{background:var(--ws-paper);max-width:760px;color:var(--ws-ink);border:1px solid #aabcaa;border-radius:22px;gap:25px;margin-inline:auto;padding:31px clamp(30px,7vw,72px);transition:gap .15s ease-out,padding .15s ease-out;display:grid;box-shadow:0 26px 56px #243b3224}.whitespace-article header{color:#6a7d70;letter-spacing:.07em;border-bottom:1px solid #c9d4c6;justify-content:space-between;gap:18px;padding-bottom:11px;font-size:10px;font-weight:850;display:flex}.whitespace-article-lead{gap:10px;display:grid}.whitespace-article-lead small{color:#58715f;letter-spacing:.09em;font-size:10px;font-weight:900}.whitespace-article-lead h3{max-width:12ch;color:var(--ws-ink);letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,7vw,72px);line-height:.98}.whitespace-article-lead p{color:#66756c;max-width:34ch;margin:0;font-size:14px;line-height:1.65}.whitespace-article figure{gap:9px;margin:0;display:grid}.whitespace-article figure>div{background:linear-gradient(148deg,#23483a 0%,#5f8069 58%,#c4ad83 100%);border-radius:15px;align-items:end;min-height:252px;padding:18px;display:grid}.whitespace-article figure>div span{color:#fffdf6;letter-spacing:.06em;font-size:10px;font-weight:850}.whitespace-article figcaption{color:#65786b;font-size:10.5px;font-weight:750}.whitespace-article-copy{gap:20px;max-width:62ch;display:grid}.whitespace-article-copy p{color:#465a50;margin:0;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.85}.whitespace-article-copy blockquote{color:var(--ws-ink);background:#eef3eb;border-left:3px solid #67826e;margin:0;padding:15px 18px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:700;line-height:1.62}.whitespace-article footer{border-top:1px solid #c9d4c6;justify-content:space-between;align-items:center;gap:18px;padding-top:16px;display:flex}.whitespace-article footer span{color:#687a6f;font-size:11px;font-weight:750}.whitespace-article footer b{background:var(--ws-ink);color:var(--ws-paper);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:850;display:inline-flex}.whitespace-article[data-space=tight]{gap:7px;padding-block:14px}.whitespace-article[data-space=tight] .whitespace-article-lead{gap:3px}.whitespace-article[data-space=tight] .whitespace-article-copy{gap:6px}.whitespace-article[data-space=tight] .whitespace-article-copy p{line-height:1.28}.whitespace-article[data-space=tight] figure{gap:2px}.whitespace-article[data-space=tight] footer{gap:6px;padding-top:5px}.whitespace-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.whitespace-demo .whitespace-demo-actions button{min-height:40px;color:var(--ws-ink);background:#fffdf6;border-color:#708b78}.term-interactive-demo.whitespace-demo .whitespace-demo-actions button:hover:not(:disabled){border-color:var(--ws-ink);color:var(--ws-ink);background:#e2ebdf}.term-interactive-demo.whitespace-demo .whitespace-demo-actions .whitespace-demo-primary{border-color:var(--ws-ink);background:var(--ws-ink);color:var(--ws-paper);font-weight:850}.term-interactive-demo.whitespace-demo .whitespace-demo-actions .whitespace-demo-primary:hover:not(:disabled){color:var(--ws-paper);background:#345445;border-color:#345445}.term-interactive-demo.whitespace-demo .whitespace-demo-actions button:focus-visible{outline-offset:3px;outline:3px solid #8c4f36}.term-interactive-demo.whitespace-demo .whitespace-demo-actions button:disabled{cursor:not-allowed;color:#68766b;opacity:1;background:#d7dfd4;border-color:#b6c4b7}.whitespace-demo-status{color:var(--ws-muted);border-left:3px solid #6e8976;margin:0;padding-left:12px;font-size:12.5px;line-height:1.58}.whitespace-examples article{background:#fffdf6;border-radius:14px}@media (max-width:640px){.term-card .term-preview.whitespace-card-preview{grid-template-columns:minmax(0,1.04fr) minmax(84px,.96fr);gap:7px;min-height:138px;padding:8px}.whitespace-card-article{gap:6px;padding:7px;box-shadow:3px 3px #b7c9a9}.term-interactive-demo.whitespace-demo{padding:13px}.whitespace-demo-heading{gap:10px;display:grid}.whitespace-demo-heading>span{justify-self:start}.whitespace-article{border-radius:16px;gap:21px;padding:22px 16px}.whitespace-article-lead h3{font-size:clamp(42px,14vw,56px)}.whitespace-article figure>div{min-height:210px;padding:14px}.whitespace-article footer{align-items:flex-end}.whitespace-article footer span{max-width:55%}.whitespace-article[data-space=tight]{gap:6px;padding-block:12px}.whitespace-demo-actions{display:grid}.term-interactive-demo.whitespace-demo .whitespace-demo-actions button{width:100%}}
.term-card .color-system-card-preview{background:#fffdf7;border-color:#e7dfc4;gap:7px}.color-system-card-ladder{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.color-system-card-ladder>span{border-radius:4px;height:16px;box-shadow:inset 0 0 0 1px #0000000f}.color-system-card-roles{gap:2px;display:grid}.color-system-card-roles b{color:#2f3a4a;font-size:9px;font-weight:800}.color-system-card-roles span{color:#6b7280;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px}.color-system-card-ref{background:#fff;border:1px solid #e2dccb;border-radius:5px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;margin:0;padding:5px 8px;display:grid}.color-system-card-ref dt{color:#8a8a82;font-size:8px;font-weight:750}.color-system-card-ref dd{margin:0}.color-system-card-ref code{color:#1f6a3a;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:700}.color-system-card-conclusion{color:#4d5360;margin:0;font-size:9px;font-weight:650;line-height:1.5}.color-system-card-conclusion strong{color:#1f2330;font-weight:800}.term-interactive-demo.color-system-demo{background:#f5f6f8;border-color:#d8dbe2;gap:14px}.color-system-demo-brief{color:#4d5360;margin:0;font-size:13px;line-height:1.6}.color-system-stage{border:1px solid #e9eaee;border-radius:10px;gap:8px;padding:16px;display:grid}.color-system-stage--light{background:#fff;border-color:#e9eaee}.color-system-stage--dark{background:#16191f;border-color:#2a2e3a}.color-system-order-card{gap:4px;display:grid}.color-system-order-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-system-order-title{margin:4px 0 0;font-size:17px;font-weight:800}.color-system-order-amount{margin:0;font-size:22px;font-weight:800}.color-system-order-meta{margin:0;font-size:12px;font-weight:600}.color-system-stage--light .color-system-order-title,.color-system-stage--light .color-system-order-amount{color:#1f2330}.color-system-stage--light .color-system-order-meta{color:#5a6072}.color-system-stage--dark .color-system-order-title,.color-system-stage--dark .color-system-order-amount{color:#e9eaee}.color-system-stage--dark .color-system-order-meta{color:#b8bcc6}.color-system-token-ref{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.color-system-stage--light .color-system-token-ref{color:#5a6072}.color-system-stage--dark .color-system-token-ref{color:#b8bcc6}.color-system-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:750;display:inline-flex}.color-system-badge>i{font-style:normal;font-weight:800}.color-system-stage--light .color-system-badge--success{color:#1f6a3a;background:#e3f3e9;border-color:#8fcfa8}.color-system-stage--light .color-system-badge--warning{color:#8f6818;background:#fbe8c4;border-color:#f0c878}.color-system-stage--light .color-system-badge--danger{color:#8a2f38;background:#f6dadc;border-color:#e09ca3}.color-system-stage--light .color-system-badge--neutral{color:#3f4456;background:#e9eaee;border-color:#b8bcc6}.color-system-stage--dark .color-system-badge--success{color:#8fcfa8;background:#0f3d22;border-color:#1f6a3a}.color-system-stage--dark .color-system-badge--warning{color:#f0c878;background:#4d3806;border-color:#8f6818}.color-system-stage--dark .color-system-badge--danger{color:#e09ca3;background:#4a181c;border-color:#8a2f38}.color-system-stage--dark .color-system-badge--neutral{color:#b8bcc6;background:#1f2330;border-color:#3f4456}.color-system-contrast-mark{border-top:1px dashed #e9eaee;margin:6px 0 0;padding-top:6px;font-size:11px;font-weight:700}.color-system-stage--dark .color-system-contrast-mark{color:#b8bcc6;border-top-color:#2a2e3a}.color-system-stage--light .color-system-contrast-mark{color:#5a6072}.term-interactive-demo.color-system-demo .color-system-cta{border:1px solid var(--color-rausch);background:var(--color-rausch);color:#fff;min-height:38px;font:inherit;border-radius:8px;justify-self:start;margin-top:4px;padding:8px 16px;font-size:14px;font-weight:750;transition:background-color .12s ease-out,border-color .12s ease-out}.term-interactive-demo.color-system-demo .color-system-cta:hover{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:#fff}.term-interactive-demo.color-system-demo .color-system-cta:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.color-system-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.color-system-control-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.term-interactive-demo.color-system-demo .color-system-controls button{color:#4d5360;background:#fff;border-color:#c9ccd4}.term-interactive-demo.color-system-demo .color-system-controls button:hover{color:#1f2330;background:#fff;border-color:#3f4456}.term-interactive-demo.color-system-demo .color-system-controls button[aria-pressed=true]{color:#fff;background:#1f2330;border-color:#1f2330}.color-system-reset{color:#4d5360;min-height:34px;font:inherit;background:#fff;border:1px solid #c9ccd4;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:700}.color-system-reset:hover{color:#1f2330;background:#fff;border-color:#3f4456}.color-system-scale{background:#fff;border:1px solid #d8dbe2;border-radius:8px;gap:8px;padding:12px;display:grid}.color-system-scale header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.color-system-scale header strong{color:#1f2330;font-size:13px;font-weight:800}.color-system-scale header small{color:#6b7280;font-size:11px;font-weight:600}.color-system-scale header small b{color:#1f6a3a;font-weight:800}.color-system-scale-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.color-system-scale-stop{justify-items:center;gap:4px;display:grid}.color-system-scale-stop>i{border-radius:6px;width:100%;height:26px;box-shadow:inset 0 0 0 1px #0000000f}.color-system-scale-stop>small{color:#4d5360;font-size:10px;font-weight:700}.color-system-scale-stop>em{color:#fff;background:#1f2330;border-radius:99px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:800}.color-system-scale-stop.is-bg>em{background:#6b7280}.color-system-scale-stop.is-fg>i{box-shadow:inset 0 0 0 1px #0000000f,0 0 0 2px #1f2330}.color-system-scale-stop.is-bg>i{box-shadow:inset 0 0 0 1px #0000000f,0 0 0 2px #6b7280}.color-system-status{color:#4d5360;background:#fff;border-left:4px solid #1f2330;border-radius:6px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.6}.color-system-status strong{color:#1f2330;margin-top:3px;font-size:12px;font-weight:800;display:block}.color-system-howto{gap:6px;margin:0;padding-left:18px;display:grid}.color-system-howto li{color:#4d5360;font-size:13px;line-height:1.6}.color-system-howto li b{color:#1f2330;font-weight:800}.color-system-howto li code{color:#1f2330;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eef0f4;border-radius:4px;padding:1px 5px;font-size:11px}.color-system-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.color-system-examples article{background:#fff;border:1px solid #d8dbe2;border-radius:8px;gap:5px;padding:12px 14px;display:grid}.color-system-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.color-system-examples header strong{font-size:13px}.color-system-examples header small{color:#6b7280;font-size:11px;font-weight:700}.color-system-examples p{color:#4d5360;margin:0;font-size:12.5px;line-height:1.6}.color-system-examples code{color:#1f2330;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eef0f4;border-radius:4px;padding:1px 5px;font-size:11px}.color-system-examples span{color:#6b7280;font-size:11px;font-weight:650}.color-system-examples article.is-good{border-left:4px solid #1f6a3a}.color-system-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.color-system-examples article.is-bad{border-left:4px dashed #c9ccd4}.color-system-examples article.is-bad header strong:before{content:"✗ ";color:#8a2f38;font-weight:800}@media (max-width:780px){.color-system-card-ladder>span{height:13px}.color-system-examples{grid-template-columns:1fr}.color-system-scale-track{gap:4px}.color-system-scale-stop>em{padding-inline:4px;font-size:8px}}.term-card .term-preview.color-system-card-preview{color:#172044;background:#ececff;border-color:#c8cced;grid-template-columns:minmax(0,1.08fr) minmax(82px,.92fr);align-items:center;gap:9px;min-height:142px;padding:10px;display:grid}.color-system-card-phone{background:#fbfbff;border:2px solid #1a2145;border-radius:15px;gap:6px;min-width:0;padding:9px;display:grid;box-shadow:4px 4px #6657df}.color-system-card-phone header{color:#556083;justify-content:space-between;gap:5px;font-size:6.5px;font-weight:850;display:flex}.color-system-card-phone header b{color:#315bd3}.color-system-card-phone>strong{color:#172044;font-size:10px}.color-system-card-phone ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.color-system-card-phone li{color:#4f5876;align-items:center;gap:5px;font-size:7px;font-weight:750;display:flex}.color-system-card-phone li i{border-radius:50%;place-items:center;width:13px;height:13px;font-size:7px;font-style:normal;font-weight:950;display:grid}.color-system-card-phone li.is-done i{color:#146f4a;background:#dff5e8}.color-system-card-phone li.is-current i{color:#2454c6;background:#e1e9ff}.color-system-card-phone li.is-warning i{color:#985800;background:#fff0c7;border-radius:4px}.color-system-card-conclusion{color:#5d6382;gap:6px;margin:0;font-size:8.5px;line-height:1.45;display:grid}.color-system-card-conclusion strong{color:#172044;font-size:9.5px}.color-system-card-conclusion span{color:#5d6382}.term-interactive-demo.color-system-demo{--cs-brand:#315bd3;--cs-ink:#172044;--cs-muted:#5e6684;color:var(--cs-ink);background:radial-gradient(circle at 85% 8%,#8971ff2e,#0000 27%),linear-gradient(150deg,#f1f1ff 0%,#e5e8fb 100%);border-color:#c4c9eb;gap:16px;padding:18px;display:grid}.color-system-demo-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.color-system-demo-heading p{max-width:640px;color:var(--cs-muted);margin:0;font-size:13px;line-height:1.62}.color-system-demo-heading p strong{color:var(--cs-ink)}.color-system-demo-heading>span{color:#903341;background:#fff1f3;border:1px solid #d48b96;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:850}.color-system-demo-heading>span[data-state=pass]{color:#215a40;background:#edfaf3;border-color:#4e806b}.color-system-phone-shell{background:#242b67;border-radius:28px;place-items:center;min-height:560px;padding:28px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 55px #242b6733}.color-system-phone{width:min(100%,390px);min-height:510px;color:var(--cs-ink);background:#fbfbff;border:6px solid #10152f;border-radius:34px;gap:22px;padding:22px 20px;transition:background-color .15s ease-out,color .15s ease-out;display:grid;box-shadow:0 18px 40px #070b2157}.color-system-phone>header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.color-system-phone>header b{color:var(--cs-brand);letter-spacing:-.04em;font-size:18px;font-weight:950}.color-system-phone>header span{color:#69708e;font-size:11px;font-weight:750}.color-system-phone>header i{color:#59617e;letter-spacing:.08em;font-size:12px;font-style:normal}.color-system-delivery-summary{gap:7px;display:grid}.color-system-delivery-summary small{color:#747b98;font-size:10px;font-weight:800}.color-system-delivery-summary h3{color:var(--cs-ink);letter-spacing:-.045em;margin:0;font-size:32px;line-height:1.04}.color-system-delivery-summary p{color:#4e5878;margin:0;font-size:12px;font-weight:700}.color-system-delivery-summary p span{color:var(--cs-brand)}.color-system-timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.color-system-timeline li{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;display:grid}.color-system-timeline li>i{border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;font-weight:950;display:grid}.color-system-timeline li>span{gap:2px;display:grid}.color-system-timeline li b{color:var(--cs-ink);font-size:12px}.color-system-timeline li small{color:#727a96;font-size:10px}.color-system-phone[data-fixed=true] .color-system-timeline .is-success>i{color:#146f4a;background:#dff5e8}.color-system-phone[data-fixed=true] .color-system-timeline .is-info>i{color:#2454c6;background:#e1e9ff}.color-system-phone[data-fixed=true] .color-system-timeline .is-warning>i{color:#985800;background:#fff0c7;border-radius:7px}.color-system-phone[data-fixed=false] .color-system-timeline li>i{color:#2454c6;background:#e1e9ff}.color-system-alert{background:#eef2ff;border:1px solid #c5d1f5;border-radius:14px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.color-system-alert>span{color:#2454c6;background:#dbe5ff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:950;display:grid}.color-system-alert div{gap:2px;display:grid}.color-system-alert b{color:#213c8b;font-size:11px}.color-system-alert p{color:#53648e;margin:0;font-size:9.5px;line-height:1.45}.color-system-address-action{background:var(--cs-brand);color:#fff;white-space:nowrap;border-radius:8px;padding:7px 9px;font-size:9.5px;font-weight:850}.color-system-phone[data-fixed=true] .color-system-alert{background:#fff7dc;border-color:#edc86c}.color-system-phone[data-fixed=true] .color-system-alert>span{color:#8a5100;background:#ffe6a6}.color-system-phone[data-fixed=true] .color-system-alert b{color:#6f4300}.color-system-phone[data-fixed=true] .color-system-alert p{color:#735c2f}.color-system-phone>footer{border-top:1px solid #e1e3ef;gap:5px;padding-top:11px;display:grid}.color-system-phone>footer span{color:#606986;font-size:9px;font-weight:750}.color-system-phone>footer b{color:var(--cs-brand);font-size:10px}.color-system-phone[data-theme=dark]{color:#f4f5ff;background:#14182b}.color-system-phone[data-theme=dark]>header span,.color-system-phone[data-theme=dark]>header i,.color-system-phone[data-theme=dark] .color-system-delivery-summary small,.color-system-phone[data-theme=dark] .color-system-delivery-summary p,.color-system-phone[data-theme=dark] .color-system-timeline li small,.color-system-phone[data-theme=dark]>footer span{color:#b7bdd8}.color-system-phone[data-theme=dark] .color-system-delivery-summary h3,.color-system-phone[data-theme=dark] .color-system-timeline li b{color:#f4f5ff}.color-system-phone[data-theme=dark]>header b,.color-system-phone[data-theme=dark] .color-system-delivery-summary p span,.color-system-phone[data-theme=dark]>footer b{color:#91adff}.color-system-phone[data-theme=dark] .color-system-timeline .is-success>i{color:#75e2aa;background:#143f31}.color-system-phone[data-theme=dark] .color-system-timeline .is-info>i{color:#9ab6ff;background:#20356f}.color-system-phone[data-theme=dark] .color-system-timeline .is-warning>i{color:#ffd675;background:#4e3b0d}.color-system-phone[data-theme=dark] .color-system-alert{background:#342b18;border-color:#705c25}.color-system-phone[data-theme=dark] .color-system-alert>span{color:#ffd675;background:#514016}.color-system-phone[data-theme=dark] .color-system-alert b{color:#ffe7a5}.color-system-phone[data-theme=dark] .color-system-alert p{color:#d0c096}.color-system-phone[data-theme=dark]>footer{border-top-color:#333950}.color-system-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.color-system-demo .color-system-demo-actions button{min-height:40px;color:var(--cs-ink);background:#fbfbff;border-color:#7882b5}.term-interactive-demo.color-system-demo .color-system-demo-actions button:hover:not(:disabled){border-color:var(--cs-brand);color:#1c3d9a;background:#e7eaff}.term-interactive-demo.color-system-demo .color-system-demo-actions .color-system-demo-primary{border-color:var(--cs-brand);background:var(--cs-brand);color:#fff;font-weight:850}.term-interactive-demo.color-system-demo .color-system-demo-actions .color-system-demo-primary:hover:not(:disabled){color:#fff;background:#2447ad;border-color:#2447ad}.term-interactive-demo.color-system-demo .color-system-demo-actions button:focus-visible{outline-offset:3px;outline:3px solid #c95469}.term-interactive-demo.color-system-demo .color-system-demo-actions button:disabled{cursor:not-allowed;color:#6e7595;opacity:1;background:#d9dcef;border-color:#b7bdd9}.color-system-demo-status{border-left:3px solid var(--cs-brand);color:var(--cs-muted);margin:0;padding-left:12px;font-size:12.5px;line-height:1.58}.color-system-examples article{background:#fbfbff;border-radius:14px}@media (max-width:640px){.term-card .term-preview.color-system-card-preview{grid-template-columns:minmax(0,1.05fr) minmax(84px,.95fr);gap:7px;min-height:138px;padding:8px}.color-system-card-phone{padding:7px;box-shadow:3px 3px #6657df}.term-interactive-demo.color-system-demo{padding:13px}.color-system-demo-heading{gap:10px;display:grid}.color-system-demo-heading>span{justify-self:start}.color-system-phone-shell{border-radius:19px;min-height:0;padding:14px 8px}.color-system-phone{border-width:5px;border-radius:27px;gap:19px;min-height:0;padding:20px 15px}.color-system-delivery-summary h3{font-size:29px}.color-system-alert{grid-template-columns:28px minmax(0,1fr)}.color-system-address-action{grid-column:2;justify-self:start}.color-system-demo-actions{display:grid}.term-interactive-demo.color-system-demo .color-system-demo-actions button{width:100%}}
.term-card .term-preview.accessibility-card-preview{background:#f7f9f8;border-color:#e1e6e3}.accessibility-card-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.accessibility-card-pillars>span{background:#fff;border:1px solid #d4dad6;border-radius:6px;gap:1px;padding:6px 7px;display:grid}.accessibility-card-pillars>span b{color:#2a323a;font-size:9px;font-weight:800}.accessibility-card-pillars>span small{color:#7a8088;font-size:8px;font-weight:600}.accessibility-card-pillars>span i{font-size:9px;font-style:normal;font-weight:800}.accessibility-card-pillars .is-pass{background:#e6f7ec;border-color:#bfe3cd}.accessibility-card-pillars .is-pass i{color:#1f6a3a}.accessibility-card-pillars .is-fail{background:#fdf3f4;border-color:#eec6c9}.accessibility-card-pillars .is-fail i{color:#a83a44}.accessibility-card-verdict{color:#4d5360;margin:0;font-size:9px;font-weight:650;line-height:1.5}.accessibility-card-verdict strong{color:#1f2330;font-weight:800}.accessibility-card-foot{color:#7a8088;font-size:8px;font-weight:650}.term-interactive-demo.accessibility-demo{border-color:var(--line);background:var(--soft);gap:13px}.accessibility-demo-brief{color:#4d5360;margin:0;font-size:13px;line-height:1.6}.accessibility-demo-brief strong{color:#1f2330}.accessibility-demo-perspective{flex-wrap:wrap;gap:7px;display:flex}.accessibility-demo-perspective button{text-align:left;align-content:start;gap:1px;min-height:40px;padding:7px 11px;display:grid}.accessibility-demo-perspective button b{color:#1f2330;font-size:12.5px;font-weight:800}.accessibility-demo-perspective button small{color:#6b7280;font-size:10.5px;font-weight:600}.accessibility-demo-perspective button[aria-pressed=true] b{color:#1f2330}.accessibility-lens{color:#4d5360;background:#fff;border-left:4px solid #1f2330;border-radius:6px;align-items:baseline;gap:8px;margin:0;padding:9px 11px;font-size:12.5px;line-height:1.55;display:flex}.accessibility-lens-tag{color:#fff;white-space:nowrap;background:#1f2330;border-radius:99px;flex:none;padding:2px 7px;font-size:10px;font-weight:800}.accessibility-stage{background:#fff;border:1px solid #d8dbe2;border-radius:10px;padding:14px}.accessibility-login-card{gap:10px;display:grid}.accessibility-login-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.accessibility-login-title{color:#1f2330;font-size:15px;font-weight:800}.accessibility-login-step{color:#6b7280;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.accessibility-field{border:1px solid #0000;border-radius:7px;gap:3px;padding:6px 8px;display:grid}.accessibility-field label,.accessibility-field .accessibility-detached{color:#2a323a;font-size:12px;font-weight:700}.accessibility-field .accessibility-detached{color:#a83a44}.accessibility-field input{color:#2a323a;width:100%;font:inherit;background:#fff;border:1px solid #c9ccd4;border-radius:6px;padding:6px 8px;font-size:13px}.accessibility-field input::placeholder{color:#9da3ad}.accessibility-field-note{color:#6b7280;font-size:11px;font-weight:600}.accessibility-field.is-focused{background:#f6f7f9;border-color:#1f2330;box-shadow:0 0 0 2px #1f2330}.accessibility-field.is-focus-hidden{background:#fff;border-style:dashed;border-color:#e1e3e8;position:relative}.accessibility-field.is-focus-hidden:after{content:"焦点不可见";color:#a83a44;background:#fdf3f4;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;top:6px;right:8px}.accessibility-login-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.term-interactive-demo.accessibility-demo .accessibility-submit{border:1px solid var(--color-rausch);background:var(--color-rausch);min-height:38px;color:var(--color-white);font:inherit;border-radius:8px;padding:9px 26px;font-size:14px;font-weight:750;transition:background-color .12s ease-out,border-color .12s ease-out}.term-interactive-demo.accessibility-demo .accessibility-submit:hover{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white)}.accessibility-submit.is-focused{outline-offset:2px;outline:2px solid #1f2330}.accessibility-submit.is-focus-hidden{opacity:.55;outline:0}.accessibility-submit-lookalike{color:#6b5e10;background:#fbf7e8;border:1px dashed #b6ad12;border-radius:8px;align-items:center;min-height:38px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.accessibility-focus-missing{color:#a83a44;background:#fdf3f4;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:800}.accessibility-status-row{align-items:center;gap:8px;min-height:24px;display:flex}.accessibility-status{border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:750;display:inline-flex}.accessibility-status i{font-style:normal;font-weight:800}.accessibility-status--ok{color:#1f6a3a;background:#e6f7ec;border:1px solid #bfe3cd}.accessibility-status--dot{color:#a83a44;background:#fdf3f4;border:1px solid #eec6c9}.accessibility-status--dot>i{color:#a83a44}.accessibility-status--dot small{color:#a83a44;font-size:10px;font-style:italic;font-weight:700}.accessibility-verdict-row{border-top:1px dashed #e1e3e8;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:4px;padding-top:10px;display:grid}.accessibility-verdict-row>span{border:1px solid #0000;border-radius:6px;justify-items:start;gap:1px;padding:6px 7px;display:grid}.accessibility-verdict-row>span i{font-size:12px;font-style:normal;font-weight:800;line-height:1}.accessibility-verdict-row>span b{color:#1f2330;font-size:11.5px;font-weight:800}.accessibility-verdict-row>span small{font-size:10px;font-weight:700}.accessibility-verdict-row .is-pass{background:#e6f7ec;border-color:#bfe3cd}.accessibility-verdict-row .is-pass i,.accessibility-verdict-row .is-pass small{color:#1f6a3a}.accessibility-verdict-row .is-fail{background:#fdf3f4;border-color:#eec6c9}.accessibility-verdict-row .is-fail i,.accessibility-verdict-row .is-fail small{color:#a83a44}.accessibility-headline{border-radius:7px;margin:0;padding:8px 10px;font-size:13px;font-weight:800;line-height:1.4}.accessibility-headline.is-pass{color:#1f6a3a;background:#e6f7ec;border:1px solid #bfe3cd}.accessibility-headline.is-fail{color:#a83a44;background:#fdf3f4;border:1px solid #eec6c9}.accessibility-stage.is-low-contrast .accessibility-login-title,.accessibility-stage.is-low-contrast .accessibility-login-step,.accessibility-stage.is-low-contrast .accessibility-field label,.accessibility-stage.is-low-contrast .accessibility-detached,.accessibility-stage.is-low-contrast .accessibility-field-note,.accessibility-stage.is-low-contrast .accessibility-field input,.accessibility-stage.is-low-contrast .accessibility-field input::placeholder,.accessibility-stage.is-low-contrast .accessibility-status--ok{color:#b3b3bd}.accessibility-stage.is-low-contrast .accessibility-status--ok{border-color:#e3e3ea}.accessibility-focus-sim{background:#fff;border:1px solid #d8dbe2;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.accessibility-focus-sim-note{color:#4d5360;font-size:12px;line-height:1.5}.accessibility-defects{background:#fff;border:1px solid #d8dbe2;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:11px 12px;display:flex}.accessibility-defect-toggle{color:#2a323a;cursor:pointer;align-items:center;gap:6px;font-size:12.5px;font-weight:650;display:inline-flex}.accessibility-defect-toggle input{accent-color:#1f2330;cursor:pointer;width:16px;height:16px;min-height:0;margin:0}.accessibility-defect-toggle input:focus-visible{outline-offset:2px;outline:2px solid #1f2330}.accessibility-status-line{color:#4d5360;background:#fff;border-left:4px solid #1f2330;border-radius:6px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.6}.accessibility-status-line strong{color:#1f2330;margin-right:4px;font-weight:800;display:inline-block}.accessibility-focus-points{color:#4d5360;background:#fff;border-left:4px solid #1f2330;border-radius:6px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.6}.accessibility-focus-points b{color:#1f2330;font-weight:800}.accessibility-howto{gap:7px;margin:0;padding-left:20px;display:grid}.accessibility-howto li{color:#4d5360;font-size:13px;line-height:1.6}.accessibility-howto li b{color:#1f2330;font-weight:800}.accessibility-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.accessibility-examples article{background:#fff;border:1px solid #d8dbe2;border-radius:8px;gap:6px;padding:12px 14px;display:grid}.accessibility-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.accessibility-examples header strong{color:#1f2330;font-size:13px;font-weight:800}.accessibility-examples header small{color:#6b7280;font-size:11px;font-weight:700}.accessibility-examples p{color:#4d5360;margin:0;font-size:12.5px;line-height:1.6}.accessibility-examples span{color:#6b7280;font-size:11.5px;font-weight:650;line-height:1.5}.accessibility-examples article.is-good{background:#f6fbf8;border-left:4px solid #1f6a3a}.accessibility-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.accessibility-examples article.is-bad{background:#fdf3f4;border-left:4px dashed #a83a44}.accessibility-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}@media (max-width:780px){.accessibility-examples,.accessibility-card-pillars{grid-template-columns:1fr}.accessibility-verdict-row{grid-template-columns:repeat(2,minmax(0,1fr))}.accessibility-demo-perspective button{flex:calc(50% - 7px)}}.term-card .term-preview.accessibility-card-player{color:#f8f2df;background:#121718;border-color:#273437;align-content:start;gap:7px;min-height:198px;padding:10px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06}.accessibility-card-screen{background:#1b2224;border:1px solid #344346;border-radius:7px;gap:5px;min-width:0;padding:8px;display:grid;box-shadow:0 7px 15px #0003}.accessibility-card-screen-head,.accessibility-card-controls{justify-content:space-between;align-items:center;gap:6px;display:flex}.accessibility-card-screen-head span,.accessibility-card-screen-head small,.accessibility-card-controls span,.accessibility-card-controls em{color:#bac4c4;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;font-size:7px;font-style:normal;font-weight:850}.accessibility-card-lesson{background:radial-gradient(circle at 82% 18%,#43d4dc21,#0000 38%),#0d1112;border:1px solid #263236;border-radius:5px;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:7px;min-width:0;min-height:54px;padding:7px;display:grid;position:relative}.accessibility-card-speaker{background:#273438;border:1px solid #485b5e;border-radius:4px;align-self:stretch;position:relative;overflow:hidden}.accessibility-card-speaker i{background:#dba960;border-radius:50%;width:14px;height:14px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.accessibility-card-speaker b{background:#72898b;border-radius:12px 12px 0 0;height:27px;position:absolute;bottom:-9px;left:7px;right:7px}.accessibility-card-lesson p{gap:1px;min-width:0;margin:0;display:grid}.accessibility-card-lesson small{color:#79dbe0;font-size:7px;font-weight:850}.accessibility-card-lesson strong{color:#fff7e4;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.accessibility-card-lesson p span{color:#b8c2c2;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;overflow:hidden}.accessibility-card-play{color:#161b1c;background:#f5bd5b;border:1px solid #f5c467;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;display:grid;box-shadow:0 0 0 2px #53e7ed3d}.accessibility-card-controls{min-width:0}.accessibility-card-controls>i{background:#465255;border-radius:99px;flex:1;height:3px;position:relative;overflow:hidden}.accessibility-card-controls>i b{background:#f5bd5b;width:36%;height:100%;display:block}.accessibility-card-controls em{color:#171b1c;background:#f4ca74;border-radius:2px;padding:2px 4px}.accessibility-card-caption{color:#39301f;background:#f8e8bd;border-left:3px solid #f5bd5b;margin:0;padding:4px 6px;font-size:7.5px;font-weight:700;line-height:1.35}.accessibility-card-caption b{color:#181b1c;letter-spacing:.06em;margin-right:4px;font-size:7px}.accessibility-card-change{grid-template-columns:minmax(0,1fr) auto minmax(0,1.14fr);align-items:stretch;gap:4px;min-width:0;display:grid}.accessibility-card-change>span{color:#c0c9c9;border:1px solid #374649;border-radius:4px;align-content:center;gap:1px;min-width:0;padding:4px 5px;font-size:6.8px;font-weight:700;line-height:1.3;display:grid}.accessibility-card-change>span b{color:#fff8e7;font-size:7.8px;font-weight:900}.accessibility-card-change>i{color:#f5bd5b;align-self:center;font-size:10px;font-style:normal;font-weight:950}.accessibility-card-before{background:#22292a;border-style:dashed!important}.accessibility-card-after{background:#173237;border-color:#3b8e93!important}.accessibility-card-after b{color:#8ef5f4!important}.term-card .term-preview.accessibility-card-player .accessibility-card-result{color:#c6d0cf;margin:0;font-size:8px;font-weight:700;line-height:1.45}.term-card .term-preview.accessibility-card-player .accessibility-card-result strong{color:#fff4d5;font-weight:900}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab{--accessibility-demo-charcoal:#151a1c;--accessibility-demo-panel:#202729;--accessibility-demo-line:#405053;--accessibility-demo-cream:#fff4d6;--accessibility-demo-amber:#f5bd5b;--accessibility-demo-amber-dark:#c68424;--accessibility-demo-cyan:#53e7ed;--accessibility-demo-cyan-dark:#0c6268;--accessibility-demo-danger:#ff887a;background:radial-gradient(circle at 82% 10%, #53e7ed1a, transparent 30%), var(--accessibility-demo-charcoal);color:#f7f3e7;border:1px solid #2c3a3d;border-radius:14px;gap:14px;padding:16px;display:grid;box-shadow:0 18px 45px #0f13142e}.accessibility-demo-task{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.accessibility-demo-task p{gap:3px;margin:0;display:grid}.accessibility-demo-task p span{color:#8fecef;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.accessibility-demo-task p strong{color:#fff9e9;font-size:15px;line-height:1.45}.accessibility-demo-task em{color:#eef4f2;white-space:nowrap;background:#252e30;border:1px solid #5c6e70;border-radius:99px;padding:6px 9px;font-size:11px;font-style:normal;font-weight:850}.accessibility-demo-player-lab[data-phase=blocked] .accessibility-demo-task em{color:#ffd5ce;background:#442a28;border-color:#aa5a50}.accessibility-demo-player-lab[data-phase=fixed] .accessibility-demo-task em,.accessibility-demo-player-lab[data-phase=verified] .accessibility-demo-task em{color:#bafafd;background:#123c41;border-color:#298f96}.accessibility-demo-player{background:#0d1112;border:1px solid #526164;border-radius:10px;min-width:0;display:grid;overflow:hidden;box-shadow:0 12px 30px #0000005c}.accessibility-demo-player-head{background:#1d2426;border-bottom:1px solid #344144;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.accessibility-demo-player-head p{gap:2px;margin:0;display:grid}.accessibility-demo-player-head small{color:#8edee2;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;font-size:9px;font-weight:900}.accessibility-demo-player-head strong{color:#fff8e9;font-size:15px;line-height:1.35}.accessibility-demo-player-head>span{color:#e5ecea;border:1px solid #657174;border-radius:3px;flex:none;padding:5px 8px;font-size:11px;font-weight:850}.accessibility-demo-player-lab[data-phase=blocked] .accessibility-demo-player-head>span{color:#ffb3a8;border-color:#9d4b43}.accessibility-demo-player-lab[data-phase=verified] .accessibility-demo-player-head>span{color:#ffda8a;background:#4a3515;border-color:#c68424}.accessibility-demo-screen{background:radial-gradient(circle at 76% 22%,#53e7ed24,#0000 35%),#111718;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr);min-height:268px;display:grid;position:relative;overflow:hidden}.accessibility-demo-speaker{background:#263236;border-right:1px solid #344144;align-content:end;justify-items:center;gap:8px;min-width:0;padding:22px 18px 54px;display:grid;position:relative;overflow:hidden}.accessibility-demo-speaker>span{background:#334347;border:1px solid #5c7073;border-radius:70px 70px 16px 16px;width:min(132px,88%);height:142px;position:relative;overflow:hidden}.accessibility-demo-speaker>span i{background:#d9a85e;border-radius:50%;width:48px;height:48px;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:inset -8px -3px #bf8841}.accessibility-demo-speaker>span b{background:#9fb3b2;border-radius:44px 44px 0 0;height:90px;position:absolute;bottom:-20px;left:15px;right:15px;box-shadow:inset 0 8px #7b9697}.accessibility-demo-speaker>em{z-index:1;color:#f6f1e5;background:#1b2426;border:1px solid #6d8082;padding:5px 9px;font-size:11px;font-style:normal;font-weight:800}.accessibility-demo-sound-wave{align-items:end;gap:3px;height:24px;display:flex;position:absolute;bottom:14px;right:12px}.accessibility-demo-sound-wave i{background:#7ea3a5;border-radius:99px;width:3px;height:7px;display:block}.accessibility-demo-player-lab[data-phase=verified] .accessibility-demo-sound-wave i{background:var(--accessibility-demo-amber);animation:.72s ease-in-out infinite alternate accessibility-demo-wave}.accessibility-demo-player-lab[data-phase=verified] .accessibility-demo-sound-wave i:nth-child(2){animation-delay:.12s}.accessibility-demo-player-lab[data-phase=verified] .accessibility-demo-sound-wave i:nth-child(3){animation-delay:.24s}.accessibility-demo-player-lab[data-phase=verified] .accessibility-demo-sound-wave i:nth-child(4){animation-delay:.36s}@keyframes accessibility-demo-wave{0%{height:7px}to{height:22px}}.accessibility-demo-slide{align-content:center;gap:9px;min-width:0;padding:30px 38px 64px;display:grid}.accessibility-demo-slide small{color:#70dfe4;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;font-size:10px;font-weight:900}.accessibility-demo-slide strong{color:#fff5d7;font-size:clamp(22px,4vw,38px);line-height:1.1}.accessibility-demo-slide p{color:#c7d0ce;max-width:430px;margin:0;font-size:13px;line-height:1.6}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-play{z-index:3;place-items:center;width:58px;height:58px;min-height:58px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000061;background:var(--accessibility-demo-amber)!important;color:#171b1c!important;border:2px solid #ffdc91!important;border-radius:50%!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-play span{font-size:20px;font-weight:950;transform:translate(1px)}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-play:hover{color:#111516!important;background:#ffd277!important;border-color:#fff1c7!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab[data-phase=fixed] .accessibility-demo-play,.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab[data-phase=verified] .accessibility-demo-play{box-shadow:0 0 0 4px #0d1112, 0 0 0 7px var(--accessibility-demo-cyan), 0 10px 24px #00000070}.accessibility-demo-screen-caption{z-index:2;pointer-events:none;justify-items:center;display:grid;position:absolute;bottom:12px;left:18px;right:18px}.accessibility-demo-screen-caption p{border-left:4px solid var(--accessibility-demo-amber);color:#fff8e7;background:#0d1112ed;margin:0;padding:7px 11px;font-size:13px;font-weight:700;line-height:1.45;box-shadow:0 4px 14px #00000047}.accessibility-demo-screen-caption b{color:#ffd47c;letter-spacing:.06em;margin-right:5px;font-size:10px}.accessibility-demo-player-lab[data-phase=ready] .accessibility-demo-screen-caption p,.accessibility-demo-player-lab[data-phase=blocked] .accessibility-demo-screen-caption p{border-left-color:var(--accessibility-demo-danger);color:#ffd8d2}.accessibility-demo-controlbar{background:#1a2123;border-top:1px solid #344144;border-bottom:1px solid #344144;grid-template-columns:auto minmax(90px,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:grid}.accessibility-demo-time{color:#f2eee2;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:800}.accessibility-demo-timeline{background:#4a5659;border:1px solid #718083;border-radius:99px;height:7px;display:block;position:relative;overflow:hidden}.accessibility-demo-timeline i{border-radius:inherit;background:var(--accessibility-demo-amber);height:100%;transition:width .24s ease-out;display:block}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-cc{min-width:92px;min-height:48px;font:inherit;justify-content:center;align-items:center;gap:6px;padding:7px 10px;display:inline-flex;color:#f5f1e6!important;background:#263034!important;border:1px solid #718083!important;border-radius:5px!important}.accessibility-demo-cc b{font-family:var(--font-geist-mono), ui-monospace, monospace;border:1px solid;border-radius:2px;padding:2px 4px;font-size:10px}.accessibility-demo-cc span{font-size:11px;font-weight:800}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-cc:hover{border-color:var(--accessibility-demo-cyan)!important;color:#c5fbfc!important;background:#21383b!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-cc[aria-pressed=true]{color:#ffe6ad!important;background:#4d3510!important;border-color:#ffda8a!important}.accessibility-demo-proof{background:#20282a;border-bottom:1px solid #3e4c4f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;display:grid}.accessibility-demo-proof p{gap:3px;margin:0;display:grid}.accessibility-demo-proof small{color:#8adce0;letter-spacing:.07em;font-size:9px;font-weight:900}.accessibility-demo-proof p strong{color:#f3f0e5;font-size:12px;line-height:1.5}.accessibility-demo-proof>span{border:1px solid;border-radius:4px;padding:6px 8px;font-size:10.5px;font-weight:850;line-height:1.4}.accessibility-demo-proof>span.is-fail{color:#ff9a8e;border-style:dashed}.accessibility-demo-proof>span.is-pass{color:#84eef1}.accessibility-demo-transcript{z-index:1;background:var(--accessibility-demo-cream);color:#2d2a22;border:1px solid #d5b969;border-radius:2px;gap:9px;margin:13px 15px 16px;padding:13px 15px;display:grid;position:relative;transform:rotate(-.35deg);box-shadow:6px 7px #594823}.accessibility-demo-transcript:after{content:"";clip-path:polygon(100% 0,0 0,100% 100%);background:#f1ddaa;border-bottom:1px solid #d5b969;border-left:1px solid #d5b969;width:18px;height:18px;position:absolute;top:-1px;right:-1px}.accessibility-demo-transcript header{border-bottom:1px solid #dfc984;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:7px;display:flex}.accessibility-demo-transcript header strong{color:#28251e;font-size:14px}.accessibility-demo-transcript header span{color:#645633;font-size:10px;font-weight:850}.accessibility-demo-transcript ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.accessibility-demo-transcript li{border-left:3px solid #0000;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:5px 7px;display:grid}.accessibility-demo-transcript li.is-current{border-left-color:var(--accessibility-demo-amber-dark);background:#f7e2ae}.accessibility-demo-transcript time{color:#6f5e33;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:900}.accessibility-demo-transcript li p{color:#3b3528;margin:0;font-size:12px;line-height:1.5}.accessibility-demo-transcript li b{color:#0c6268;margin-right:6px}.accessibility-demo-transcript-empty{color:#6d271f;background:#f5d7c7;border-left:4px solid #a94e43;margin:0;padding:8px 10px;font-size:12px;font-weight:750;line-height:1.55}.accessibility-demo-player-foot{background:#1b2224;border-top:1px solid #344144;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.accessibility-demo-player-foot span{color:#c5cecc;padding:9px 11px;font-size:10.5px;font-weight:750;line-height:1.45}.accessibility-demo-player-foot span+span{border-left:1px solid #344144}.accessibility-demo-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-primary,.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-reset{min-height:46px;font:inherit;padding:10px 15px;font-size:13px;font-weight:900;border-radius:6px!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-primary{box-shadow:0 3px #8f5c15;background:var(--accessibility-demo-amber)!important;color:#171b1c!important;border:1px solid #ffda8a!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-primary:hover{color:#111516!important;background:#ffd073!important;border-color:#fff0c6!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-primary:active{transform:translateY(2px);box-shadow:0 1px #70430c;background:#e9a83d!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-reset{color:#f2eee2!important;background:#252e30!important;border:1px solid #718083!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-reset:hover{border-color:var(--accessibility-demo-cyan)!important;color:#c6fbfc!important;background:#21383b!important}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-play:focus-visible,.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-cc:focus-visible,.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-primary:focus-visible,.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-reset:focus-visible{outline:3px solid var(--accessibility-demo-cyan);outline-offset:3px}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-live{border:1px solid #c9ae67;border-left:5px solid var(--accessibility-demo-amber);color:#3f3521;background:#fff1cc;border-radius:3px;margin:0;padding:11px 13px;font-size:12.5px;font-weight:750;line-height:1.6}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab[data-phase=blocked] .accessibility-demo-live{color:#6d271f;background:#ffe0d8;border-color:#c7796e #c7796e #c7796e #9f4137}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab[data-phase=fixed] .accessibility-demo-live,.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab[data-phase=verified] .accessibility-demo-live{color:#134d51;background:#d9f2ef;border-color:#60a9ac #60a9ac #60a9ac #18777d}.accessibility-demo-knowledge{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.accessibility-demo-knowledge>div{background:#f6fbf9;border:1px solid #ccd9d7;border-left:4px solid #0f747a;border-radius:5px;min-width:0;padding:11px 13px}.accessibility-demo-knowledge dt{color:#153f42;font-size:13px;font-weight:900}.accessibility-demo-knowledge dd{color:#4c5d5b;margin:4px 0 0;font-size:12.5px;line-height:1.6}.accessibility-demo-when,.accessibility-demo-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.accessibility-demo-when article,.accessibility-demo-examples article{background:#fffdf7;border:1px solid #d7d2c3;border-radius:6px;align-content:start;gap:6px;min-width:0;padding:13px 14px;display:grid}.accessibility-demo-when strong,.accessibility-demo-examples strong{color:#263638;font-size:13.5px;line-height:1.45}.accessibility-demo-when p,.accessibility-demo-examples p{color:#596361;margin:0;font-size:12.5px;line-height:1.6}.accessibility-demo-examples small{color:#5d6765;letter-spacing:.06em;font-size:10px;font-weight:900}.accessibility-demo-examples span{color:#4f5d5b;font-size:11.5px;font-weight:750;line-height:1.55}.accessibility-demo-examples article.is-good{background:#edf9f6;border-left:5px solid #11787d}.accessibility-demo-examples article.is-good small{color:#0b6267}.accessibility-demo-examples article.is-bad{background:#fff2ec;border-left:5px dashed #a94e43}.accessibility-demo-examples article.is-bad small{color:#8a3b32}.accessibility-demo-how{counter-reset:accessibility-demo-how;gap:8px;margin:0;padding:0;list-style:none;display:grid}.accessibility-demo-how li{color:#53615f;counter-increment:accessibility-demo-how;background:#f8faf8;border:1px solid #d5ddd9;border-radius:5px;min-width:0;padding:10px 12px 10px 46px;font-size:13px;line-height:1.6;position:relative}.accessibility-demo-how li:before{content:counter(accessibility-demo-how, decimal-leading-zero);color:#0c6970;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:950;position:absolute;top:10px;left:13px}.accessibility-demo-how b{color:#273b3d}@media (prefers-reduced-motion:reduce){.accessibility-demo-player-lab .accessibility-demo-sound-wave i{animation:none!important}.accessibility-demo-player-lab .accessibility-demo-timeline i{transition:none}}@media (max-width:780px){.accessibility-demo-knowledge,.accessibility-demo-when,.accessibility-demo-examples,.accessibility-demo-proof{grid-template-columns:1fr}}@media (max-width:430px){.term-card .term-preview.accessibility-card-player{min-height:190px;padding:9px}.accessibility-card-change{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab{border-radius:10px;gap:12px;padding:12px}.accessibility-demo-task{grid-template-columns:1fr}.accessibility-demo-task em{white-space:normal;justify-self:start}.accessibility-demo-player-head{display:grid}.accessibility-demo-player-head>span{justify-self:start}.accessibility-demo-screen{grid-template-columns:88px minmax(0,1fr);min-height:240px}.accessibility-demo-speaker{padding:20px 8px 58px}.accessibility-demo-speaker>span{width:68px;height:108px}.accessibility-demo-speaker>span i{width:36px;height:36px;top:16px}.accessibility-demo-speaker>span b{height:68px;left:8px;right:8px}.accessibility-demo-speaker>em{padding:4px 5px;font-size:9px}.accessibility-demo-slide{gap:6px;padding:22px 12px 72px}.accessibility-demo-slide strong{font-size:20px}.accessibility-demo-slide p{font-size:11px}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-play{width:52px;height:52px;min-height:52px;left:56%}.accessibility-demo-screen-caption{bottom:8px;left:8px;right:8px}.accessibility-demo-screen-caption p{padding:6px 8px;font-size:10.5px}.accessibility-demo-controlbar{grid-template-columns:auto minmax(48px,1fr) auto;gap:7px;padding:8px}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-cc{grid-column:1/-1;justify-self:stretch;width:100%;min-height:46px}.accessibility-demo-transcript{margin:11px 10px 14px;padding:11px;transform:none;box-shadow:4px 5px #594823}.accessibility-demo-transcript header{display:grid}.accessibility-demo-transcript li{grid-template-columns:40px minmax(0,1fr);padding-inline:4px}.accessibility-demo-player-foot{grid-template-columns:1fr}.accessibility-demo-player-foot span+span{border-top:1px solid #344144;border-left:0}.accessibility-demo-actions{display:grid}.term-interactive-demo.accessibility-demo.accessibility-demo-player-lab .accessibility-demo-actions button{width:100%}}
.term-card .responsive-design-card-preview{background:#f5f7ff;border-color:#d8e0f5}.responsive-design-card-canvas{align-items:end;gap:5px;min-height:57px;display:flex}.responsive-design-card-frame{color:#4d61bd;background:#eef2ff;border:1px solid #cbd8fb;border-radius:5px;flex:1 1 0;align-content:center;justify-items:center;gap:4px;min-width:0;padding:5px 3px;font-size:9px;display:grid}.responsive-design-card-frame small{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px}.responsive-design-card-frame.is-mobile{min-height:34px}.responsive-design-card-frame.is-tablet{min-height:45px}.responsive-design-card-frame.is-desktop{color:#347b61;background:#eaf6ef;border-color:#c5e4d1;min-height:57px}.responsive-design-card-rule{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:5px 7px;display:flex}.responsive-design-card-rule strong{color:#4d61bd;font-size:9px}.responsive-design-card-rule span{color:#68748c;font-size:8px}@media (max-width:780px){.responsive-design-card-canvas{gap:3px}.responsive-design-card-frame{padding-inline:2px}}.term-card .term-preview.responsive-design-card-preview{background:#f5f7ff;border-color:#d8e0f5}.term-card .term-preview.responsive-design-card-preview,.term-card .responsive-design-card-preview{background:var(--color-white);border-color:var(--line)}.term-card .responsive-design-card-stage{grid-template-columns:1fr 1.15fr 1.45fr;align-items:end;gap:6px;display:grid}.term-card .responsive-design-card-device{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;gap:4px;margin:0;padding:6px 5px;display:grid}.term-card .responsive-design-card-device figcaption{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px;font-weight:700}.term-card .responsive-design-card-device.is-mobile{min-height:52px}.term-card .responsive-design-card-device.is-tablet{min-height:62px}.term-card .responsive-design-card-device.is-desktop{min-height:74px}.term-card .responsive-design-card-bar{justify-content:space-between;align-items:center;gap:4px;display:flex}.term-card .responsive-design-card-bar b{color:var(--ink);font-size:8px;font-weight:800}.term-card .responsive-design-card-bar small{color:var(--muted);font-size:7px;font-weight:700}.term-card .responsive-design-card-grid{gap:3px;display:grid}.term-card .responsive-design-card-grid.is-cols-1{grid-template-columns:1fr}.term-card .responsive-design-card-grid.is-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.term-card .responsive-design-card-grid.is-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.term-card .responsive-design-card-grid i{background:var(--color-deco);border-radius:2px;height:13px}.term-card .responsive-design-card-cta{background:var(--ink);color:var(--color-white);letter-spacing:.02em;border-radius:3px;justify-self:start;padding:2px 6px;font-size:7px;font-weight:750;line-height:1.4}.term-card .responsive-design-card-lead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin:0;display:flex}.term-card .responsive-design-card-lead strong{color:var(--ink);font-size:10px;font-weight:800}.term-card .responsive-design-card-lead span{color:var(--muted);font-size:8px;font-weight:700}.term-card .responsive-design-card-verdict{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.responsive-design-demo{border-color:var(--line);background:var(--color-white);gap:12px}.responsive-design-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.responsive-design-controls{gap:10px;display:grid}.responsive-design-slider{gap:5px;display:grid}.responsive-design-slider>span{color:var(--muted);font-size:11px;font-weight:700}.responsive-design-slider>b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:13px;font-weight:800}.term-interactive-demo.responsive-design-demo input[type=range]{width:100%;height:6px;min-height:0;color:var(--ink);font:inherit;appearance:none;background:0 0;border:0;border-radius:99px;padding:0}.term-interactive-demo.responsive-design-demo input[type=range]::-webkit-slider-runnable-track{background:var(--color-deco);border-radius:99px;height:6px}.term-interactive-demo.responsive-design-demo input[type=range]::-moz-range-track{background:var(--color-deco);border-radius:99px;height:6px}.term-interactive-demo.responsive-design-demo input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--color-white);border-radius:50%;width:18px;height:18px;margin-top:-6px}.term-interactive-demo.responsive-design-demo input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--color-white);border-radius:50%;width:18px;height:18px}.term-interactive-demo.responsive-design-demo input[type=range]:focus{outline:none}.term-interactive-demo.responsive-design-demo input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:99px}.responsive-design-tier-row{flex-wrap:wrap;gap:6px;display:flex}.responsive-design-fixed-toggle{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:7px;align-self:start;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.responsive-design-fixed-toggle input[type=checkbox]{accent-color:var(--ink)}.responsive-design-ruler{padding:2px 2px 0}.responsive-design-ruler-track{height:38px;position:relative}.responsive-design-ruler-track:before{content:"";background:var(--color-deco);border-radius:2px;height:2px;position:absolute;top:20px;left:0;right:0}.responsive-design-ruler-tick{background:var(--muted);border-radius:2px;width:2px;height:7px;position:absolute;top:17px;transform:translate(-50%)}.responsive-design-ruler-tick em{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;font-size:9px;font-style:normal;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.responsive-design-ruler-cursor{z-index:2;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:0;transform:translate(-50%)}.responsive-design-ruler-cursor i{background:var(--ink);color:var(--color-white);font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:9px;font-style:normal;font-weight:800;line-height:1.3}.responsive-design-ruler-cursor:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--ink);width:0;height:0}.responsive-design-device{border:1px solid var(--line);background:var(--soft);border-radius:10px;justify-self:center;width:100%;max-width:100%;display:grid;overflow:hidden}.responsive-design-device-bar{border-bottom:1px solid var(--line);background:var(--color-white);justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.responsive-design-device-width{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:800}.responsive-design-device-meta{color:var(--muted);font-size:11px;font-weight:650}.responsive-design-device-meta b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace}.responsive-design-device-screen{position:relative;overflow:hidden}.responsive-design-device-screen.is-overflowing{overflow-x:auto}.responsive-design-page{background:var(--color-white);gap:8px;padding:10px;display:grid}.responsive-design-page-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.responsive-design-page-brand{color:var(--ink);font-size:13px;font-weight:800}.responsive-design-page-nav{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:11px;font-weight:650;display:flex}.responsive-design-page-menu{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.responsive-design-page-hero{border:1px solid var(--color-deco);background:var(--soft);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.responsive-design-page-hero-copy{gap:2px;min-width:0;display:grid}.responsive-design-page-hero-copy strong{color:var(--ink);font-size:12px;font-weight:800}.responsive-design-page-hero-copy p{color:var(--muted);margin:0;font-size:10px}.responsive-design-page-grid{gap:6px;display:grid}.responsive-design-page-grid.is-cols-1{grid-template-columns:1fr}.responsive-design-page-grid.is-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-design-page-grid.is-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.responsive-design-page.is-mode-fixed .responsive-design-page-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.responsive-design-page-card{border:1px solid var(--color-deco);background:var(--color-white);border-radius:6px;gap:3px;padding:7px 8px;display:grid}.responsive-design-page-card b{color:var(--ink);font-size:11px;font-weight:750}.responsive-design-page-card span{color:var(--muted);font-size:10px;line-height:1.4}.responsive-design-page.is-tier-mobile .responsive-design-page-hero{flex-direction:column;align-items:stretch}.responsive-design-page.is-tier-mobile .responsive-design-page-cta{width:100%}.responsive-design-overflow-tear{color:#a83a44;white-space:nowrap;background:#fbeaee;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;top:6px;right:6px}.responsive-design-meter{border-top:1px solid var(--line);background:var(--color-white);flex-wrap:wrap;gap:8px;padding:7px 10px;display:flex}.responsive-design-meter span{background:var(--soft);color:var(--ink);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.responsive-design-meter .is-good{color:#1f6a3a;background:#e8f3ec}.responsive-design-meter .is-bad{color:#a83a44;background:#fbeaee}.responsive-design-reason{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:7px;margin:0;padding:9px 10px;font-size:12px;line-height:1.55}.responsive-design-reason strong{color:var(--ink);font-weight:800}.responsive-design-status{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.responsive-design-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.responsive-design-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.responsive-design-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.responsive-design-demo .responsive-design-page-cta{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);min-height:34px;color:var(--color-white);font:inherit;white-space:nowrap;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:750}.term-interactive-demo.responsive-design-demo .responsive-design-page-cta:hover{border-color:color-mix(in srgb, var(--color-rausch-600) 85%, #000);background:color-mix(in srgb, var(--color-rausch-600) 85%, #000);color:var(--color-white)}.term-interactive-demo.responsive-design-demo .responsive-design-page-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.responsive-design-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.responsive-design-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.responsive-design-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.responsive-design-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.responsive-design-examples header strong{color:var(--ink);font-size:14px}.responsive-design-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.responsive-design-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.responsive-design-examples header small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.responsive-design-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.responsive-design-examples article>span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:720px){.term-card .responsive-design-card-stage{grid-template-columns:1fr 1.05fr 1.25fr;gap:4px}.responsive-design-examples{grid-template-columns:1fr}.responsive-design-ruler-tick em{font-size:8px}}