.space-card-preview{gap:8px}.space-preview-ruler{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-weight:700;display:flex;font-size:9px!important}.space-preview-ruler span{color:var(--muted)}.space-preview-ruler b{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:999px;padding:2px 6px;font-weight:750;font-size:9px!important}.space-preview-rows{gap:7px;display:grid}.space-preview-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;display:grid}.space-preview-row.is-section{gap:14px}.space-preview-row>b{border:1px solid var(--line);background:var(--color-white);color:var(--ink);text-align:center;border-radius:5px;padding:8px 6px;font-size:11px!important}.space-preview-row span{color:#4a4a53;background:#f1eff4;border-radius:4px;justify-content:center;align-items:center;min-width:26px;padding:3px 6px;font-weight:800;display:inline-flex;font-size:9px!important}.space-preview-row.is-section span{color:#1f6a3a;background:#e6f0ec}.space-card-verdict{border:1px solid var(--line);background:var(--color-white);border-radius:6px;gap:4px;padding:8px 9px;display:grid}.space-card-tag{color:#6e4f22;background:#f1ead7;border-radius:999px;width:fit-content;padding:2px 7px;font-weight:800;font-size:9px!important}.space-card-verdict p{color:#4a4a53;margin:0;line-height:1.5;font-size:11px!important}.space-card-verdict b{color:#1f6a3a}.term-interactive-demo.space-interaction-demo{border-color:var(--line);background:var(--color-white)}.space-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.space-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.space-interaction-demo button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:#f1eff4}.space-token-ruler{flex-wrap:wrap;align-self:start;gap:6px;display:flex}.space-token-ruler button{min-height:32px;padding:6px 11px}.space-relation-toggle{flex-wrap:wrap;align-self:start;gap:7px;display:flex}.space-relation-toggle button{min-height:34px;padding:7px 12px}.space-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:0;padding:16px 14px;display:grid}.space-stage-item{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:6px;padding:10px 12px;font-size:13px;font-weight:700}.space-stage-item.is-body{color:#4a4a53;font-weight:650}.space-stage-gap{background:repeating-linear-gradient(90deg,#d7d7de 0 4px,#0000 4px 8px);min-height:20px;transition:height .12s ease-out;position:relative}.space-stage-measure{background:var(--color-white);color:#4a4a53;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px var(--line);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.space-stage-gap.is-random .space-stage-measure{color:#a83a44;background:#fdf3f4;box-shadow:0 0 0 1px #f0c9cd}.space-random-badge{background:var(--color-rausch-600);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:50%;left:8px;transform:translateY(-50%);box-shadow:0 1px #a3082e}.space-demo-status{border:1px solid var(--line);background:var(--soft);color:#3c3c44;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.space-reset{align-self:start}.space-knowledge-list,.space-when-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.space-knowledge-list li,.space-when-list li{border:1px solid var(--line);background:var(--soft);color:#4a4a53;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.6}.space-knowledge-list b,.space-when-list b{color:var(--ink)}.space-how-list{gap:6px;margin:0;padding-left:18px;list-style:decimal;display:grid}.space-how-list li{color:#4a4a53;padding:2px 0;font-size:13px;line-height:1.6}.space-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.space-example-grid 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}.space-example-grid article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.space-example-grid article strong{color:var(--ink);font-size:14px}.space-example-grid article.is-good strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.space-example-grid article.is-bad strong:before{content:"✗ ";color:#a83a44;font-weight:800}.space-example-spec{color:var(--muted);margin:0;font-size:12px;font-weight:700}.space-example-grid article p:not(.space-example-spec){color:var(--muted);margin:0;font-size:12px;line-height:1.58}@media (max-width:780px){.space-example-grid{grid-template-columns:1fr}}.space-demo-task{color:#263a7d;background:#eef1ff;border-left:3px solid;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.term-card .term-preview.space-card-preview{color:#252f61;background:#f1f3fc;border-color:#b8c3e1}.space-card-preview .space-preview-ruler b{color:#314a8a;background:#fff;border-color:#7e90c5}.space-card-preview .space-preview-row>b{color:#252f61;background:#fff;border-color:#c4cdeb}.space-card-preview .space-preview-row span{color:#29447f;background:#dbe4fb}.space-card-preview .space-preview-row.is-section span{color:#215d50;background:#d4ebdf}.space-card-preview .space-card-verdict{background:#fff;border-color:#bdc8e7}.space-card-preview .space-card-tag{color:#fff;background:#3f4f9b}.space-card-preview .space-card-verdict p{color:#3b456d}.space-card-preview .space-card-verdict b{color:#254880}.term-interactive-demo.space-interaction-demo{background:linear-gradient(160deg,#edf0fc,#f9f6ec);border-color:#aebce1}.space-interaction-demo .space-stage{background:#fffdf6;border-color:#9faedd;box-shadow:7px 7px #39488f1c}.space-interaction-demo .space-stage-item{color:#27335f;border-color:#bcc7e6}.space-interaction-demo .space-stage-item.is-body{color:#4d5981}.space-interaction-demo .space-stage-gap{background:repeating-linear-gradient(90deg,#8395cb 0 4px,#0000 4px 8px)}.space-interaction-demo .space-stage-measure{color:#29447f;background:#e4eaff;box-shadow:0 0 0 1px #9dadde}.space-interaction-demo .space-stage-gap.is-random .space-stage-measure{color:#9b3c34;background:#fde9e5;box-shadow:0 0 0 1px #d99b91}.space-interaction-demo .space-random-badge{background:#a84238;box-shadow:0 1px #732d28}.term-interactive-demo.space-interaction-demo button{color:#2a3f7e;background:#fffdf6;border-color:#8294ca}.term-interactive-demo.space-interaction-demo button:hover{color:#203a7d;background:#dfe6fb;border-color:#354c99}.term-interactive-demo.space-interaction-demo button[aria-pressed=true]{color:#fff;background:#3d4d98;border-color:#344992}.term-interactive-demo.space-interaction-demo button:focus-visible{outline-offset:3px;outline:3px solid #d4863c}.space-demo-status{color:#3e4f79;background:#fffdf6;border-color:#b5c2e5}.space-demo-status b{color:#285c53}.space-demo-status.is-random b{color:#9d3d34}.space-advanced-controls{border:1px dashed;border-radius:8px;padding:0 10px 10px}.space-advanced-controls summary{cursor:pointer;padding:9px 0;font-weight:800}.space-advanced-controls{color:#34488c;background:#ffffff9e;border-color:#9caae0}.space-advanced-controls>div+div{margin-top:9px}
.margin-card-preview{gap:7px}.margin-card-preview>small{color:var(--muted);font-weight:750}.margin-card-stage{border:1px dashed var(--line);background:var(--color-white);border-radius:7px;gap:0;padding:9px 10px;display:grid}.margin-card-block{border:1px solid var(--line);background:var(--soft);border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.margin-card-block.is-a{border-top:2px solid var(--ink)}.margin-card-block.is-b{border-bottom:2px solid var(--ink)}.margin-card-block b{color:var(--ink);font-size:11px!important}.margin-card-block span{color:var(--muted);font-weight:700;font-size:9px!important}.margin-card-gap{justify-items:center;gap:2px;padding:8px 6px;display:grid;position:relative}.margin-card-gap:before,.margin-card-gap:after{content:"";border-top:1px dashed #c2c2ca;height:0;position:absolute;left:8px;right:8px}.margin-card-gap:before{top:2px}.margin-card-gap:after{bottom:2px}.margin-card-gap b{color:var(--ink);font-size:11px!important}.margin-card-gap span{color:var(--muted);font-weight:700;font-size:9px!important}.margin-card-gap i{color:var(--muted);font-style:normal;font-weight:700;font-size:8px!important}.margin-card-preview>p{color:#5a5a64;margin:0;font-size:11px;line-height:1.5}.term-interactive-demo.margin-interaction-demo{border-color:var(--line);background:var(--color-white)}.margin-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.margin-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.margin-mode-toggle{border:1px solid var(--line);background:var(--soft);border-radius:8px;flex-wrap:wrap;align-self:start;gap:6px;padding:4px;display:inline-flex}.term-interactive-demo.margin-interaction-demo .margin-mode-toggle button{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-weight:700}.term-interactive-demo.margin-interaction-demo .margin-mode-toggle button[aria-pressed=true]{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.margin-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:0;padding:14px;display:grid}.margin-block{border:1px solid var(--line);background:var(--color-white);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.margin-block.is-a{border-top:3px solid var(--ink)}.margin-block.is-b{border-bottom:3px solid var(--ink)}.margin-block-name{color:var(--ink);font-size:13px;font-weight:800}.margin-block-decl{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:700}.margin-ruler{border-top:1px dashed #b9b9c1;border-bottom:1px dashed #b9b9c1;min-height:0;position:relative}.margin-ruler.is-collapsed{background:repeating-linear-gradient(#fff 0 4px,#f1f1f3 4px 8px)}.margin-ruler.is-stacked{background:var(--color-white)}.margin-ruler-tick{background:var(--color-white);border:1px solid #b9b9c1;border-radius:2px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.margin-verdict{border:1px solid var(--line);background:var(--color-white);border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;display:flex}.margin-gap-value{background:var(--ink);color:var(--color-white);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.margin-gap-reason{color:#4a4a53;font-size:12px;font-weight:700}.margin-fold-badge{background:var(--color-rausch-600);color:#fff;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;box-shadow:0 1px #a3082e}.margin-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.margin-controls label{gap:4px;display:grid}.margin-control-label{color:var(--ink);font-size:12px;font-weight:700}.margin-control-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.margin-demo-status{border:1px solid var(--line);background:var(--soft);color:#3c3c44;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.margin-reset{align-self:start}.margin-knowledge-list,.margin-when-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.margin-knowledge-list li,.margin-when-list li{border:1px solid var(--line);background:var(--soft);color:#4a4a53;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.6}.margin-knowledge-list b,.margin-when-list b{color:var(--ink)}.margin-how-list{color:#4a4a53;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.margin-how-list li::marker{color:var(--ink)}.margin-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.margin-example-grid article{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:6px;padding:13px 14px;display:grid}.margin-example-grid article.is-good{background:#f4faf6;border-left:4px solid #1f6a3a}.margin-example-grid article.is-bad{background:#fdf3f4;border-left:4px solid #a83a44}.margin-example-grid article strong{color:var(--ink);font-size:13px}.margin-example-grid article.is-good strong{color:#1f6a3a}.margin-example-grid article.is-bad strong{color:#a83a44}.margin-example-spec{color:#5a5a64;font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:12px}.margin-example-grid article p:not(.margin-example-spec){color:#4a4a53;margin:0;font-size:13px;line-height:1.6}@media (max-width:780px){.margin-controls,.margin-example-grid{grid-template-columns:1fr}.margin-block{flex-wrap:wrap}}.margin-demo-task{color:#84372e;background:#fff0ea;border-left:3px solid;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.term-card .term-preview.margin-card-preview{color:#6c2f2c;background:#fff3ed;border-color:#dfb6aa}.margin-card-preview .margin-card-stage{background:#fffdf9;border-color:#d89483}.margin-card-preview .margin-card-block{color:#6e302c;background:#fff8f4;border-color:#dba294}.margin-card-preview .margin-card-gap{color:#8e3e34;background:repeating-linear-gradient(135deg,#fde2d9 0 5px,#fff8f4 5px 10px)}.margin-card-preview p{color:#70433d}.term-interactive-demo.margin-interaction-demo{background:linear-gradient(145deg,#fff1eb,#fdf8ed);border-color:#d9a99d}.margin-interaction-demo .margin-stage{background:#fffdf9;border-color:#d89788;box-shadow:7px 7px #973a301c}.margin-interaction-demo .margin-block{color:#71342e;background:#fff7f3;border-color:#d9a196}.margin-interaction-demo .margin-ruler{background:repeating-linear-gradient(0deg,#e0a094 0 4px,#0000 4px 8px)}.margin-interaction-demo .margin-verdict{color:#703c36;background:#fff0e9;border-color:#e1b9af}.margin-interaction-demo .margin-fold-badge{color:#fff;background:#a84238}.term-interactive-demo.margin-interaction-demo button{color:#78362f;background:#fffdf9;border-color:#ce8e83}.term-interactive-demo.margin-interaction-demo button:hover{color:#7e302b;background:#ffe5db;border-color:#9d4036}.term-interactive-demo.margin-interaction-demo button[aria-pressed=true]{color:#fff;background:#a84238;border-color:#983d34}.term-interactive-demo.margin-interaction-demo button:focus-visible{outline-offset:3px;outline:3px solid #315f8d}.margin-interaction-demo input[type=range]{accent-color:#a84238}.margin-demo-status{color:#70443e;background:#fffdf9;border-color:#dfb7ad}.margin-demo-status b{color:#8f362e}.margin-advanced-controls{border:1px dashed;border-radius:8px;padding:0 10px 10px}.margin-advanced-controls summary{cursor:pointer;padding:9px 0;font-weight:800}.margin-advanced-controls{color:#883c34;background:#fffdf9b3;border-color:#d29a8e}
.padding-card-preview{align-content:center;gap:9px}.padding-card-stage{justify-content:center;align-items:center;gap:10px;display:flex}.padding-card-button{background:#f2f1f5;border:1px solid #d7d7df;border-radius:7px;place-items:center;padding:12px;display:grid;position:relative}.padding-card-button:before{content:"";pointer-events:none;border:1px dashed #b9b9c4;border-radius:4px;position:absolute;inset:5px}.padding-card-button-inner{color:var(--ink);background:#fff;border-radius:4px;padding:3px 7px;font-weight:750;position:relative;font-size:11px!important}.padding-card-neighbor{color:#6a6a73;background:#fff;border:1px solid #d9d9e1;border-radius:6px;padding:6px 9px;font-size:10px!important}.padding-card-verdict{border:1px solid var(--line);background:#fff;border-radius:6px;gap:4px;padding:7px 8px;display:grid}.padding-card-tag{color:#4a4a53;background:#f1eff4;border-radius:999px;width:fit-content;padding:1px 6px;font-weight:800;font-size:9px!important}.padding-card-verdict p{color:#4a4a53;margin:0;line-height:1.5;font-size:11px!important}.padding-card-verdict b{color:var(--ink)}.term-interactive-demo.padding-interaction-demo{border-color:var(--line);background:var(--color-white)}.term-interactive-demo.padding-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.padding-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.padding-mode-toggle{border:1px solid var(--line);background:var(--soft);border-radius:8px;flex-wrap:wrap;align-self:start;gap:6px;padding:4px;display:inline-flex}.term-interactive-demo.padding-interaction-demo .padding-mode-toggle button{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-weight:700}.term-interactive-demo.padding-interaction-demo .padding-mode-toggle button[aria-pressed=true]{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.term-interactive-demo.padding-interaction-demo input[type=range]{accent-color:var(--ink);background:0 0;border:0;padding:0}.padding-slider-label{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.padding-slider-value{color:var(--ink);font-weight:800}.padding-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;justify-content:center;align-items:center;gap:0;padding:22px 14px 18px;display:flex}.padding-target-col{flex-direction:column;align-items:center;gap:7px;display:flex}.term-interactive-demo.padding-interaction-demo .padding-target{background:var(--color-rausch-600);min-height:0;color:var(--color-white);border:0;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:750;transition:padding .14s ease-out,box-shadow .12s ease-out;display:inline-flex;box-shadow:0 1px #a3082e}.term-interactive-demo.padding-interaction-demo .padding-target:hover{background:var(--color-rausch-600);color:var(--color-white);box-shadow:0 2px #a3082e}.term-interactive-demo.padding-interaction-demo .padding-target:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.padding-target-readout{flex-wrap:wrap;justify-content:center;gap:5px;max-width:150px;display:flex}.padding-hit{color:#4a4a53;background:#f1eff4;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:750}.padding-aa{border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.padding-aa.is-pass{color:#1f6a3a;background:#e6f7ec}.padding-aa.is-fail{color:#a83a44;background:#fdf3f4}.padding-count{text-align:center;color:#6a6a73;width:100%;font-size:11px;font-weight:650}.padding-gutter{align-self:stretch;place-items:center;min-width:0;display:grid}.padding-gutter span{background:var(--color-white);color:#6a6a73;white-space:nowrap;border:1px dashed #c4c4cc;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.padding-neighbor-col{flex-direction:column;align-items:center;gap:7px;display:flex}.padding-neighbor{background:var(--color-white);color:#4e4e58;border:1px solid #d9d9e1;border-radius:8px;justify-content:center;align-items:center;min-width:44px;padding:6px 10px;font-size:13px;font-weight:650;display:inline-flex}.padding-neighbor-cap{color:#8a8a93;font-size:10px;font-weight:700}.padding-status{color:#4a4a53;margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.padding-interaction-demo .padding-reset{border:1px solid var(--line);background:var(--color-white);min-height:30px;color:var(--muted);border-radius:6px;align-self:start;padding:6px 12px;font-weight:700}.padding-knowledge-list,.padding-when-list,.padding-how-list{color:#4a4a53;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.padding-knowledge-list b,.padding-when-list b{color:var(--ink)}.padding-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.padding-example-grid article{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:13px}.padding-example-grid article.is-good{background:#e6f7ec;border-color:#bfe3cd}.padding-example-grid article.is-bad{background:#fdf3f4;border-color:#eed3d6}.padding-example-grid article strong{margin-bottom:7px;font-size:13px;display:block}.padding-example-grid article.is-good strong{color:#1f6a3a}.padding-example-grid article.is-bad strong{color:#a83a44}.padding-example-spec{background:var(--color-white);color:#4a4a53;font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:5px;margin:0 0 7px;padding:3px 7px;font-size:12px}.padding-example-grid article>p:last-child{color:#4a4a53;margin:0;font-size:13px;line-height:1.6}@media (prefers-reduced-motion:reduce){.term-interactive-demo.padding-interaction-demo .padding-target{transition:none}}.padding-demo-task{color:#7b520d;background:#fff4da;border-left:3px solid;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.term-card .term-preview.padding-card-preview{color:#684619;background:#fff6df;border-color:#ecd0a1}.padding-card-preview .padding-card-button{background:#ffe7ad;border-color:#dca850}.padding-card-preview .padding-card-button:before{border-color:#b77920}.padding-card-preview .padding-card-button-inner{color:#674311;background:#fffdf6}.padding-card-preview .padding-card-verdict{background:#fffdf6;border-color:#edcd9a}.padding-card-preview .padding-card-tag{color:#fff;background:#b76d19}.padding-card-preview .padding-card-verdict p{color:#74552a}.term-interactive-demo.padding-interaction-demo{background:linear-gradient(145deg,#fff2cc,#f8f4e6);border-color:#e2bc78}.padding-interaction-demo .padding-stage{background:#fffdf5;border-color:#e0b66c;box-shadow:7px 7px #b06a1a1f}.term-interactive-demo.padding-interaction-demo .padding-target{background:#9f5a14;box-shadow:0 2px #6e390d}.term-interactive-demo.padding-interaction-demo .padding-target:hover{color:#fff;background:#7f470f}.padding-interaction-demo .padding-hit{color:#72430e;background:#ffe4a7}.padding-interaction-demo .padding-aa.is-pass{color:#215d40;background:#dff3df}.padding-interaction-demo .padding-aa.is-fail{color:#993c32;background:#fde3dc}.padding-interaction-demo .padding-gutter span{color:#80520f;background:#fff9e7;border-color:#d4a657}.term-interactive-demo.padding-interaction-demo button{color:#75470e;background:#fffdf5;border-color:#d1a253}.term-interactive-demo.padding-interaction-demo button:hover{color:#663a0a;background:#ffe4a7;border-color:#94530e}.term-interactive-demo.padding-interaction-demo .padding-mode-toggle button[aria-pressed=true]{color:#fff;background:#9f5a14;border-color:#94530e}.term-interactive-demo.padding-interaction-demo button:focus-visible{outline-offset:3px;outline:3px solid #166c7a}.padding-interaction-demo input[type=range]{accent-color:#a45e14}.padding-status{color:#73542a}.padding-status b{color:#83500e}.padding-advanced-controls{border:1px dashed;border-radius:8px;padding:0 10px 10px}.padding-advanced-controls summary{cursor:pointer;padding:9px 0;font-weight:800}.padding-advanced-controls{color:#80500e;background:#fffdf5b8;border-color:#d9aa5b}
.term-card .flex-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}.flex-card-preview>small{color:var(--muted);font-weight:700}.flex-card-stage{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:7px;align-items:center;gap:6px;min-height:40px;padding:8px;display:flex}.flex-card-item{border:1px solid var(--color-deco);background:var(--color-faint);color:var(--ink);border-radius:5px;justify-content:center;align-items:center;padding:5px 7px;font-weight:700;display:inline-flex;font-size:10px!important}.flex-card-item.is-grow{border-style:dashed;flex:1 1 0}.flex-card-item.is-solid{background:var(--ink);border-color:var(--ink);color:var(--color-white)}.flex-card-result{color:var(--muted);font-size:10px;line-height:1.5}.flex-card-result b{color:var(--ink);font-weight:800}.flex-card-preview>p{color:var(--muted)}.term-interactive-demo.flex-demo{border-color:var(--line);background:var(--color-white)}.flex-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.flex-demo-controls{gap:8px;display:grid}.flex-demo-controls [role=group]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.flex-demo-controls [role=group]>small{width:100%;color:var(--muted);font-size:11px;font-weight:700}.flex-demo button:hover{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.flex-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink);font-weight:800}.flex-demo-stage-wrap{position:relative}.flex-demo-stage{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:9px;min-height:150px;padding:14px;overflow:hidden}.flex-demo-stage.is-direction-column{min-height:180px}.flex-demo-item{border:1px solid var(--line);background:var(--color-white);min-width:70px;min-height:44px;color:var(--ink);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 10px;font-weight:650;display:flex}.flex-demo-item-label{font-size:12px;line-height:1.3}.flex-demo-item-meta{color:var(--muted);font-size:10px;font-weight:550}.flex-demo-item.is-grow{background:var(--color-faint);border-style:dashed}.flex-demo-item.is-growing{border-style:solid;border-color:var(--ink);background:var(--color-faint);min-width:0}.flex-demo-item.is-primary{background:var(--color-rausch-600);border-color:var(--color-rausch-600);color:var(--color-white)}.flex-demo-overflow{color:#a83a44;background:#fdf3f4;border:1px solid #f0d4d8;border-radius:6px;max-width:calc(100% - 20px);padding:4px 8px;font-size:11px;font-weight:700;position:absolute;bottom:8px;right:10px}.flex-demo-verdict-badge{border-radius:6px;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;top:8px;left:10px}.flex-demo-verdict-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border:1px solid #c9e6d4}.flex-demo-verdict-badge.is-fail{color:#a83a44;background:#fdf3f4;border:1px solid #f0d4d8}.flex-demo-config{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.flex-demo-config b{font-weight:800}.flex-demo .flex-demo-check{border-color:var(--ink);background:var(--ink);color:var(--color-white);font-weight:800}.flex-demo .flex-demo-check:hover{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.flex-demo-status{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.flex-demo-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}.flex-demo-verdict strong{font-size:14px;line-height:1.3}.flex-demo-verdict span{color:var(--muted);font-size:12px;line-height:1.5}.flex-demo-verdict.is-pass{background:var(--color-white);border-left-color:#1f6a3a}.flex-examples{gap:var(--element-gap,12px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.flex-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}.flex-examples article.is-good{border-left:4px solid var(--ink);background:var(--color-white)}.flex-examples article.is-bad{border-left:4px dashed var(--color-deco);background:var(--color-faint)}.flex-examples header{align-items:baseline;gap:8px;display:flex}.flex-examples header strong{color:var(--ink);font-size:14px}.flex-examples article.is-good header strong:before{content:"✓ "}.flex-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted)}.flex-examples header small{color:var(--muted);font-size:11px;font-weight:650}.flex-examples p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}.flex-examples span{color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:560px){.flex-examples{grid-template-columns:1fr}.flex-demo-controls [role=group]{gap:5px}}.term-card .term-preview.flex-card-preview{color:#eaf5f2;background:#163442;border-color:#45667a}.flex-card-preview>small,.flex-card-preview>p,.flex-card-result{color:#b8d1ce}.flex-card-result b{color:#eaf5f2}.flex-card-stage{background:#102b37;border-color:#547c88}.flex-card-item{color:#eaf5f2;background:#1e4350;border-color:#527580}.flex-card-item.is-grow{background:#275e69}.flex-card-item.is-solid{color:#1a2f38;background:#d17b35;border-color:#d17b35}.term-interactive-demo.flex-demo{color:#edf8f3;background:linear-gradient(145deg,#12313e,#1b4850);border-color:#416b75}.flex-demo-brief,.flex-demo-controls [role=group]>small,.flex-demo-status,.flex-demo-item-meta{color:#bfd8d3}.flex-demo-stage{background:#102a35;border-color:#527d85;box-shadow:7px 7px #05171f3b}.flex-demo-item{color:#f1fbf7;background:#1d4450;border-color:#56818a}.flex-demo-item.is-grow{background:#245b66}.flex-demo-item.is-growing{background:#286d70;border-color:#77d1b9}.flex-demo-item.is-primary{color:#182c35;background:#d47b34;border-color:#d47b34}.flex-demo-item.is-primary .flex-demo-item-meta{color:#16323a}.flex-demo-task{color:#eefbf5;background:#081f28b8;border-left:3px solid #ffd277;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.term-interactive-demo.flex-demo button{color:#eaf5f2;background:#173b47;border-color:#56818a}.term-interactive-demo.flex-demo button:hover{color:#fff;background:#245b66;border-color:#83d7c2}.term-interactive-demo.flex-demo button[aria-pressed=true]{color:#fff;background:#337d78;border-color:#7dd2bc}.term-interactive-demo.flex-demo .flex-demo-check,.term-interactive-demo.flex-demo .flex-demo-check:hover{color:#152d35;background:#e09142;border-color:#e09142}.term-interactive-demo.flex-demo button:focus-visible{outline-offset:3px;outline:3px solid #ffd277}.flex-demo-config{color:#e3f3ee}.flex-demo-verdict{background:#173b47;border-color:#5b8790}.flex-demo-verdict span{color:#c1d8d4}.flex-demo-verdict.is-pass{border-left-color:#78d2ae}.flex-demo-verdict.is-pass strong{color:#8ce0bd}.flex-demo-verdict.is-fail{background:#4d2b30;border-left-color:#ee9187}.flex-demo-verdict.is-fail strong{color:#ffd0c8}.flex-demo-advanced-controls{border:1px dashed;border-radius:8px;padding:0 10px 10px}.flex-demo-advanced-controls summary{cursor:pointer;padding:9px 0;font-weight:800}.flex-demo-advanced-controls{color:#d4e7df;background:#09252f47;border-color:#5c8f91;order:1}.flex-demo-stage-wrap{order:-1}
.grid-card-preview{gap:8px}.grid-card-width{color:#5a5a64;margin:0;font-size:11px;font-weight:700}.grid-card-width b{color:#1f1f24;font-weight:800}.grid-card-compare{gap:8px;display:grid}.grid-card-row{border:1px solid var(--line);background:var(--color-white);border-radius:7px;gap:4px;padding:7px 8px;display:grid}.grid-card-row.is-good{background:#f4faf6;border-left:3px solid #1f6a3a}.grid-card-row.is-bad{background:#fdf3f4;border-left:3px solid #a83a44}.grid-card-row-label{color:#4a4a53;font-family:var(--font-geist-mono), ui-monospace, monospace;align-items:baseline;gap:5px;font-size:10px;font-weight:700;display:flex}.grid-card-row.is-good .grid-card-row-label b{color:#1f6a3a;font-size:10px;font-weight:800}.grid-card-row.is-bad .grid-card-row-label b{color:#a83a44;font-size:10px;font-weight:800}.grid-card-track{gap:3px;display:grid}.grid-card-track.is-squeeze{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-card-track.is-fold{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-card-track span{background:#fff;border:1px solid #dfe1eb;border-radius:4px;height:18px;display:block}.grid-card-row.is-bad .grid-card-track span{background:#fbeaee;border-color:#f0d2d6}.grid-card-row.is-good .grid-card-track span{background:#e8f3ec;border-color:#cfe6d6}.grid-card-row-note{color:#5a5a64;font-size:10px;font-weight:700}.grid-card-row.is-bad .grid-card-row-note b{color:#a83a44;font-weight:800}.grid-card-row.is-good .grid-card-row-note b{color:#1f6a3a;font-weight:800}.grid-card-verdict{border:1px solid var(--line);background:var(--soft);color:#3c3c44;border-radius:6px;margin:0;padding:7px 9px;font-size:11px;line-height:1.5}.grid-card-verdict b{color:#1f1f24;font-weight:800}.term-interactive-demo.grid-interaction-demo{border-color:var(--line);background:var(--color-white)}.grid-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.grid-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.grid-demo-toolbar{gap:12px;display:grid}.grid-demo-group{gap:5px;display:grid}.grid-demo-group-label{color:var(--ink);font-size:12px;font-weight:750}.grid-demo-group-label b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.grid-demo-segment{border:1px solid var(--line);background:var(--soft);border-radius:8px;flex-wrap:wrap;align-self:start;gap:6px;padding:4px;display:inline-flex}.term-interactive-demo.grid-interaction-demo .grid-demo-segment button{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-weight:700}.term-interactive-demo.grid-interaction-demo .grid-demo-segment button[aria-pressed=true]{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.grid-demo-sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.grid-demo-sliders label{gap:4px;display:grid}.grid-demo-sliders input[type=range]{width:100%;padding:0}.grid-demo-viewport{border:1px dashed var(--line);background:#fafafa;border-radius:8px;padding:12px;overflow-x:auto}.grid-demo-canvas{box-sizing:border-box;display:grid}.grid-demo-cell{border:1px solid var(--line);background:var(--color-white);min-height:46px;color:var(--ink);text-align:center;border-radius:6px;place-items:center;padding:8px;font-size:12px;font-weight:700;display:grid}.grid-demo-cell.is-hero{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:#fff;box-shadow:0 1px #a3082e}.grid-demo-readout{color:#e7e7ec;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#1f1f24;border:1px solid #1f1f24;border-radius:6px;margin:0;padding:9px 11px;font-size:12px;line-height:1.6;overflow-x:auto}.grid-demo-readout b{color:#fff;font-weight:800}.grid-demo-status{border:1px solid var(--line);background:var(--soft);color:#3c3c44;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.grid-demo-reset{align-self:start}.grid-knowledge-list,.grid-when-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.grid-knowledge-list li,.grid-when-list li{border:1px solid var(--line);background:var(--soft);color:#4a4a53;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.6}.grid-knowledge-list b,.grid-when-list b{color:var(--ink)}.grid-how-list{color:#4a4a53;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.grid-how-list li::marker{color:var(--ink)}.grid-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-example-grid article{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:6px;padding:13px 14px;display:grid}.grid-example-grid article.is-good{background:#f4faf6;border-left:4px solid #1f6a3a}.grid-example-grid article.is-bad{background:#fdf3f4;border-left:4px solid #a83a44}.grid-example-grid article strong{color:var(--ink);font-size:13px}.grid-example-grid article.is-good strong{color:#1f6a3a}.grid-example-grid article.is-bad strong{color:#a83a44}.grid-example-grid article code{background:var(--color-white);color:#4a4a53;font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:5px;margin:0;padding:5px 8px;font-size:12px;overflow-x:auto}.grid-example-grid article p{color:#4a4a53;margin:0;font-size:13px;line-height:1.6}@media (max-width:640px){.grid-demo-sliders,.grid-example-grid{grid-template-columns:1fr}}.term-card .term-preview.grid-card-preview{color:#393665;background:#f2f2fe;border-color:#bfc1e8}.grid-card-preview .grid-card-width,.grid-card-preview .grid-card-row-label,.grid-card-preview .grid-card-row-note{color:#514d7b}.grid-card-preview .grid-card-width b{color:#3d3b76}.grid-card-preview .grid-card-row{background:#fff;border-color:#c9c9ed}.grid-card-preview .grid-card-row.is-good{background:#f1efff;border-left-color:#5e55ad}.grid-card-preview .grid-card-row.is-bad{background:#fff1f1;border-left-color:#b85b67}.grid-card-preview .grid-card-track span{background:#f8f7ff;border-color:#bebee8}.grid-card-preview .grid-card-row.is-good .grid-card-track span{background:#e7e3ff;border-color:#aaa3e0}.grid-card-preview .grid-card-verdict{color:#4f4d76;background:#fff;border-color:#c5c4e9}.term-interactive-demo.grid-interaction-demo{background:linear-gradient(145deg,#efefff,#f8f2ed);border-color:#b7b9e5}.grid-interaction-demo .grid-demo-toolbar{background:#f7f6ff;border:1px solid #c5c6ea;padding:11px}.grid-interaction-demo .grid-demo-group-label{color:#48467c}.grid-interaction-demo .grid-demo-segment{background:#ecebff;border-color:#bebfe7}.term-interactive-demo.grid-interaction-demo .grid-demo-segment button{color:#4a4980}.term-interactive-demo.grid-interaction-demo .grid-demo-segment button[aria-pressed=true]{color:#fff;background:#5c56ad;border-color:#5c56ad}.term-interactive-demo.grid-interaction-demo button:hover{color:#373378;background:#e1dfff;border-color:#5c56ad}.term-interactive-demo.grid-interaction-demo button:focus-visible{outline-offset:3px;outline:3px solid #cf7a46}.grid-interaction-demo input[type=range]{accent-color:#5c56ad}.grid-demo-viewport{background:#fffdf9;border-color:#b7b9e5;box-shadow:7px 7px #524b981c}.grid-demo-cell{color:#424074;background:#f9f8ff;border-color:#b8b8e3}.grid-demo-cell.is-hero{color:#fff;background:#5c56ad;border-color:#5c56ad;box-shadow:0 2px #3f397e}.grid-demo-readout{color:#eeedff;background:#36336a;border-color:#36336a}.grid-demo-status{color:#4c4a77;background:#fffdf9;border-color:#c0c1e7}.grid-demo-status b{color:#4a438e}.grid-demo-task{color:#39356f;background:#e7e5ff;border-left:3px solid #5c56ad;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.grid-demo-advanced-controls{border:1px dashed;border-radius:8px;padding:0 10px 10px}.grid-demo-advanced-controls summary{cursor:pointer;padding:9px 0;font-weight:800}.grid-demo-advanced-controls{color:#494582;background:#ffffff94;border-color:#afb0df;order:1}.grid-demo-viewport{order:-1}
.z-index-card-preview{gap:7px}.z-index-card-canvas{border:1px dashed var(--line);background:var(--soft);border-radius:7px;height:84px;position:relative}.z-index-card-layer{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:5px;justify-content:space-between;align-items:center;gap:5px;padding:5px 7px;display:flex;position:absolute;font-size:10px!important}.z-index-card-layer b{color:var(--ink);font-weight:750;font-size:10px!important}.z-index-card-layer i{color:#1f6a3a;background:#e6f7ec;border-radius:999px;padding:1px 5px;font-style:normal;font-weight:700;font-size:9px!important}.z-index-card-layer.is-content{width:58%;top:30px;left:7px}.z-index-card-layer.is-modal{background:var(--color-white);color:#4a4a53;width:52%;top:18px;left:30%;box-shadow:0 4px 8px #2227461a}.z-index-card-layer.is-toast{color:#1f6a3a;border-color:#bfe6cc;width:46%;top:5px;right:7px}.z-index-card-rule{color:var(--ink);margin:0;line-height:1.45;font-size:11px!important}.z-index-card-rule b{color:var(--ink)}.z-index-card-trap{color:var(--muted);margin:0;line-height:1.5;font-size:10px!important}.z-index-card-trap b{color:#a83a44}.term-interactive-demo.z-index-interaction-demo{border-color:var(--line);background:var(--color-white);gap:14px}.z-index-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.z-index-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.z-index-interaction-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink)}.z-index-interaction-demo input[type=range]{accent-color:var(--ink)}.z-index-demo-intro p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.z-index-demo-controls{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:10px;padding:12px;display:grid}.z-index-demo-control-row{gap:5px;display:grid}.z-index-demo-control-row label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.z-index-demo-control-row label b{background:var(--color-white);border:1px solid var(--line);min-width:48px;color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:center;border-radius:999px;padding:1px 7px;font-size:12px}.z-index-demo-control-label{color:var(--muted);font-size:12px;font-weight:700}.z-index-demo-control-row[role=group]{grid-template-columns:1fr}.z-index-demo-control-row[role=group] button{text-align:left;justify-content:flex-start}.z-index-demo-stage{border:1px solid var(--line);background:repeating-linear-gradient(45deg,#fbfbfd,#fbfbfd 8px,#f5f6f9 8px 16px);border-radius:8px;min-height:190px;position:relative;overflow:hidden}.z-index-demo-layer{border-radius:7px;flex-direction:column;gap:4px;padding:9px 10px;font-size:12px;line-height:1.35;display:flex}.z-index-demo-layer-name{font-weight:700}.z-index-demo-layer-z{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:650}.z-index-demo-content{color:#9a9aa4;justify-content:center;padding:8px 10px;font-size:11px}.z-index-demo-content span{background:#fff9;border:1px dashed #c9cad3;border-radius:5px;padding:2px 7px}.z-index-demo-wrapper{border-radius:8px;width:60%;min-height:110px;padding:10px;position:absolute;top:18%;left:6%}.z-index-demo-wrapper.has-context{background:#6a6a740f;border:1.5px dashed #6a6a74}.z-index-demo-context-tag{background:var(--color-white);color:#4a4a53;border-radius:999px;padding:1px 7px;font-weight:750;position:absolute;top:-10px;left:8px;font-size:10px!important}.z-index-demo-modal{border:1px solid var(--color-rausch-600);background:var(--color-rausch);width:calc(100% - 20px);color:var(--color-white);border-radius:7px;position:absolute;top:8px;left:10px;box-shadow:0 6px 14px #e00b4147}.z-index-demo-modal.is-static{opacity:.92;margin:2px 0 0;position:static}.z-index-demo-modal .z-index-demo-layer-name{color:var(--color-white)}.z-index-demo-modal .z-index-demo-layer-z{color:#ffffffeb}.z-index-demo-uncle{border:1px solid var(--ink);background:var(--color-white);width:58%;color:var(--ink);border-radius:7px;position:absolute;bottom:8%;right:5%;box-shadow:0 4px 10px #2227461f}.z-index-demo-badge{border-radius:999px;align-self:flex-start;padding:2px 7px;font-style:normal;font-weight:750;line-height:1.3;font-size:10px!important}.z-index-demo-badge.is-good{color:#1f6a3a;background:#e6f7ec;border:1px solid #bfe6cc}.z-index-demo-badge.is-warn{color:#a83a44;background:#fdf3f4;border:1px solid #f0c6ca}.z-index-demo-badge.is-muted{background:var(--soft);color:var(--muted);border:1px dashed var(--line)}.z-index-demo-badge.is-info{color:#3a3f99;background:#eef1ff;border:1px solid #c7cdf3}.z-index-demo-modal .z-index-demo-badge.is-good,.z-index-demo-modal .z-index-demo-badge.is-warn{background:#fffffff0;border-color:#0000000f}.z-index-demo-modal .z-index-demo-badge.is-muted{color:#4a4a53;background:#ffffffd1;border:1px dashed #0000002e}.z-index-demo-status{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:7px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.55}.z-index-demo-status strong{color:var(--ink)}@media (max-width:640px){.z-index-demo-wrapper{width:64%;left:3%}.z-index-demo-uncle{width:64%;right:3%}}@media (max-width:780px){.z-index-card-canvas{height:74px}.z-index-card-layer{padding-inline:5px;font-size:9px!important}.z-index-card-layer b{font-size:9px!important}.z-index-card-layer i{padding:1px 4px;font-size:8px!important}.z-index-card-rule{font-size:10px!important}.z-index-card-trap{font-size:9px!important}}
.sticky-card-preview{color:var(--ink);gap:7px;padding:12px;display:grid;overflow:hidden}.sticky-card-viewport{border:1px solid var(--line);background:var(--color-white);border-radius:7px;gap:4px;min-height:78px;padding:7px;display:grid;position:relative;overflow:hidden}.sticky-card-intro{color:var(--muted);padding:1px 4px;font-size:9px;font-weight:700}.sticky-card-bar{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:5px 7px;display:flex}.sticky-card-bar b{font-weight:800;font-size:10px!important}.sticky-card-bar span{border:1px solid var(--ink);background:var(--color-white);color:var(--ink);border-radius:999px;padding:2px 6px;font-weight:800;font-size:9px!important}.sticky-card-lines{gap:5px;display:grid}.sticky-card-lines i{background:var(--color-deco);border-radius:99px;height:7px;display:block}.sticky-card-lines i:nth-child(2){width:82%}.sticky-card-lines i:nth-child(3){width:68%}.sticky-card-states{gap:4px;margin:0;display:grid}.sticky-card-states>div{border:1px solid var(--line);background:var(--color-white);border-radius:6px;grid-template-columns:80px 1fr;align-items:center;gap:6px;padding:4px 7px;display:grid}.sticky-card-states dt{color:var(--muted);margin:0;font-size:9px;font-weight:800}.sticky-card-states dd{color:var(--ink);margin:0;font-size:9px;font-weight:650}.sticky-card-preview>strong{border:1px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800;line-height:1.4;display:block}.sticky-card-preview>small{color:var(--muted)}.term-interactive-demo.sticky-interaction-demo{border-color:var(--line);background:var(--color-white)}.sticky-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.sticky-demo-controls,.sticky-demo-threshold{flex-wrap:wrap;gap:7px;display:flex}.sticky-interaction-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.sticky-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.sticky-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.sticky-interaction-demo .sticky-demo-threshold button[aria-pressed=true],.term-interactive-demo.sticky-interaction-demo .sticky-demo-threshold button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.sticky-demo-scroll{border:1px solid var(--line);background:var(--color-white);scrollbar-width:thin;border-radius:8px;max-height:240px;position:relative;overflow-y:auto}.sticky-demo-intro{border-bottom:1px dashed var(--line);padding:12px 14px}.sticky-demo-intro b{color:var(--ink);font-size:13px;font-weight:800;display:block}.sticky-demo-intro p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.55}.sticky-demo-toolbar{z-index:2;border:1px solid var(--line);background:var(--soft);color:var(--ink);align-items:center;gap:10px;padding:9px 14px;display:flex;position:sticky;top:0}.sticky-demo-toolbar.is-stuck{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white);box-shadow:0 2px 8px #e00b4138}.sticky-demo-toolbar.is-released{background:var(--color-white);color:var(--ink);border-style:dashed}.sticky-demo-toolbar.is-no-top{border-style:dashed;border-color:var(--color-deco);background:var(--color-white);color:var(--muted);position:relative;top:auto}.sticky-demo-title{font-size:13px;font-weight:800}.sticky-demo-coord{font-family:var(--font-geist-mono), ui-monospace, monospace;background:#0000000f;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}.sticky-demo-toolbar.is-stuck .sticky-demo-coord{color:var(--color-white);background:#ffffff3d}.sticky-demo-badge{border:1px solid;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.sticky-demo-toolbar.is-released .sticky-demo-badge,.sticky-demo-toolbar.is-no-top .sticky-demo-badge{border-style:dashed}.sticky-demo-content{gap:8px;padding:12px 14px 16px;display:grid}.sticky-demo-content article{border:1px solid var(--line);background:var(--color-white);border-radius:6px;gap:3px;padding:8px 10px;display:grid}.sticky-demo-content b{color:var(--ink);font-size:12px;font-weight:800}.sticky-demo-content p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.sticky-demo-occupies{border-left:3px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:0 6px 6px 0;margin:0;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.5}.sticky-demo-status{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.sticky-demo-status strong{color:var(--ink);font-size:14px}.sticky-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sticky-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:6px;padding:12px 14px;display:grid}.sticky-examples article header{justify-content:space-between;align-items:center;gap:6px;display:flex}.sticky-examples article strong{color:var(--ink);font-size:13px;font-weight:800}.sticky-examples article small{color:var(--muted);font-size:11px;font-weight:700}.sticky-examples article p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.sticky-examples article span{color:var(--muted);font-size:12px;line-height:1.5}.sticky-examples article.is-good{border-left:3px solid var(--ink)}.sticky-examples article.is-bad{border-left:3px dashed var(--color-deco);background:var(--color-faint)}.sticky-examples article.is-bad strong{color:var(--muted)}@media (max-width:780px){.sticky-card-viewport{min-height:78px}}.sticky-card-preview{color:#25385a}.sticky-card-preview article{background:#e5e9f0;border:2px solid #354865;gap:8px;display:grid;box-shadow:5px 5px #8aa0c0}.sticky-card-preview header{color:#f7f4ea;background:#354865;padding:8px;font-size:11px;font-weight:900}.sticky-card-preview article p{color:#3f597b;margin:0;padding:0 10px;line-height:1.7}.sticky-card-preview footer{color:#435a7b;background:#c9d6e8;padding:6px 10px;font-size:9px}.sticky-card-preview>p{color:#40526c;margin:10px 0 0;font-size:11px;line-height:1.55}.term-interactive-demo.sticky-demo{color:#f9f5e8;background:#293c56;border:2px solid #26364c;gap:12px;padding:16px;display:grid;box-shadow:8px 8px #8b9cc2}.sticky-demo-head{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.sticky-demo-head span{font:800 10px var(--font-geist-mono),monospace;color:#bed5ee}.sticky-demo-page{color:#23344d;background:#d9e1ed;border:1px solid #91aaca;min-height:262px;overflow:hidden}.sticky-demo-article{gap:11px;padding:12px;display:grid}.sticky-demo-article header{background:#fffaf0;border:2px solid #536a8d;gap:3px;padding:10px;display:grid;box-shadow:4px 4px #889ec0}.sticky-demo-article header b{color:#283f63}.sticky-demo-article header small{color:#536a79}.sticky-demo-article p{color:#455a76;background:#f5f7fb;margin:0;padding:12px;line-height:1.5}.sticky-demo-page.is-stick .sticky-demo-article header{background:#e0f1df;border-color:#2c775e;position:relative;top:0}.sticky-demo-page.is-clip .sticky-demo-article header{background:#fff0e8;border-color:#a74342;transform:translateY(-45px)}.sticky-demo-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.term-interactive-demo.sticky-demo button{color:#263c5d;background:#e8eef7;border-color:#a5b9d3;min-height:42px;font-weight:850}.term-interactive-demo.sticky-demo button:hover{color:#213b61;background:#cbd9ec}.term-interactive-demo.sticky-demo button[aria-pressed=true]{color:#fff;background:#7693ba}.term-interactive-demo.sticky-demo button:focus-visible{outline-offset:3px;outline:3px solid #f8d585}.sticky-demo-actions button:last-child{grid-column:span 2;color:#fff7e8!important;background:#213147!important}.term-interactive-demo.sticky-demo .sticky-demo-note{color:#f8f5e9;background:#203147;border-left:4px solid #b7c9e3;margin:0;padding:10px;line-height:1.6}.sticky-knowledge,.sticky-how{gap:8px;padding-left:20px;display:grid}.sticky-knowledge li,.sticky-how li{color:#4b5562;line-height:1.6}@media (max-width:520px){.term-interactive-demo.sticky-demo{padding:12px;box-shadow:4px 4px #8b9cc2}.sticky-demo-actions{grid-template-columns:1fr}.sticky-demo-actions button:last-child{grid-column:auto}}
.position-card-preview{gap:7px;padding:12px}.position-card-table{gap:3px;display:grid}.position-card-row{background:#fff;border:1px solid #e6e6eb;border-radius:6px;grid-template-columns:60px 1fr 1.05fr;align-items:center;gap:6px;padding:4px 6px;display:grid}.position-card-row.position-card-head{color:#8a8a94;background:0 0;border-style:dashed;border-color:#d8d8df;padding:3px 6px}.position-card-row.position-card-head span{font-size:9px!important}.position-card-row b{color:#2c2c33;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:10px!important}.position-card-row i{color:#5a5a63;align-items:center;gap:4px;font-style:normal;display:inline-flex;font-size:9px!important}.position-card-row i:before{content:"";background:0 0;border:1px solid #9a9aa3;border-radius:2px;flex:none;width:7px;height:7px}.position-card-row i.is-off{color:#2c2c33;font-weight:750}.position-card-row i.is-off:before{background:#2c2c33;border-color:#2c2c33}.position-card-row small{color:#6a6a73;font-size:9px!important}.position-card-conclusion{color:#4a4a53;margin:0;line-height:1.5;font-size:10px!important}.position-card-conclusion strong{color:#1f1f25;font-size:10px!important}.position-card-conclusion code{color:#2c2c33;background:#f1f1f4;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.term-interactive-demo.position-interaction-demo{border-color:var(--line);background:var(--color-white)}.position-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.position-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.position-interaction-demo input[type=range],.position-interaction-demo input[type=checkbox]{accent-color:var(--ink)}.position-demo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.position-demo-segment{border:1px solid var(--line);background:var(--soft);border-radius:8px;flex-wrap:wrap;align-self:start;gap:5px;padding:4px;display:inline-flex}.term-interactive-demo.position-interaction-demo .position-demo-segment button{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.term-interactive-demo.position-interaction-demo .position-demo-segment button[aria-pressed=true]{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.position-demo-check{color:#4a4a53;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.position-demo-sliders{gap:8px;display:grid}.position-demo-slider{color:#4a4a53;gap:4px;font-size:12px;font-weight:700;display:grid}.position-demo-slider span strong{color:var(--ink)}.position-demo-check code,.position-demo-status code,.position-demo-card-tag code{color:#3c3c44;background:var(--soft);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.position-demo-viewport{background:var(--soft);border:1px dashed #c4c4cc;border-radius:9px;min-height:184px;padding:18px 14px 14px;position:relative}.position-demo-viewport-tag{border:1px solid var(--line);background:var(--color-white);color:#6a6a73;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:750;position:absolute;top:6px;left:10px}.position-demo-card{background:var(--color-white);border:1px solid #d2d2da;border-radius:8px;margin-top:16px;padding:12px;position:relative;box-shadow:0 1px 2px #00000008}.position-demo-card.no-anchor{position:static}.position-demo-card.is-scroll{scrollbar-width:thin;max-height:150px;overflow:auto}.position-demo-card-tag{color:#6a6a73;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.position-demo-card-flow{align-items:center;gap:8px;min-height:30px;margin-bottom:9px;display:flex;position:static}.position-demo-placeholder{background:repeating-linear-gradient(45deg,#f1f1f4 0 4px,#0000 4px 8px);border:1px dashed #b9b9c1;border-radius:5px;flex:none;width:48px;height:22px;display:inline-block}.position-demo-card-body{align-items:center;gap:10px;display:flex}.position-demo-thumb{background:#eceef2;border:1px solid #e0e0e7;border-radius:6px;width:36px;height:36px}.position-demo-card-body b{color:#2c2c33;font-size:13px}.position-demo-card-body p{color:#6a6a73;margin:2px 0 0;font-size:12px}.position-demo-card-fill{gap:6px;margin-top:10px;display:grid}.position-demo-card-fill i{background:#eeeff2;border-radius:99px;height:10px;display:block}.position-demo-card-fill i:nth-child(2){width:88%}.position-demo-card-fill i:nth-child(3){width:70%}.position-demo-card-fill i:nth-child(4){width:94%}.position-demo-card-fill i:nth-child(5){width:64%}.position-demo-badge{background:var(--color-rausch);color:#fff;z-index:2;border-radius:7px;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 8px;display:inline-flex;box-shadow:0 1px #c01030}.position-demo-badge-label{color:#fff;font-size:11px;font-weight:800}.position-demo-badge-anchor{color:#fffffff0;white-space:nowrap;font-size:9px;font-weight:700}.position-demo-status{border:1px solid var(--line);background:var(--soft);color:#3c3c44;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.position-demo-status strong{color:var(--ink)}.position-knowledge-list,.position-when-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.position-knowledge-list li,.position-when-list li{border:1px solid var(--line);background:var(--soft);color:#4a4a53;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.6}.position-knowledge-list b,.position-when-list b{color:var(--ink)}.position-knowledge-list code,.position-when-list code,.position-how-list code{color:#2c2c33;background:var(--color-white);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.position-how-list{color:#4a4a53;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.position-how-list code{color:#2c2c33;background:var(--soft);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.position-example-grid{gap:10px;display:grid}.position-example-grid article{border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:12px 14px}.position-example-grid article.is-good{background:#e8f3ec;border-color:#bfe3cd}.position-example-grid article.is-bad{background:#fbeaee;border-color:#e6c4c8}.position-example-grid article strong{color:var(--ink);margin-bottom:6px;font-size:13px;display:block}.position-example-grid article.is-good strong{color:#1f6a3a}.position-example-grid article.is-bad strong{color:#a83a44}.position-example-spec{background:var(--color-white);color:#4a4a53;border-radius:5px;margin:0 0 6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.position-example-grid article p{color:#4a4a53;margin:0;font-size:13px;line-height:1.55}.position-card-preview{color:#432f24;overflow:hidden}.position-card-product{background:#f3dfbd;border:2px solid #623d2a;gap:5px;padding:16px;display:grid;position:relative;box-shadow:6px 6px #bc6e42}.position-card-product span{color:#7b4a30;font-size:9px}.position-card-product b{font-size:18px}.position-card-product small{color:#765e48}.position-card-product i{color:#fff6e9;background:#9e382e;padding:4px 6px;font-size:10px;font-style:normal;font-weight:900;position:absolute;top:-8px;right:-5px}.position-card-preview p{color:#593b2d;margin:10px 0 0;font-size:11px;line-height:1.55}.position-card-preview code{color:#63331f;background:#e9cfa9}.term-interactive-demo.position-demo{color:#fff5df;background:#5a342a;border:2px solid #422c24;gap:12px;padding:16px;display:grid;box-shadow:8px 8px #d68a52}.position-demo-brief{flex-wrap:wrap;justify-content:space-between;gap:7px;display:flex}.position-demo-brief span{font:800 10px var(--font-geist-mono),monospace;color:#ffd788}.position-demo-board{color:#38261f;background:#e8c899;border:1px solid #c99662;place-items:center;min-height:245px;display:grid;position:relative;overflow:hidden}.position-demo-product{z-index:2;background:#fff5df;border:2px solid #6e422d;gap:5px;width:min(76%,250px);padding:20px;display:grid;position:relative;box-shadow:6px 6px #a85c37}.position-demo-product small{color:#805338}.position-demo-product b{font-size:20px}.position-demo-product em{color:#654537;font-style:normal}.position-demo-product i{color:#fff7ea;background:#a33e32;padding:5px 7px;font-size:10px;font-style:normal;font-weight:900;position:absolute;top:-10px;right:-9px}.position-demo-board.is-escaped .position-demo-product i{position:fixed;top:18px;right:18px}.position-demo-board.is-anchored .position-demo-product i{background:#2b765e}.position-demo-inspector{z-index:3;color:#ffeed4;background:#3c2721;gap:2px;padding:7px;font-size:10px;display:grid;position:absolute;bottom:9px;left:10px}.position-demo-inspector span{color:#efc39c}.position-demo-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.term-interactive-demo.position-demo button{color:#4b2b20;background:#fff0d1;border-color:#d9a265;min-height:42px;font-weight:850}.term-interactive-demo.position-demo button:hover{color:#43251d;background:#ffe3ad;border-color:#f4c477}.term-interactive-demo.position-demo button[aria-pressed=true]{color:#301f18;background:#d38a4c}.term-interactive-demo.position-demo button:focus-visible{outline-offset:3px;outline:3px solid #ffe08f}.position-demo-actions button:last-child{grid-column:span 2;color:#fff1d8!important;background:#3d2720!important}.term-interactive-demo.position-demo .position-demo-note{color:#fff5df;background:#3b251f;border-left:4px solid #e4a65c;margin:0;padding:10px;line-height:1.6}.position-knowledge,.position-how{gap:8px;padding-left:20px;display:grid}.position-knowledge li,.position-how li{color:#4a5358;line-height:1.6}@media (max-width:520px){.term-interactive-demo.position-demo{padding:12px;box-shadow:4px 4px #d68a52}.position-demo-actions{grid-template-columns:1fr}.position-demo-actions button:last-child{grid-column:auto}.position-demo-board{min-height:265px}}
.centering-card-preview{gap:6px}.centering-card-stage{border:1px dashed var(--line);background:var(--color-white);border-radius:7px;place-items:center;height:64px;display:grid;position:relative}.centering-card-cross{color:#c4c4cc;pointer-events:none;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px!important}.centering-card-object{border:1px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:6px;padding:4px 9px}.centering-card-object b{font-size:10px!important}.centering-card-methods{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.centering-card-methods li{border:1px solid var(--line);background:var(--color-white);color:#5a5a64;border-radius:5px;padding:2px 6px;font-size:9px!important}.centering-card-methods b{color:var(--ink);font-weight:750;font-size:9px!important}.centering-card-preview p{color:#5a5a64;margin:0;line-height:1.45;font-size:10px!important}.centering-card-preview p b{color:var(--ink);font-size:10px!important}.term-interactive-demo.centering-interaction-demo{border-color:var(--line);background:var(--color-white)}.centering-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.centering-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.centering-demo-method-toggle,.centering-demo-size-toggle{border:1px solid var(--line);background:var(--soft);border-radius:8px;flex-wrap:wrap;align-self:start;gap:6px;padding:4px;display:inline-flex}.centering-demo-size-toggle{margin-top:-4px}.term-interactive-demo.centering-interaction-demo .centering-demo-method-toggle button,.term-interactive-demo.centering-interaction-demo .centering-demo-size-toggle button{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-weight:700}.term-interactive-demo.centering-interaction-demo .centering-demo-method-toggle button[aria-pressed=true],.term-interactive-demo.centering-interaction-demo .centering-demo-size-toggle button[aria-pressed=true]{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.centering-demo-stage{border:1px dashed var(--line);background:var(--soft);border-radius:8px;place-items:center;min-height:220px;padding:0;display:grid;position:relative;overflow:hidden}.centering-demo-stage:before{content:"";pointer-events:none;z-index:0;border:1px solid #c4c4cc;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centering-demo-stage:after{content:"容器中心 50% / 50%";background:var(--color-white);color:#84848d;z-index:0;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;right:10px}.centering-demo-stage.is-flex{justify-content:center;align-items:center;display:flex}.centering-demo-stage.is-grid{place-items:center;display:grid}.centering-demo-stage.is-margin{display:block}.centering-demo-stage.is-absolute{position:relative}.centering-demo-object{background:var(--color-rausch);color:#fff;text-align:center;z-index:1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 12px;display:flex;box-shadow:0 1px #c01030}.centering-demo-object.is-known{width:108px;height:60px}.centering-demo-object.is-unknown{width:fit-content}.centering-demo-stage.is-margin .centering-demo-object{margin-block:0;margin-inline:auto;display:flex}.centering-demo-stage.is-absolute .centering-demo-object{margin:auto;position:absolute;inset:0}.centering-demo-coord{font-size:11px;font-weight:750}.centering-demo-badge{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.centering-demo-badge.is-good{color:#fff;background:#1f6a3a}.centering-demo-badge.is-warn{color:#a83a44;background:#fdf3f4}.centering-demo-badge.is-bad{color:#fff;background:#a83a44}.centering-demo-status{border:1px solid var(--line);background:var(--soft);color:#3c3c44;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.centering-knowledge-list,.centering-when-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.centering-knowledge-list li,.centering-when-list li{border:1px solid var(--line);background:var(--soft);color:#4a4a53;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.6}.centering-knowledge-list b,.centering-when-list b{color:var(--ink)}.centering-how-list{color:#4a4a53;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.centering-example-grid{gap:10px;display:grid}.centering-example-grid article{border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:12px 14px}.centering-example-grid article.is-good{background:#e8f3ec;border-color:#bfe3cd}.centering-example-grid article.is-bad{background:#fbeaee;border-color:#e6c4c8}.centering-example-grid article strong{color:var(--ink);margin-bottom:6px;font-size:13px;display:block}.centering-example-grid article.is-good strong{color:#1f6a3a}.centering-example-grid article.is-bad strong{color:#a83a44}.centering-example-spec{background:var(--color-white);color:#4a4a53;border-radius:5px;margin:0 0 6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.centering-example-grid article p{color:#4a4a53;margin:0;font-size:13px;line-height:1.55}.centering-card-preview{--centering-ink:#132235;--centering-paper:#f5f0df;--centering-line:#93b8bf;color:var(--centering-ink)}.centering-card-canvas{background:linear-gradient(135deg,#dff0ec,#c6e2df);border:1px solid #7cabb4;place-items:center;min-height:126px;display:grid;position:relative;overflow:hidden}.centering-card-canvas:before,.centering-card-canvas:after,.centering-demo-vline,.centering-demo-hline{content:"";opacity:.72;background:repeating-linear-gradient(90deg,#477583 0 5px,#0000 5px 9px);position:absolute}.centering-card-canvas:before,.centering-demo-vline{width:1px;top:0;bottom:0;left:50%}.centering-card-canvas:after,.centering-demo-hline{height:1px;top:50%;left:0;right:0}.centering-card-axis{z-index:1;color:#244d57;font:800 8px var(--font-geist-mono),monospace;position:absolute}.centering-card-axis.axis-x{top:5px;left:calc(50% + 5px)}.centering-card-axis.axis-y{top:calc(50% + 4px);right:5px}.centering-card-empty{z-index:2;background:var(--centering-paper);text-align:center;border:2px solid #173b4a;gap:3px;min-width:142px;padding:13px;display:grid;position:relative;box-shadow:5px 5px #4d8790}.centering-card-empty b{font-size:14px}.centering-card-empty small{color:#365b60;font-size:9px}.centering-card-preview>p{color:#294750;margin:9px 0 0;font-size:11px;line-height:1.55}.centering-card-preview code,.centering-demo code{color:#163e4b;font:800 .92em var(--font-geist-mono),monospace;background:#d7e4e0;padding:1px 3px}.centering-demo{--centering-navy:#102b38;--centering-mint:#cee7dc;--centering-gold:#f5c861;border:2px solid var(--centering-navy);color:#f9f2dc;background:#163b49;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #e7ab54}.centering-demo-brief{color:#f9f2dc;flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.centering-demo-brief span{color:#e6fffa;font:800 10px var(--font-geist-mono),monospace;background:#2e6470;padding:3px 5px}.centering-demo-brief b{font-size:13px}.centering-demo-canvas{color:#102b38;background:#b9ddd7;border:1px solid #71aab1;min-height:255px;position:relative;overflow:hidden}.centering-demo-empty{z-index:2;background:#fff9e8;border:2px solid #173b4a;gap:5px;width:min(70%,240px);padding:15px;transition:left .18s,top .18s,transform .18s;display:grid;position:absolute;top:14%;left:14%;box-shadow:5px 5px #335f67}.centering-demo-canvas.is-margin .centering-demo-empty{top:14%;left:50%;transform:translate(-50%)}.centering-demo-canvas.is-centered .centering-demo-empty{border-color:#0b574f;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px #168979}.centering-demo-empty span{color:#2d200d;background:#d9a24f;justify-self:start;padding:2px 5px;font-size:10px;font-weight:900}.centering-demo-canvas.is-centered .centering-demo-empty span{color:#0b493d;background:#bde8d1}.centering-demo-empty b{font-size:18px}.centering-demo-empty small{color:#34545a}.centering-demo-empty button{color:#fff9e8;background:#315f66;border:0;justify-self:start;margin-top:3px;padding:4px 6px;font-size:10px}.centering-demo-empty button:disabled{opacity:.45}.centering-demo-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.centering-demo-actions button{color:#132b38;background:#f5e8c2;border:1px solid #f5c861;min-height:44px;font-weight:850}.centering-demo-actions button[aria-pressed=true]{color:#182018;background:#f5c861;box-shadow:inset 0 0 0 2px #fff9df}.centering-demo-actions .centering-demo-reset{color:#eef9ef;background:#254d58;grid-column:span 2}.centering-demo-actions button:focus-visible,.centering-demo-empty button:focus-visible{outline-offset:3px;outline:3px solid #f7e482}.centering-demo-note{color:#f9f2dc;background:#102b38;border-left:4px solid #f5c861;margin:0;padding:10px;line-height:1.65}.centering-knowledge-list,.centering-how{gap:8px;padding-left:20px;display:grid}.centering-knowledge-list li,.centering-how li{color:#374f54;line-height:1.65}.centering-knowledge-list code,.centering-how code{color:#174b55;background:#dcedea;padding:1px 3px}@media (max-width:520px){.centering-demo{padding:12px;box-shadow:4px 4px #e7ab54}.centering-demo-canvas{min-height:265px}.centering-demo-actions{grid-template-columns:1fr}.centering-demo-actions .centering-demo-reset{grid-column:auto}.centering-demo-empty{width:calc(100% - 32px)}}.term-interactive-demo.centering-demo .centering-demo-note{color:#f9f2dc}
.box-model-card-preview{gap:8px}.box-model-card-stack{color:#7d5d2c;background:#fff7e6;border:1px dashed #cdb48a;border-radius:7px;place-items:center;padding:9px 7px 11px;display:grid}.box-model-card-layer{text-align:center;place-items:center;display:grid}.box-model-card-layer.is-margin{width:92%;padding:6px}.box-model-card-layer.is-border{color:#6e4f22;background:#fff;border:3px solid #c8932f;border-radius:5px;width:92%;padding:6px}.box-model-card-layer.is-padding{color:#44567f;background:#eef2fa;border:2px solid #8c9dc4;border-radius:4px;width:90%;padding:7px}.box-model-card-layer.is-padding strong{color:#1f6a3a;font-size:11px!important}.box-model-card-layer span{font-size:9px!important}.box-model-card-verdict{background:#fff;border:1px solid #e3e3e8;border-radius:6px;gap:4px;padding:8px 9px;display:grid}.box-model-card-tag{color:#6e4f22;background:#f1ead7;border-radius:999px;width:fit-content;padding:2px 7px;font-weight:800;font-size:9px!important}.box-model-card-verdict p{color:#4a4a53;margin:0;line-height:1.5;font-size:11px!important}.term-interactive-demo.box-model-interaction-demo{border-color:var(--line);background:var(--color-white)}.box-model-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.box-model-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.box-model-sizing-toggle{border:1px solid var(--line);background:var(--soft);border-radius:8px;flex-wrap:wrap;align-self:start;gap:6px;padding:4px;display:inline-flex}.term-interactive-demo.box-model-interaction-demo .box-model-sizing-toggle button{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-weight:700}.term-interactive-demo.box-model-interaction-demo .box-model-sizing-toggle button[aria-pressed=true]{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.box-model-stage{gap:6px;display:grid}.box-model-track-rail{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.box-model-rail-right{color:#84848d}.box-model-track{border:1px solid var(--line);background:var(--color-white);border-radius:8px;padding:22px 12px 16px;position:relative}.box-model-track:before{content:"轨道右边界";color:#84848d;background:#f1eff4;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;right:10px}.box-model-track:after{content:"";pointer-events:none;border-right:2px dashed #c4c4cc;width:0;position:absolute;top:22px;bottom:16px;right:12px}.box-model-track.is-overflow:after{border-right-color:#a83a44}.box-model-occupied{box-sizing:border-box;position:relative}.box-model-margin-tag{color:#7d5d2c;margin-bottom:5px;font-size:10px;font-weight:750;display:block}.box-model-box{box-sizing:border-box;border:3px solid var(--ink);width:100%;color:var(--ink);text-align:center;background:#f4f2ec;border-radius:6px;justify-items:center;gap:5px;padding:12px 8px;transition:width .14s ease-out,padding .14s ease-out,border-width .14s ease-out,background-color .14s ease-out;display:grid}.box-model-box.is-content-box{background:#fbf1d8;border-color:#b9821b}.box-model-box.is-border-box{border-color:var(--ink);background:#eeedea}.box-model-box strong{color:#1f6a3a;font-size:13px}.box-model-box-width{color:#5a5a64;font-size:10px;font-weight:750}.box-model-overflow-badge{background:var(--color-rausch-600);color:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;box-shadow:0 1px #a3082e}.box-model-fit-badge{color:#1f6a3a;background:#e6f7ec;border:1px solid #bfe3cd;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.box-model-dimension-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.box-model-dimension-controls label{gap:4px;display:grid}.box-model-control-label{color:var(--ink);font-size:12px;font-weight:700}.box-model-control-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.box-model-demo-status{border:1px solid var(--line);background:var(--soft);color:#3c3c44;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.box-model-reset{align-self:start}.box-model-knowledge-list,.box-model-when-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.box-model-knowledge-list li,.box-model-when-list li{border:1px solid var(--line);background:var(--soft);color:#4a4a53;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.6}.box-model-knowledge-list b,.box-model-when-list b{color:var(--ink)}.box-model-how-list{color:#4a4a53;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.box-model-how-list li::marker{color:var(--ink)}.box-model-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.box-model-example-grid article{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:6px;padding:13px 14px;display:grid}.box-model-example-grid article.is-good{background:#f4faf6;border-left:4px solid #1f6a3a}.box-model-example-grid article.is-bad{background:#fdf3f4;border-left:4px solid #a83a44}.box-model-example-grid article strong{color:var(--ink);font-size:13px}.box-model-example-grid article.is-good strong{color:#1f6a3a}.box-model-example-grid article.is-bad strong{color:#a83a44}.box-model-example-spec{color:#5a5a64;font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:12px}.box-model-example-grid article p:not(.box-model-example-spec){color:#4a4a53;margin:0;font-size:13px;line-height:1.6}@media (max-width:640px){.box-model-dimension-controls,.box-model-example-grid{grid-template-columns:1fr}.box-model-track-rail{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.box-model-box{transition:none}}.term-card .term-preview.box-model-card-preview{color:#143b40;background:linear-gradient(145deg,#edf9f5,#f9f1de);border-color:#b9d8d3}.box-model-card-stack{background:#dff2eb;border-color:#91c6bd}.box-model-card-layer.is-margin{color:#477b78;background:repeating-linear-gradient(135deg,#0000 0 5px,#477b7821 5px 6px)}.box-model-card-layer.is-border{color:#145a55;background:#fdfcf5;border-color:#16766e}.box-model-card-layer.is-padding{color:#774a13;background:#fff0ce;border-color:#d99a39}.box-model-card-layer.is-padding strong{color:#123f43}.box-model-card-verdict{background:#fffdf7;border-color:#bedbd4}.box-model-card-tag{color:#f4fffc;background:#146e68}.box-model-card-verdict p{color:#36585b}.box-model-card-verdict b{color:#0d615c}.term-interactive-demo.box-model-interaction-demo{--box-ink:#103f43;background:linear-gradient(135deg,#e9f7f2,#f9f2df);border-color:#99c6bf}.box-model-interaction-demo .box-model-track{background:#fffdf7;border-color:#8bbeb6;box-shadow:6px 7px #186c651f}.box-model-interaction-demo .box-model-track:before{color:#165954;background:#d7eeea}.box-model-interaction-demo .box-model-track:after{border-right-color:#32958a}.box-model-interaction-demo .box-model-track.is-overflow:after{border-right-color:#a73936}.box-model-interaction-demo .box-model-track-rail,.box-model-interaction-demo .box-model-rail-right,.box-model-interaction-demo .box-model-control-label,.box-model-interaction-demo .box-model-control-value{color:#255c5c}.box-model-interaction-demo .box-model-margin-tag{color:#447978}.box-model-interaction-demo .box-model-box{color:#103f43;background:#e6f6f1;border-color:#16766e}.box-model-interaction-demo .box-model-box.is-content-box{background:#fff0ce;border-color:#c07a22}.box-model-interaction-demo .box-model-box.is-border-box{background:#e3f4ef;border-color:#126b65}.box-model-interaction-demo .box-model-box strong{color:#105d58}.box-model-interaction-demo .box-model-box-width{color:#315b5e}.box-model-interaction-demo .box-model-fit-badge{color:#145d4e;background:#e0f5e9;border-color:#80c6ad}.box-model-interaction-demo .box-model-overflow-badge{background:#a73936;box-shadow:0 1px #6c2728}.term-interactive-demo.box-model-interaction-demo button{color:#164f50;background:#fffdf7;border-color:#76aaa3}.term-interactive-demo.box-model-interaction-demo button:hover{color:#0c4e4a;background:#d9efea;border-color:#0f6761}.term-interactive-demo.box-model-interaction-demo button:focus-visible{outline-offset:3px;outline:3px solid #e38b35}.term-interactive-demo.box-model-interaction-demo .box-model-sizing-toggle{background:#dff1ec;border-color:#99c6bf}.term-interactive-demo.box-model-interaction-demo .box-model-sizing-toggle button[aria-pressed=true]{color:#fffdf7;background:#126b65;border-color:#0f6761}.box-model-interaction-demo input[type=range]{accent-color:#126b65}.box-model-advanced-controls{color:#1f5757;background:#fffdf7b8;border:1px dashed #80b9b0}.box-model-advanced-controls>div{padding:2px 10px 10px}.box-model-demo-status{color:#315b5e;background:#fffdf7;border-color:#a8d0c8}.box-model-demo-status b{color:#12635c}.box-model-demo-status.is-overflow b{color:#a73936}.box-model-task{color:#255c5c;background:#fff8e9;border-left:3px solid;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}@media (max-width:780px){.box-model-card-stack{padding:7px}.box-model-card-layer.is-margin,.box-model-card-layer.is-border,.box-model-card-layer.is-padding{padding:5px}.box-model-card-layer span{font-size:8px!important}}.box-model-advanced-controls{border:1px dashed;border-radius:8px;padding:0 10px 10px}.box-model-advanced-controls summary{cursor:pointer;padding:9px 0;font-weight:800}
.overflow-card-preview{color:var(--ink);gap:7px;padding:12px;display:grid}.overflow-card-stage{border:1px solid var(--line);background:var(--color-white);border-radius:8px;padding:10px;overflow:hidden}.overflow-card-box{border:1px solid var(--ink);background:var(--soft);border-radius:5px;width:116px;padding:5px 7px;overflow:visible}.overflow-card-box code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;display:block;font-size:9px!important}.overflow-card-mark{color:var(--muted);margin-top:6px;font-size:8px;font-weight:700;line-height:1.3;display:block}.overflow-card-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;display:grid}.overflow-card-values>div{border:1px solid var(--line);background:var(--color-white);border-radius:5px;grid-template-columns:52px 1fr;align-items:center;gap:5px;padding:3px 6px;display:grid}.overflow-card-values dt{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:9px;font-weight:800}.overflow-card-values dd{color:var(--muted);margin:0;font-size:9px;font-weight:650}.overflow-card-preview>strong{border:1px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800;line-height:1.4;display:block}.overflow-card-preview>small{color:var(--muted)}.term-interactive-demo.overflow-interaction-demo{border-color:var(--line);background:var(--color-white);gap:14px}.overflow-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.overflow-demo-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.term-interactive-demo.overflow-interaction-demo .overflow-demo-controls button{border:1px solid var(--line);background:var(--color-white);min-height:46px;color:var(--ink);text-align:center;border-radius:7px;gap:2px;padding:6px 4px;display:grid}.overflow-demo-controls button span{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:800}.overflow-demo-controls button small{color:var(--muted);font-size:11px;font-weight:600}.overflow-demo-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.overflow-demo-toggle{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.overflow-demo-toggle>span{color:var(--muted);font-size:12px;font-weight:700}.overflow-demo-toggle button{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:6px;padding:6px 9px;font-size:12px;font-weight:700}.overflow-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.overflow-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.overflow-interaction-demo .overflow-demo-controls button[aria-pressed=true],.term-interactive-demo.overflow-interaction-demo .overflow-demo-controls button[aria-pressed=true]:hover,.term-interactive-demo.overflow-interaction-demo .overflow-demo-toggle button[aria-pressed=true],.term-interactive-demo.overflow-interaction-demo .overflow-demo-toggle button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.overflow-demo-stage{border:1px solid var(--line);background:var(--color-faint);border-radius:8px;overflow:hidden}.overflow-demo-rail{border-bottom:1px dashed var(--line);background:var(--color-white);color:var(--muted);justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.overflow-demo-rail-right{color:var(--ink)}.overflow-demo-stage-scroll{padding:14px;overflow-x:auto}.overflow-demo-box{border:1px solid var(--ink);background:var(--color-white);border-radius:8px;gap:6px;max-width:100%;padding:12px;display:grid;position:relative}.overflow-demo-box.is-clipped{border-right:3px solid var(--ink)}.overflow-demo-box.is-spilling{border-style:dashed}.overflow-demo-box-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.overflow-demo-badge{background:var(--color-rausch-600);color:var(--color-white);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.overflow-demo-meter{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.overflow-demo-path{background:var(--color-faint);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;border-radius:5px;padding:6px 8px;font-size:12px;display:block}.overflow-demo-line{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.overflow-demo-status{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.overflow-demo-status strong{color:var(--ink);font-size:14px}.overflow-demo-note{border-left:3px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:0 6px 6px 0;margin:0;padding:8px 10px;font-size:12px;line-height:1.5}.overflow-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.overflow-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:6px;padding:12px 14px;display:grid}.overflow-examples article header{justify-content:space-between;align-items:center;gap:6px;display:flex}.overflow-examples article strong{color:var(--ink);font-size:13px;font-weight:800}.overflow-examples article small{color:var(--muted);font-size:11px;font-weight:700;font-family:var(--font-geist-mono), ui-monospace, monospace}.overflow-examples article p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.overflow-examples article span{color:var(--muted);font-size:12px;line-height:1.5}.overflow-examples article.is-good{border-left:3px solid var(--ink)}.overflow-examples article.is-bad{border-left:3px dashed var(--color-deco);background:var(--color-faint)}.overflow-examples article.is-bad strong{color:var(--muted)}.overflow-howto{counter-reset:overflow-step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.overflow-howto li{border:1px solid var(--line);background:var(--color-white);color:var(--muted);counter-increment:overflow-step;border-radius:8px;gap:3px;padding:10px 12px 10px 40px;font-size:13px;line-height:1.55;display:grid;position:relative}.overflow-howto li:before{background:var(--soft);width:20px;height:20px;color:var(--ink);content:counter(overflow-step);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:10px;left:12px}.overflow-howto li b{color:var(--ink);font-size:13px;font-weight:800}@media (max-width:540px){.overflow-demo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
.typography-card-preview{gap:6px}.typography-card-preview>small{color:#85858f;letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.typography-card-ladder{gap:2px;margin:0;padding:0;list-style:none;display:grid}.typography-card-ladder li{border-bottom:1px dashed #d7d9e1;grid-template-columns:20px minmax(0,1fr) auto;align-items:baseline;gap:7px;padding:4px 0;display:grid}.typography-card-ladder li:last-child{border-bottom:0}.typography-card-ladder b{color:#85858f;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:9px;font-weight:700}.typography-card-ladder i{color:#85858f;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px;font-style:normal}.typography-card-ladder span{overflow-wrap:anywhere;color:#2b2b33;min-width:0}.typography-card-ladder .is-heading span{font-size:15px;font-weight:700;line-height:1.15}.typography-card-ladder .is-body span{font-size:11px;font-weight:400;line-height:1.35}.typography-card-ladder .is-caption span{color:#6a6a72;font-size:9px;font-weight:400;line-height:1.3}.typography-card-conclusion{color:#2b2b33;margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-card .term-preview.typography-card-preview{background:var(--color-white);border-color:var(--color-deco)}.term-interactive-demo.typography-interaction-demo{border-color:var(--line);background:var(--color-white)}.term-interactive-demo.typography-interaction-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.typography-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.typography-interaction-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.typography-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.typography-interaction-demo input[type=range]{width:100%;min-height:0;accent-color:var(--ink);background:0 0;border:0;padding:0}.term-interactive-demo.typography-interaction-demo input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.typography-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.typography-demo-brief strong{color:var(--ink)}.typography-demo-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.typography-specimen{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.typography-specimen small{color:var(--muted)}.typography-specimen h3{color:var(--ink);max-width:22ch;margin:0}.typography-specimen p{color:var(--ink);max-width:34ch;margin:0}.typography-specimen strong{color:var(--ink)}.typography-specimen-cta{background:var(--color-rausch);color:var(--color-white);border-radius:7px;align-items:center;margin-top:2px;padding:6px 14px;font-weight:700;line-height:1.2;display:inline-flex}.typography-readout{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:12px;padding:12px;display:grid}.typography-readout-spec{gap:5px;margin:0;display:grid}.typography-readout-spec div{grid-template-columns:minmax(0,7rem) auto;align-items:baseline;gap:6px;display:grid}.typography-readout-spec dt{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.typography-readout-spec dd{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:12px;font-weight:700}.typography-meter{gap:6px;display:grid}.typography-meter-track{background:var(--color-faint);border-radius:999px;height:10px;position:relative}.typography-meter-band{background:#e6f7ec;border-radius:999px;width:50%;position:absolute;top:0;bottom:0;left:25%}.typography-meter-marker{background:var(--ink);border-radius:2px;width:3px;position:absolute;top:-3px;bottom:-3px}.typography-meter-ticks{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;justify-content:space-between;font-size:9px;display:flex}.typography-meter-verdict{color:#a83a44;background:#fdf3f4;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;padding:6px 9px;font-size:12px;font-weight:700;display:flex}.typography-meter-verdict[data-verdict=ok]{color:#1f6a3a;background:#e6f7ec}.typography-meter-verdict strong{font-weight:800}.typography-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:12px;display:grid}.typography-control{color:var(--muted);gap:4px;font-size:12px;font-weight:700;display:grid}.typography-control-name{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.typography-control-name output{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.typography-presets{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.typography-presets button{flex-direction:column;align-items:flex-start;gap:1px;min-height:38px;padding:6px 12px;display:inline-flex}.typography-presets button small{color:var(--muted);font-size:10px;font-weight:600}.typography-presets button[aria-pressed=true] small{color:var(--ink)}.typography-reset{align-self:flex-start;margin-left:auto}.typography-demo-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}.typography-demo-status[data-state=ok]{background:#e6f7ec;border-left-color:#1f6a3a}.typography-demo-status[data-state=tight],.typography-demo-status[data-state=loose],.typography-demo-status[data-state=small],.typography-demo-status[data-state=tracked]{background:#fdf3f4;border-left-color:#a83a44}.typography-demo-status strong{font-weight:800}.typography-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.typography-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:6px;padding:12px;display:grid}.typography-examples article.is-good{background:#f7fcf8;border-color:#cfe2d5}.typography-examples article.is-bad{background:#fff8f7;border-color:#ead5d1}.typography-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.typography-examples header strong{color:var(--ink);font-size:13px}.typography-examples header small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px}.typography-examples p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.typography-examples span{color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:720px){.typography-demo-layout,.typography-controls,.typography-examples{grid-template-columns:1fr}.typography-reset{margin-left:0}}.term-interactive-demo.typography-interaction-demo[data-b1-rebuild]{color:#202c42;background:#f4f0e6;border-color:#2c3c57;box-shadow:7px 7px #bfc7d5}.term-interactive-demo.typography-interaction-demo[data-b1-rebuild] .typography-specimen{color:#202c42;background:#fffdf7;border-color:#2c3c57}.term-interactive-demo.typography-interaction-demo[data-b1-rebuild] .typography-specimen-cta{color:#fffdf7;background:#2c3c57}
.serif-sans-card-preview{gap:6px}.serif-sans-card-rows{gap:5px;display:grid}.serif-sans-card-row{border:1px solid var(--line);background:var(--color-white);border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:6px 8px;display:grid}.serif-sans-card-row b{color:var(--ink);font-weight:800;font-size:10px!important}.serif-sans-card-row i{color:var(--ink);font-style:normal;font-weight:700;line-height:1.2;font-size:14px!important}.serif-sans-card-row small{color:var(--muted);white-space:nowrap;font-weight:650;font-size:9px!important}.serif-sans-card-row.is-serif i{font-family:Georgia,Noto Serif SC,Songti SC,serif}.serif-sans-card-row.is-sans i{font-family:system-ui,-apple-system,PingFang SC,Noto Sans SC,sans-serif}.serif-sans-card-row.is-mono i{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.serif-sans-card-preview>p{color:var(--muted);margin:0;font-weight:650;line-height:1.45;font-size:10px!important}.term-interactive-demo.serif-sans-interaction-demo{border-color:var(--line);background:var(--color-white);gap:13px}.serif-sans-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.serif-sans-demo-brief strong{color:var(--ink)}.serif-sans-demo-picker{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.serif-sans-demo-picker-label{width:100%;color:var(--muted);margin:0;font-size:12px;font-weight:700}.serif-sans-interaction-demo button:hover{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.serif-sans-interaction-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.serif-sans-demo-sample{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:9px;padding:14px;display:grid}.serif-sans-demo-sample.is-recommended{border-width:2px;border-color:var(--ink)}.serif-sans-demo-sample.is-caution{border-color:var(--color-deco);background:var(--color-faint)}.serif-sans-demo-sample.is-mismatch{border-style:dashed;border-color:var(--color-deco);background:var(--color-faint)}.serif-sans-demo-sample-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.serif-sans-demo-family-badge{background:var(--ink);color:var(--color-white);border-radius:99px;align-items:baseline;gap:4px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.serif-sans-demo-family-en{opacity:.82;font-weight:650}.serif-sans-demo-trait{color:var(--muted);font-size:12px;font-weight:650}.serif-sans-demo-render{color:var(--ink);margin:0;font-size:16px;line-height:1.5}.serif-sans-demo-render.serif{font-family:Georgia,Noto Serif SC,Songti SC,serif}.serif-sans-demo-render.sans{font-family:system-ui,-apple-system,PingFang SC,Noto Sans SC,sans-serif}.serif-sans-demo-render.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.serif-sans-demo-stack{color:#d9e2f4;font-family:var(--font-geist-mono), ui-monospace, monospace;word-break:break-word;background:#1e2330;border-radius:7px;margin:0;padding:8px 10px;font-size:11px;line-height:1.5;display:block}.serif-sans-demo-fit{border:1px solid var(--color-deco);background:var(--color-white);color:var(--ink);border-radius:99px;justify-self:start;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.serif-sans-demo-fit i{font-style:normal;font-weight:900}.serif-sans-demo-sample.is-recommended .serif-sans-demo-fit{background:var(--color-rausch);border-color:var(--color-rausch);color:var(--color-white)}.serif-sans-demo-sample.is-caution .serif-sans-demo-fit{background:var(--color-white);color:var(--ink)}.serif-sans-demo-sample.is-mismatch .serif-sans-demo-fit{background:var(--color-white);color:var(--muted);border-style:dashed}.serif-sans-demo-status{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-left-width:4px;border-radius:8px;gap:3px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55;display:grid}.serif-sans-demo-status strong{font-size:14px;font-weight:800}.serif-sans-demo-status span{color:var(--muted);font-size:12px;line-height:1.5}.serif-sans-demo-status.is-recommended{border-left-color:var(--ink)}.serif-sans-demo-status.is-caution{border-left-color:var(--color-deco)}.serif-sans-demo-status.is-mismatch{border-left-color:var(--color-deco);background:var(--color-faint);border-left-style:dashed}.serif-sans-examples{gap:10px;display:grid}.serif-sans-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;padding:12px 14px}.serif-sans-examples article.is-good{border-left:4px solid var(--ink)}.serif-sans-examples article.is-bad{border-left:4px dashed var(--color-deco);background:var(--color-faint)}.serif-sans-examples header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.serif-sans-examples header strong{color:var(--ink);font-size:14px;font-weight:800}.serif-sans-examples article.is-good header strong:before{content:"✓ ";color:var(--ink)}.serif-sans-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted)}.serif-sans-examples header small{color:var(--muted);font-size:11px;font-weight:700}.serif-sans-examples p{color:var(--ink);margin:0 0 6px;font-size:13px;line-height:1.55}.serif-sans-examples span{color:var(--muted);font-size:12px;font-weight:650}@media (max-width:640px){.serif-sans-card-row{grid-template-columns:1fr;gap:3px}.serif-sans-card-row small{white-space:normal}.serif-sans-demo-sample-head{flex-direction:column;align-items:flex-start}}.term-interactive-demo.serif-sans-interaction-demo[data-b1-rebuild]{color:#173538;background:#e4f0e8;border-color:#2a4b4d;box-shadow:7px 7px #9fc8bf}.term-interactive-demo.serif-sans-interaction-demo[data-b1-rebuild] .serif-sans-demo-sample{background:#fffdf8;border-color:#2a4b4d}.term-interactive-demo.serif-sans-interaction-demo[data-b1-rebuild] .serif-sans-demo-family-badge{color:#fffdf8;background:#2a4b4d}.term-interactive-demo.serif-sans-interaction-demo[data-b1-rebuild] .serif-sans-demo-stack{color:#e7fbf4;background:#183d40}.term-interactive-demo.serif-sans-interaction-demo[data-b1-rebuild] .serif-sans-demo-sample.is-recommended .serif-sans-demo-fit{color:#fff;background:#1f6f60;border-color:#1f6f60}
.text-truncate-card-preview{color:var(--ink);gap:7px;padding:12px;display:grid}.term-card .term-preview.text-truncate-card-preview{background:var(--color-white);border-color:var(--color-deco)}.text-truncate-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.text-truncate-card-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.text-truncate-card-rows li{border:1px solid var(--line);background:var(--color-white);border-left-width:3px;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.text-truncate-card-rows li.is-ellipsis{border-left-color:var(--ink)}.text-truncate-card-rows li.is-clamp{border-left-color:var(--color-deco)}.text-truncate-card-rows li.is-wrap{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--color-faint)}.text-truncate-card-title{color:var(--ink);font-size:11px;font-weight:600;line-height:1.3}.text-truncate-card-title.is-clipped-1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-truncate-card-title.is-clamped-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-truncate-card-title.is-wrapped{white-space:normal;overflow-wrap:anywhere}.text-truncate-card-rows b{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:9px;font-weight:800}.text-truncate-card-conclusion{border:1px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:6px;margin:0;padding:6px 8px;font-size:10px;font-weight:700;line-height:1.4}.term-interactive-demo.text-truncate-interaction-demo{border-color:var(--line);background:var(--color-white);gap:14px}.text-truncate-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.text-truncate-demo-brief strong{color:var(--ink)}.text-truncate-demo-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-controls button{border:1px solid var(--line);background:var(--color-white);min-height:44px;color:var(--ink);text-align:center;border-radius:7px;gap:2px;padding:6px 4px;display:grid}.text-truncate-demo-controls button span{font-size:12px;font-weight:800}.text-truncate-demo-controls button small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:600}.text-truncate-demo-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.text-truncate-demo-toggle{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.text-truncate-demo-toggle button{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700}.text-truncate-demo-reset{border:1px solid var(--line);background:var(--color-white);color:var(--ink);font:inherit;border-radius:7px;margin-left:auto;padding:6px 11px;font-size:12px;font-weight:650}.term-interactive-demo.text-truncate-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.text-truncate-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-controls button[aria-pressed=true],.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-controls button[aria-pressed=true]:hover,.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-toggle button[aria-pressed=true],.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-toggle button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.text-truncate-demo-stage{border:1px solid var(--line);background:var(--color-faint);border-radius:8px;overflow:hidden}.text-truncate-demo-rail{border-bottom:1px dashed var(--line);background:var(--color-white);color:var(--muted);justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.text-truncate-demo-rail-right{color:var(--ink)}.text-truncate-demo-stage-scroll{padding:14px;overflow-x:auto}.text-truncate-demo-card{border:1px solid var(--ink);background:var(--color-white);border-radius:8px;gap:8px;max-width:100%;padding:12px;display:grid}.text-truncate-demo-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.text-truncate-demo-card-head small{color:var(--muted);font-size:11px;font-weight:700}.text-truncate-demo-badge{border:1px solid var(--ink);background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.text-truncate-demo-heading{color:var(--ink);margin:0;font-size:14px;font-weight:700;line-height:1.4}.text-truncate-demo-heading.is-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-truncate-demo-heading.is-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-truncate-demo-heading.is-wrap{white-space:normal;overflow-wrap:anywhere;overflow:visible}.text-truncate-demo-heading.is-expanded{white-space:normal!important;text-overflow:clip!important;-webkit-line-clamp:none!important;display:block!important;overflow:visible!important}.text-truncate-demo-meta{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.text-truncate-demo-meter{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.text-truncate-demo-aria{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:600}.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-readmore{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);min-height:36px;color:var(--color-white);font:inherit;border-radius:8px;justify-self:start;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:750;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-readmore:hover{border-color:var(--color-rausch);background:var(--color-rausch);color:var(--color-white)}.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-readmore:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.text-truncate-demo-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}.text-truncate-demo-status strong{font-weight:800}.text-truncate-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.text-truncate-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:8px;padding:12px 14px;display:grid}.text-truncate-examples article header{justify-content:space-between;align-items:center;gap:6px;display:flex}.text-truncate-examples article strong{color:var(--ink);font-size:13px;font-weight:800}.text-truncate-examples article small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.text-truncate-examples article p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.text-truncate-examples article span{color:var(--muted);font-size:12px;line-height:1.5}.text-truncate-examples article.is-good{border-left:3px solid var(--ink)}.text-truncate-examples article.is-bad{border-left:3px dashed var(--color-deco);background:var(--color-faint)}.text-truncate-example-card{border:1px solid var(--line);background:var(--color-faint);border-radius:7px;gap:5px;padding:10px;display:grid}.text-truncate-example-card small{color:var(--muted);font-size:10px;font-weight:700}.text-truncate-example-title{color:var(--ink);font-size:12px;font-weight:600;line-height:1.35}.text-truncate-example-title.is-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-truncate-example-title.is-clip-silent{white-space:nowrap;text-overflow:clip;overflow:hidden}.text-truncate-example-link{color:var(--ink);text-underline-offset:2px;justify-self:start;font-size:11px;font-weight:750;text-decoration:underline}.text-truncate-howto{counter-reset:tt-step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.text-truncate-howto li{border:1px solid var(--line);background:var(--color-white);color:var(--muted);counter-increment:tt-step;border-radius:8px;gap:3px;padding:10px 12px 10px 40px;font-size:13px;line-height:1.55;display:grid;position:relative}.text-truncate-howto li:before{background:var(--soft);width:20px;height:20px;color:var(--ink);content:counter(tt-step);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:10px;left:12px}.text-truncate-howto li b{color:var(--ink);font-size:13px;font-weight:800}@media (max-width:540px){.text-truncate-demo-controls,.text-truncate-examples{grid-template-columns:1fr}.text-truncate-demo-reset{margin-left:0}}@media (prefers-reduced-motion:reduce){.term-interactive-demo.text-truncate-interaction-demo .text-truncate-demo-readmore{transition:none}}.term-interactive-demo.text-truncate-interaction-demo[data-b1-rebuild]{color:#17202b;background:#e8edf0;border-color:#354554;box-shadow:7px 7px #a9b9c5}.term-interactive-demo.text-truncate-interaction-demo[data-b1-rebuild] .text-truncate-demo-card{background:#fff;border-color:#354554}.term-interactive-demo.text-truncate-interaction-demo[data-b1-rebuild] .text-truncate-demo-readmore:hover{color:#fff;background:#254b63;border-color:#254b63}