.term-interactive-demo.breakpoint-demo{color:#1f2328;background:#f4f5f7;border:1px solid #cfd3da;border-radius:12px;gap:12px;padding:14px}.breakpoint-step0{background:#fff;border:1px solid #dadce0;border-radius:10px;gap:6px;padding:10px 12px;display:grid}.breakpoint-step0 p{color:#3c4043;margin:0;font-size:13px;line-height:1.6}.breakpoint-step0 p b{color:#1f2328}.breakpoint-shortcuts{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.breakpoint-shortcuts li{color:#5f6368;align-items:center;gap:4px;font-size:12px;display:inline-flex}.breakpoint-shortcuts kbd{color:#1f2328;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#f1f3f4;border:1px solid #bdc1c6;border-radius:4px;padding:1px 6px;font-size:11px}.term-interactive-demo.breakpoint-demo .breakpoint-run,.term-interactive-demo.breakpoint-demo .breakpoint-step,.term-interactive-demo.breakpoint-demo .breakpoint-stack,.term-interactive-demo.breakpoint-demo .breakpoint-reset{color:#3c4043;min-height:34px;font:inherit;background:#fff;border:1px solid #dadce0;border-radius:8px;padding:7px 13px;font-size:13px;font-weight:700}.term-interactive-demo.breakpoint-demo .breakpoint-run:hover:not(:disabled),.term-interactive-demo.breakpoint-demo .breakpoint-step:hover:not(:disabled),.term-interactive-demo.breakpoint-demo .breakpoint-stack:hover:not(:disabled),.term-interactive-demo.breakpoint-demo .breakpoint-reset:hover:not(:disabled){border-color:var(--ink);color:var(--ink);background:#f8f9fa}.term-interactive-demo.breakpoint-demo .breakpoint-run:focus-visible,.term-interactive-demo.breakpoint-demo .breakpoint-step:focus-visible,.term-interactive-demo.breakpoint-demo .breakpoint-stack:focus-visible,.term-interactive-demo.breakpoint-demo .breakpoint-reset:focus-visible{outline-offset:2px;outline:2px solid #3c4043}.term-interactive-demo.breakpoint-demo .breakpoint-run{color:#1f2328;background:#e8eaed;border-color:#9aa0a6;font-weight:750}.term-interactive-demo.breakpoint-demo .breakpoint-stack[aria-pressed=true]{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 10%, #fff);color:var(--ink)}.term-interactive-demo.breakpoint-demo .breakpoint-run:disabled,.term-interactive-demo.breakpoint-demo .breakpoint-step:disabled,.term-interactive-demo.breakpoint-demo .breakpoint-stack:disabled{opacity:.5;cursor:not-allowed}.breakpoint-workspace{grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);gap:12px;display:grid}@media (max-width:780px){.breakpoint-workspace{grid-template-columns:1fr}}.breakpoint-editor{background:#fff;border:1px solid #dadce0;border-radius:10px;display:grid;overflow:hidden}.breakpoint-editor-chrome{background:#f1f3f4;border-bottom:1px solid #dadce0;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.breakpoint-editor-chrome span{color:#1f2328;font-size:12px;font-weight:700;font-family:var(--font-geist-mono), ui-monospace, monospace}.breakpoint-editor-chrome small{color:#5f6368;font-size:11px;font-weight:700;font-family:var(--font-geist-mono), ui-monospace, monospace}.breakpoint-source{margin:0;padding:6px 0;list-style:none}.breakpoint-source>li{margin:0;padding:0}.breakpoint-source>li.is-current{background:color-mix(in srgb, var(--ink) 9%, #fff);box-shadow:inset 3px 0 0 var(--ink)}.breakpoint-source>li.is-skipped .breakpoint-codetext{color:#9aa0a6;-webkit-text-decoration:line-through #bdc1c6;text-decoration:line-through #bdc1c6}.term-interactive-demo.breakpoint-demo .breakpoint-line{color:#1f2328;text-align:left;width:100%;min-height:26px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:2px 12px;display:flex}.term-interactive-demo.breakpoint-demo .breakpoint-line:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, #fff)}.term-interactive-demo.breakpoint-demo .breakpoint-line:focus-visible{outline-offset:-2px;outline:2px solid #3c4043}.term-interactive-demo.breakpoint-demo .breakpoint-line:disabled{cursor:not-allowed}.term-interactive-demo.breakpoint-demo .breakpoint-line[aria-pressed=true]{color:#1f2328;background:0 0}.term-interactive-demo.breakpoint-demo .breakpoint-line[aria-pressed=true] .breakpoint-codetext{font-weight:700}.breakpoint-gutter{flex:none;align-items:center;gap:5px;min-width:34px;display:inline-flex}.breakpoint-dot{background:0 0;border-radius:50%;width:9px;height:9px}.term-interactive-demo.breakpoint-demo .breakpoint-line[aria-pressed=true] .breakpoint-dot{background:#c0392b;box-shadow:0 0 0 2px #f1d3d0}.breakpoint-lineno{color:#9aa0a6;font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:right;min-width:14px;font-size:11px}.breakpoint-codetext{color:#1f2328;font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:pre;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;line-height:1.5;overflow:hidden}.breakpoint-skip-badge{color:#5f6368;background:#f1f3f4;border:1px solid #dadce0;border-radius:99px;flex:none;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.breakpoint-side{align-content:start;gap:10px;display:grid}.breakpoint-scope,.breakpoint-stack{background:#fff;border:1px solid #dadce0;border-radius:10px;padding:11px 12px}.breakpoint-scope h3,.breakpoint-stack h3{color:#1f2328;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:11px;font-weight:750}.breakpoint-scope dl{gap:6px;margin:0;display:grid}.breakpoint-scope dl>div{align-items:baseline;gap:8px;display:flex}.breakpoint-scope dt{color:#5f6368;font-family:var(--font-geist-mono), ui-monospace, monospace;min-width:112px;font-size:12px}.breakpoint-scope dd{color:#1f2328;margin:0;font-size:12px}.breakpoint-scope dd code{color:#174ea6;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#e8f0fe;border-radius:3px;padding:0 4px;font-size:12px}.breakpoint-scope dd small{color:#5f6368;font-size:11px}.breakpoint-scope dl>div.is-bug dt{color:#b03a2e}.breakpoint-scope dl>div.is-bug dd code{color:#b03a2e;background:#fdecea}.breakpoint-scope dl>div.is-bug dd small{color:#b03a2e}.breakpoint-cond{color:#7b2d26;background:#fdecea;border-left:3px solid #b03a2e;border-radius:0 6px 6px 0;gap:3px;margin:10px 0 0;padding:8px 10px;font-size:12px;line-height:1.55;display:grid}.breakpoint-cond code{color:#b03a2e;font-family:var(--font-geist-mono), ui-monospace, monospace}.breakpoint-cond strong{color:#b03a2e}.breakpoint-cond b{color:#7b2d26}.breakpoint-empty{color:#5f6368;margin:0;font-size:12px;line-height:1.55}.breakpoint-stack-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.breakpoint-stack-list li{background:#f8f9fa;border-radius:6px;justify-content:space-between;gap:8px;padding:5px 8px;display:flex}.breakpoint-stack-list li b{color:#1f2328;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:700}.breakpoint-stack-list li small{color:#5f6368;font-size:11px;font-family:var(--font-geist-mono), ui-monospace, monospace}.breakpoint-stack-list li.is-current{background:color-mix(in srgb, var(--ink) 9%, #fff);box-shadow:inset 3px 0 0 var(--ink)}.breakpoint-stack-list li.is-current b{color:var(--ink)}.breakpoint-cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.term-interactive-demo.breakpoint-demo .breakpoint-cta{min-height:38px;font:inherit;padding:9px 22px;font-size:14px;font-weight:750;transition:background-color .15s ease-out;background:var(--color-rausch-600)!important;color:#fff!important;border:0!important;border-radius:8px!important}.term-interactive-demo.breakpoint-demo .breakpoint-cta:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:#fff!important}.term-interactive-demo.breakpoint-demo .breakpoint-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--color-rausch-600) 38%, #fff);outline-offset:2px}.term-interactive-demo.breakpoint-demo .breakpoint-cta:disabled{cursor:not-allowed;color:#fff!important;background:#c0c4cc!important}.breakpoint-gates{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breakpoint-gates li{color:#5f6368;background:#fff;border:1px solid #dadce0;border-radius:99px;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.breakpoint-gates li.is-met{color:#2a5d3e;background:#e9f5ee;border-color:#2f7a4a}.breakpoint-note{background:#f0f7f3;border:1px solid #b6d9c4;border-left:4px solid #2f7a4a;border-radius:8px;margin:0;padding:13px 15px}.breakpoint-note header small{color:#2a5d3e;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750}.breakpoint-note dl{gap:6px;margin:8px 0 0;display:grid}.breakpoint-note dt{color:#5f6368;font-size:12px;font-weight:700}.breakpoint-note dd{color:#1f2328;margin:0;font-size:13px;line-height:1.6}.breakpoint-note dd code{color:#174ea6;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#e8f0fe;border-radius:3px;padding:0 4px;font-size:12px}.breakpoint-status{color:#3c4043;background:#fff;border:1px solid #dadce0;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.breakpoint-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.breakpoint-examples article{background:#fff;border:1px solid #e1e4ec;border-radius:10px;padding:14px}.breakpoint-examples small{color:#5f6368;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750}.breakpoint-examples strong{color:#1f2328;margin:4px 0 6px;font-size:14px;display:block}.breakpoint-examples p{color:#3c4043;margin:0;font-size:13px;line-height:1.65}.breakpoint-examples p code{color:#174ea6;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#e8f0fe;border-radius:3px;padding:0 4px;font-size:12px}.breakpoint-examples span{color:#5f6368;margin-top:8px;font-size:12px;display:block}.breakpoint-when-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.breakpoint-when-grid article{background:#fff;border:1px solid #e1e4ec;border-radius:10px;padding:14px}.breakpoint-when-grid b{color:#1f2328;margin-bottom:5px;font-size:13px;display:block}.breakpoint-when-grid p{color:#3c4043;margin:0;font-size:13px;line-height:1.65}.breakpoint-howto{gap:8px;margin:0;padding-left:20px;display:grid}.breakpoint-howto li{color:#3c4043;font-size:13px;line-height:1.65}.breakpoint-howto li b{color:#1f2328}.breakpoint-recap li code{color:#174ea6;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#e8f0fe;border-radius:3px;padding:0 4px;font-size:12px}@media (max-width:620px){.breakpoint-examples,.breakpoint-when-grid{grid-template-columns:1fr}}.breakpoint-card-preview{color:#1f2328;background:#fff;border:1px solid #dadce0;border-radius:10px;gap:8px;padding:12px;display:grid}.breakpoint-card-chrome{border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.breakpoint-card-chrome span{color:#1f2328;font-size:11px;font-weight:750;font-family:var(--font-geist-mono), ui-monospace, monospace}.breakpoint-card-chrome small{color:#b03a2e;font-size:10px;font-weight:750;font-family:var(--font-geist-mono), ui-monospace, monospace}.breakpoint-card-source{gap:3px;margin:0;padding:0;list-style:none;display:grid}.breakpoint-card-source li{border-radius:5px;align-items:center;gap:10px;padding:3px 6px;display:flex}.breakpoint-card-source li i{color:#9aa0a6;width:18px;font-size:10px;font-style:normal;font-family:var(--font-geist-mono), ui-monospace, monospace;justify-content:center;align-items:center;display:inline-flex;position:relative}.breakpoint-card-source li.is-bp i:before{content:"";background:#c0392b;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.breakpoint-card-source li.is-current{background:color-mix(in srgb, var(--ink) 9%, #fff);box-shadow:inset 3px 0 0 var(--ink)}.breakpoint-card-source code{color:#1f2328;font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:pre;font-size:11px}.breakpoint-card-scope{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.breakpoint-card-scope small{color:#5f6368;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:750}.breakpoint-card-scope span{color:#1f2328;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px}.breakpoint-card-scope span b{color:#1f2328;font-weight:700}.breakpoint-card-scope span em{color:#b03a2e;font-style:normal;font-weight:700}.breakpoint-card-scope span.is-bug{color:#b03a2e}.breakpoint-card-caption{color:#3c4043;margin:0;font-size:12px;line-height:1.55}.term-card .term-preview.breakpoint-card-preview{color:#efeaff;background:#1e1b2e;border-radius:16px;gap:8px;padding:10px;display:grid}.breakpoint-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#efeaff!important;font-size:10px!important}.term-interactive-demo.breakpoint-demo{color:#efeaff;background:#1e1b2e;border-color:#3a3358;gap:12px;padding:12px}.breakpoint-demo-step0{color:#d5c9f4;margin:0;font-size:13px}.breakpoint-demo-step0 kbd{color:#f5d76e;background:#2a2140;border-radius:4px;padding:1px 5px}.breakpoint-demo-editor{background:#161326;border-radius:16px;gap:10px;padding:16px;display:grid}.breakpoint-demo-editor header{color:#c9b8ff;justify-content:space-between;font-weight:800;display:flex}.breakpoint-demo-editor ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.breakpoint-demo-editor li{border-radius:6px;grid-template-columns:28px 1fr;gap:8px;padding:4px 6px;display:grid}.breakpoint-demo-editor li.is-bp{box-shadow:inset 3px 0 #6c5ce7}.breakpoint-demo-editor li.is-paused{color:#f5d76e;background:#3d3310;box-shadow:inset 3px 0 #f5d76e}.breakpoint-demo-editor li.is-missed{color:#ff8fab;background:#3a2030}.breakpoint-demo-scope{background:#2a2140;border-radius:10px;padding:10px 12px}.breakpoint-demo-scope.is-open{color:#f5d76e;background:#3d3310}.term-interactive-demo.breakpoint-demo .breakpoint-demo-primary,.term-interactive-demo.breakpoint-demo .breakpoint-demo-recover{color:#1e1b2e;background:#f5d76e;border:0;font-weight:850}.term-interactive-demo.breakpoint-demo .breakpoint-demo-primary:hover,.term-interactive-demo.breakpoint-demo .breakpoint-demo-recover:hover{color:#1e1b2e;background:#e0c04a;border:0}.breakpoint-demo-result{color:#f5d76e;margin:0;font-weight:750}.breakpoint-demo-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.term-interactive-demo.breakpoint-demo .breakpoint-demo-modes button{color:#efeaff;background:#161326;border-color:#3a3358}.term-interactive-demo.breakpoint-demo .breakpoint-demo-modes button:hover{color:#f5d76e;background:#2a2410;border-color:#f5d76e}.term-interactive-demo.breakpoint-demo .breakpoint-demo-modes button[aria-pressed=true],.term-interactive-demo.breakpoint-demo .breakpoint-demo-modes button[aria-pressed=true]:hover{color:#1e1b2e;background:#f5d76e;border-color:#f5d76e}.breakpoint-demo-note,.breakpoint-demo [role=status]{color:#efeaff;background:#2a2410;border-left:3px solid #f5d76e;border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}@media (max-width:430px){.breakpoint-demo-modes{grid-template-columns:1fr}}.breakpoint-tool-entry{background:#ffffffc7;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-size:12px;display:flex}.breakpoint-tool-entry span{font-weight:800}.breakpoint-tool-entry b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.breakpoint-workbench{background:#fff;border-radius:20px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);display:grid;overflow:hidden;box-shadow:0 18px 40px #141c281f}.breakpoint-page{align-content:start;gap:12px;min-width:0;padding:18px;display:grid}.breakpoint-page header small{letter-spacing:.12em;font-size:10px;font-weight:900;display:block}.breakpoint-page header b{font-size:22px;line-height:1.1}.breakpoint-page-field{background:#fff;border:1px solid #d7dee6;border-radius:10px;gap:4px;padding:8px 10px;display:grid}.breakpoint-page-field em{font-style:normal;font-weight:700}.breakpoint-page-result{color:#8e3218;background:#fff1eb;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.breakpoint-page-result>span{color:#fff;background:#c2473a;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.breakpoint-page-result p{gap:2px;margin:0;display:grid}.breakpoint-editor{color:#e8edf4;background:#11141a;align-content:start;min-width:0;display:grid}.breakpoint-editor header{background:#171b24;border-bottom:1px solid #2a3344;justify-content:space-between;align-items:center;min-height:46px;padding:0 14px;display:flex}.breakpoint-editor header em{color:#c5cede;border:1px solid #3a4456;border-radius:6px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800}.breakpoint-actionbar{background:#ffffffe0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.breakpoint-actionbar p{gap:3px;margin:0;display:grid}.breakpoint-actionbar p span{color:#5b6b7a;font-size:10px;line-height:1.45}.breakpoint-demo-caption{text-align:center;color:#41505c;margin:0;font-size:11px;line-height:1.55}.breakpoint-examples article.is-good{border-left:3px solid #146c43}.breakpoint-examples article.is-bad{border-left:3px solid #c2473a}.term-card .term-preview.breakpoint-card-preview{color:#efeaff;background:radial-gradient(circle at 84% 16%,#f5d76e2e,#0000 32%),linear-gradient(150deg,#1b1630,#12101c);border:1px solid #2c2448;border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:10px;display:grid}.breakpoint-card-page{color:#1d2430;background:#fff;border-radius:12px;padding:9px}.breakpoint-card-page small{color:#5b6b7a;font-size:8px;font-weight:800}.breakpoint-card-page b{font-size:12px;display:block}.breakpoint-card-page span{color:#8a2c12;font-size:9px}.breakpoint-card-editor{background:#161326;border-radius:12px;gap:6px;padding:9px;display:grid}.breakpoint-card-editor header{color:#c9b8ff;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.breakpoint-card-editor ol{gap:3px;margin:0;padding:0;font-size:10px;list-style:none;display:grid}.breakpoint-card-editor li{gap:8px;display:flex}.breakpoint-card-editor li.is-paused{color:#f5d76e;background:#3d3310}.breakpoint-card-scope{background:#2a2140;border-radius:8px;padding:6px 8px;font-size:10px}.breakpoint-card-conclusion{grid-column:1/-1;margin:0;font-weight:750;line-height:1.45;color:#efeaff!important;font-size:10px!important}.term-interactive-demo.breakpoint-demo{color:#1b1630;background:linear-gradient(150deg,#f6f3ff,#ece7f8);border-color:#c9c3de;gap:14px;padding:16px;display:grid}.breakpoint-editor ol{gap:4px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;list-style:none;display:grid}.breakpoint-editor li{border-radius:6px;gap:10px;padding:4px 6px;display:flex}.breakpoint-editor li.is-paused{color:#f5d76e;background:#3d3310}.breakpoint-editor li.is-missed{color:#ffb4c4;background:#3a2030}.breakpoint-scope{background:#2a2140;border-radius:10px;margin:0 14px 14px;padding:10px}.breakpoint-scope small{color:#c9b8ff;font-size:9px}.breakpoint-demo.is-paused .breakpoint-page-result{color:#6b4e00;background:#fff6d8}.breakpoint-demo.is-paused .breakpoint-page-result>span{background:#c9a227}.term-interactive-demo.breakpoint-demo .breakpoint-demo-primary{color:#fff;background:#5b4ad6;border:1px solid #5b4ad6;border-radius:11px;min-height:42px;padding:0 16px;font-weight:850}.term-interactive-demo.breakpoint-demo .breakpoint-demo-primary:hover{color:#fff;background:#4638b0;border-color:#4638b0}.term-interactive-demo.breakpoint-demo button:focus-visible{outline-offset:3px;outline:3px solid #5b4ad666}@media (max-width:780px){.breakpoint-workbench{grid-template-columns:1fr}.breakpoint-actionbar{flex-direction:column;align-items:stretch}.term-interactive-demo.breakpoint-demo .breakpoint-demo-primary{width:100%}}@media (max-width:480px){.term-card .term-preview.breakpoint-card-preview{grid-template-columns:1fr}.breakpoint-tool-entry{flex-direction:column;align-items:flex-start;gap:4px}}