.single-page-card-preview{--single-page-card-ink:#173d36;--single-page-card-paper:#fcfaf4;--single-page-card-muted:#756f65;background:#f2ecdf;gap:7px;padding:10px!important}.single-page-card-eyebrow{color:var(--single-page-card-muted);letter-spacing:.03em;text-transform:uppercase;font-weight:800}.single-page-card-stage{background:var(--single-page-card-paper);border:1px solid #d5c9b6;border-radius:7px;gap:5px;padding:8px 10px;display:grid}.single-page-card-sections{gap:4px;margin:0;padding:0;list-style:none;display:grid}.single-page-card-sections li{background:var(--single-page-card-paper);color:#4e514d;border:1px solid #ddd3c4;border-left-width:3px;border-radius:5px;align-items:center;gap:7px;padding:5px 7px;display:flex}.single-page-card-sections li b{width:18px;height:18px;color:var(--single-page-card-muted);background:#ebe3d5;border-radius:4px;place-items:center;font-weight:750;display:grid;font-size:10px!important}.single-page-card-sections li span{color:#4e514d;font-weight:650}.single-page-card-sections li.is-current{border-color:var(--single-page-card-ink);border-left-color:var(--single-page-card-ink);background:#e7f1e8}.single-page-card-sections li.is-current b{background:var(--single-page-card-ink);color:var(--color-white)}.single-page-card-sections li.is-current span{color:var(--single-page-card-ink);font-weight:800}.single-page-card-sections li em{color:#2f2410;background:#d7a548;border-radius:999px;margin-left:auto;padding:2px 6px;font-style:normal;font-weight:800;font-size:9px!important}.single-page-card-anchor{background:#f8f3e9;border:1px dashed #cdbfa9;border-radius:6px;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 10px;display:flex}.single-page-card-anchor>small{width:100%;color:var(--single-page-card-muted);letter-spacing:.03em;text-transform:uppercase;font-weight:800;font-size:9px!important}.single-page-card-anchor>span{color:#4e514d;background:#ebe3d5;border-radius:5px;padding:4px 8px;font-weight:650;font-size:10px!important}.single-page-card-anchor>span.is-current{background:var(--single-page-card-ink);color:var(--color-white);font-weight:750}.single-page-card-verdict{color:var(--single-page-card-ink);background:#e7f1e8;border-radius:6px;margin:0;padding:7px 9px;font-weight:750;line-height:1.45;font-size:11px!important}.term-interactive-demo.single-page-interaction-demo{--single-page-ink:#173d36;--single-page-paper:#fcfaf4;--single-page-surface:#f2ecdf;--single-page-line:#d5c9b6;--single-page-muted:#6f6b63;--single-page-focus:#8b5b1f;border-color:var(--single-page-line);background:var(--single-page-surface);color:var(--single-page-ink);gap:12px}.single-page-interaction-demo .single-page-demo-intro{gap:4px;display:grid}.single-page-interaction-demo .single-page-demo-eyebrow{color:var(--single-page-muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.single-page-interaction-demo .single-page-demo-intro p{color:var(--single-page-ink);margin:0;font-size:13px;line-height:1.55}.single-page-interaction-demo button{border:1px solid var(--single-page-line);background:var(--single-page-paper);min-height:32px;color:var(--single-page-ink);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-family:inherit;font-size:13px;font-weight:650;display:inline-flex}.single-page-interaction-demo button:hover:not(:disabled){border-color:var(--single-page-ink);color:var(--single-page-ink);background:#e7f1e8}.single-page-interaction-demo button:focus-visible{outline:3px solid var(--single-page-focus);outline-offset:2px}.single-page-interaction-demo button:disabled{border-color:var(--single-page-line);color:var(--single-page-muted);cursor:not-allowed;background:#e7e0d5}.term-interactive-demo.single-page-interaction-demo button[aria-pressed=true],.term-interactive-demo.single-page-interaction-demo button[aria-pressed=true]:hover{border-color:var(--single-page-ink);color:var(--single-page-ink);background:#e7f1e8;font-weight:800}.single-page-interaction-demo .single-page-demo-back{justify-self:start;min-height:30px;padding:5px 10px;font-size:12px}.single-page-interaction-demo .single-page-demo-anchor{border:1px solid var(--single-page-line);background:#e7ded0;border-radius:7px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.single-page-interaction-demo .single-page-demo-anchor>small{width:100%;color:var(--single-page-muted);letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:800}.single-page-interaction-demo .single-page-demo-anchor a{background:var(--single-page-paper);color:var(--single-page-ink);border:1px solid #0000;border-radius:6px;align-items:center;padding:6px 11px;font-size:12.5px;font-weight:650;text-decoration:none;display:inline-flex}.single-page-interaction-demo .single-page-demo-anchor a:hover{border-color:var(--single-page-ink);color:var(--single-page-ink);background:#e7f1e8}.single-page-interaction-demo .single-page-demo-anchor a:focus-visible{outline:3px solid var(--single-page-focus);outline-offset:2px}.term-interactive-demo.single-page-interaction-demo .single-page-demo-current,.term-interactive-demo.single-page-interaction-demo .single-page-demo-current:hover{border-color:var(--single-page-ink);background:var(--single-page-ink);color:var(--color-white);font-weight:800}.single-page-interaction-demo .single-page-demo-page{border:1px solid var(--single-page-line);background:#e7ded0;border-radius:8px;gap:8px;padding:12px;display:grid}.single-page-interaction-demo .single-page-demo-section{background:var(--single-page-paper);border:1px solid #ddd3c4;border-left-width:3px;border-radius:6px;gap:4px;padding:9px 10px;display:grid}.single-page-interaction-demo .single-page-demo-section>header{align-items:center;gap:7px;display:flex}.single-page-interaction-demo .single-page-demo-section>header b{width:18px;height:18px;color:var(--single-page-muted);background:#ebe3d5;border-radius:4px;place-items:center;font-weight:750;display:grid;font-size:10px!important}.single-page-interaction-demo .single-page-demo-section>header span{color:#4e514d;font-size:13px;font-weight:700}.single-page-interaction-demo .single-page-demo-section>small{color:var(--single-page-muted);font-size:11px;font-weight:650}.single-page-interaction-demo .single-page-demo-section>p{color:#354842;margin:0;font-size:12.5px;line-height:1.5}.single-page-interaction-demo .single-page-demo-section.is-active{border-color:#b9cdbc;border-left-color:var(--single-page-ink);background:#f5faf4;box-shadow:0 2px #173d3614}.single-page-interaction-demo .single-page-demo-section.is-active>header b{background:var(--single-page-ink);color:var(--color-white)}.single-page-interaction-demo .single-page-demo-section.is-active>header span{color:var(--single-page-ink);font-weight:800}.single-page-interaction-demo .single-page-demo-active-badge{color:#2f2410;background:#d7a548;border-radius:999px;margin-left:auto;padding:2px 8px;font-style:normal;font-weight:800;font-size:10px!important}.single-page-interaction-demo .single-page-demo-cta{border:1px solid var(--single-page-ink);background:var(--single-page-ink);min-height:30px;color:var(--color-white);border-radius:6px;justify-self:start;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:700}.single-page-interaction-demo .single-page-demo-cta:hover{color:var(--color-white);background:#0f2d27;border-color:#0f2d27}.single-page-interaction-demo .single-page-demo-cta:focus-visible{outline:3px solid var(--single-page-focus);outline-offset:2px}.single-page-interaction-demo .single-page-demo-cta.is-applied{color:#305d3c;background:#fff5d8;border-color:#6d9a73}.single-page-interaction-demo .single-page-demo-position{color:var(--single-page-ink);background:#e0d6c6;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:7px 10px;font-size:12px;display:flex}.single-page-interaction-demo .single-page-demo-position>b{color:var(--single-page-ink);font-weight:800}.single-page-interaction-demo .single-page-demo-position>em{background:var(--single-page-paper);color:#305d3c;border:1px solid #a9c7ad;border-radius:999px;margin-left:auto;padding:2px 8px;font-style:normal;font-weight:800;font-size:11px!important}.single-page-interaction-demo .single-page-demo-status{color:#354842;margin:0;font-size:12.5px;line-height:1.55}.single-page-interaction-demo .single-page-demo-status-label{color:var(--single-page-ink);font-weight:800}.single-page-interaction-demo .single-page-demo-reset{justify-self:start;min-height:30px;padding:5px 11px;font-size:12px}.single-page-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.single-page-recap li{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;padding:9px 11px;font-size:13.5px;line-height:1.55}.single-page-recap li b{color:var(--ink);font-weight:800}.single-page-recap code{background:var(--soft);color:var(--ink);border-radius:4px;padding:1px 5px;font-size:12px}.single-page-how-steps{counter-reset:single-page-step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.single-page-how-steps li{counter-increment:single-page-step;border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;padding:9px 11px 9px 34px;font-size:13.5px;line-height:1.55;position:relative}.single-page-how-steps li:before{content:counter(single-page-step);background:var(--soft);width:18px;height:18px;color:var(--muted);border-radius:4px;place-items:center;font-size:11px;font-weight:750;display:grid;position:absolute;top:9px;left:9px}.single-page-how-steps code{background:var(--soft);color:var(--ink);border-radius:4px;padding:1px 5px;font-size:12px}.single-page-examples{gap:10px;display:grid}.single-page-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:4px;padding:11px 13px;display:grid}.single-page-example small{border-radius:999px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700}.single-page-example b{color:var(--ink);font-size:14px;font-weight:800}.single-page-example p{color:var(--ink);margin:0;font-size:13.5px;line-height:1.55}.single-page-example code{background:var(--soft);color:var(--ink);border-radius:4px;padding:1px 5px;font-size:12px}.single-page-example.is-good{background:#e8f3ec;border-color:#cfe6d6}.single-page-example.is-good small{color:var(--color-white);background:#1f6a3a}.single-page-example.is-bad{background:#fbeaee;border-color:#f0d2d6}.single-page-example.is-bad small{color:var(--color-white);background:#a83a44}@media (max-width:560px){.single-page-interaction-demo .single-page-demo-anchor{gap:5px;padding:8px}.single-page-interaction-demo .single-page-demo-anchor a{flex:calc(50% - 5px);justify-content:center;min-width:0;padding-inline:7px}.single-page-interaction-demo .single-page-demo-page{gap:7px;padding:8px}.single-page-interaction-demo .single-page-demo-section{padding:9px}.single-page-interaction-demo .single-page-demo-position{gap:5px}.single-page-interaction-demo .single-page-demo-position>em{margin-left:0}}