.segmented-card-preview{align-content:center;gap:9px;padding:16px;display:grid}.segmented-card-head{color:var(--ink);justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.segmented-card-head small{color:var(--muted);font-size:8px;font-weight:600}.segmented-card-track{background:#ececee;border-radius:7px;gap:0;padding:3px;display:flex;position:relative}.segmented-card-thumb{background:var(--ink);width:calc(33.3333% - 2px);transform:translateX(calc(var(--idx,0) * 100%));border-radius:5px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #14142324}.segmented-card-option{z-index:1;color:#6f6f79;border-radius:5px;flex:1;place-items:center;min-height:22px;font-size:9px;font-weight:700;display:grid;position:relative}.segmented-card-option.is-active{color:var(--color-white)}.segmented-card-tasks{grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;list-style:none;display:grid}.segmented-card-tasks li{background:var(--color-white);border:1px solid #e4e4e9;border-radius:5px;align-items:center;gap:5px;padding:5px 6px;display:flex}.segmented-card-tasks i{text-align:center;width:10px;color:var(--ink);flex:none;font-style:normal;font-weight:800}.segmented-card-tasks i[data-state=doing]{color:var(--ink)}.segmented-card-tasks i[data-state=todo],.segmented-card-tasks i[data-state=done]{color:#8a8a93}.segmented-card-tasks i[data-state=blocked]{color:#a83a44}.segmented-card-tasks b{color:#4a4a54;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:8px;font-weight:650;overflow:hidden}.segmented-card-tasks em{background:var(--ink);width:13px;height:13px;color:var(--color-white);border-radius:50%;flex:none;place-items:center;font-size:7px;font-style:normal;font-weight:700;display:grid}.segmented-card-note{color:var(--muted);margin:2px 0 0;font-size:8px;line-height:1.5}.segmented-card-note b{color:var(--ink);margin-right:3px;font-weight:800}.term-interactive-demo.segmented-interaction-demo{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.segmented-interaction-demo button{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:650}.term-interactive-demo.segmented-interaction-demo button:hover:not(:disabled):not(.segmented-lab-primary):not(.segmented-lab-option){border-color:color-mix(in srgb, var(--ink) 28%, var(--line));color:var(--ink)}.term-interactive-demo.segmented-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.segmented-lab-brief{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.segmented-lab-board{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:14px;padding:16px;display:grid}.segmented-lab-board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.segmented-lab-board-head span{color:var(--ink);font-size:14px;font-weight:750}.segmented-lab-board-head strong{background:var(--surface-card);color:var(--ink);border-radius:6px;flex:none;padding:3px 10px;font-size:12px;font-weight:700}.segmented-lab-board-head strong.is-saved{background:var(--ink);color:var(--color-white)}.segmented-lab-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmented-lab-row-label{color:var(--muted);flex:none;min-width:36px;font-size:12px;font-weight:700}.segmented-lab-track{background:#ececee;border-radius:9px;flex:1;gap:0;min-width:0;padding:3px;display:flex;position:relative}.segmented-lab-thumb{width:calc((100% - 6px) / var(--n,3));background:var(--ink);transform:translateX(calc(var(--idx,0) * 100%));z-index:0;border-radius:6px;transition:transform .18s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #14142324}@media (prefers-reduced-motion:reduce){.segmented-lab-thumb{transition:none}}.segmented-lab-option{z-index:1;color:#6f6f79;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;min-width:0;min-height:32px;padding:6px 10px;font-size:13px;font-weight:650;transition:color .12s;position:relative}.segmented-lab-option:hover:not(.is-locked):not(.is-active){color:var(--ink);background:0 0}.segmented-lab-option.is-active{color:var(--color-white);background:0 0}.segmented-lab-option.is-locked{color:#b0b0ba;cursor:not-allowed}.segmented-lab-option.is-locked:hover{color:#b0b0ba;background:0 0}.segmented-lab-option:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.segmented-lab-lock{color:#7a7a84;background:#dcdcde;border-radius:99px;margin-left:5px;padding:0 6px;font-size:10px;font-style:normal;font-weight:700;line-height:16px;display:inline-block}.segmented-lab-tasks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.segmented-lab-tasks.is-list{grid-template-columns:1fr}.segmented-lab-tasks.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-lab-tasks.is-compact{grid-template-columns:1fr;gap:4px}.segmented-task{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.segmented-lab-tasks.is-compact .segmented-task{gap:8px;padding:6px 10px}.segmented-lab-tasks.is-compact .segmented-task-body small,.segmented-lab-tasks.is-compact .segmented-task-owner{display:none}.segmented-task-glyph{text-align:center;width:18px;color:var(--ink);flex:none;font-style:normal;font-weight:800}.segmented-task.is-todo .segmented-task-glyph,.segmented-task.is-done .segmented-task-glyph{color:#8a8a93}.segmented-task.is-blocked .segmented-task-glyph{color:#a83a44}.segmented-task-body{flex:1;gap:1px;min-width:0;display:grid}.segmented-task-body b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.segmented-task-body small{color:var(--muted);font-size:11px}.segmented-task-state{background:var(--soft);color:var(--ink);border-radius:6px;flex:none;padding:2px 9px;font-size:11px;font-weight:700}.segmented-task-state.is-todo,.segmented-task-state.is-done{color:var(--muted)}.segmented-task-state.is-blocked{color:#a83a44;background:#fdf3f4}.segmented-task-owner{background:var(--ink);width:22px;height:22px;color:var(--color-white);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.segmented-lab-empty{border:1px dashed var(--line);background:var(--surface-card);color:var(--muted);text-align:center;border-radius:8px;margin:0;padding:14px;font-size:13px}.segmented-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.term-interactive-demo.segmented-interaction-demo .segmented-lab-primary{background:var(--color-rausch-600);min-width:168px;color:var(--color-white);border:0;font-weight:750}.segmented-lab-reset{min-width:0}.segmented-lab-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:12.5px;display:inline-flex}.segmented-lab-toggle input{width:auto;min-height:0;accent-color:var(--ink);margin:0}.segmented-lab-status{border-left:3px solid var(--ink);color:#3d3d45;background:#f5f5f5;border-radius:0 6px 6px 0;margin:0;padding:11px 13px;font-size:12.5px;line-height:1.6}.segmented-boundary{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.segmented-example{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;padding:12px 14px}.segmented-example.is-good{border-left:4px solid var(--ink)}.segmented-example.is-bad{border-left:4px solid #a83a44}.segmented-example header{color:var(--ink);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:750;display:flex}.segmented-example header span{background:var(--soft);color:var(--ink);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.segmented-example.is-bad header span{color:#a83a44;background:#fdf3f4}.segmented-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.segmented-boundary,.segmented-example-grid,.segmented-lab-tasks.is-grid{grid-template-columns:1fr}.segmented-lab-row{flex-direction:column;align-items:stretch}.segmented-lab-row-label{min-width:0}.segmented-lab-actions{flex-direction:column;align-items:stretch}.segmented-lab-actions button{width:100%}.segmented-lab-toggle{justify-content:center;margin-left:0}}.term-card .segmented-card-preview{--ink:#285846;--muted:#5d7669;--line:#a7c7b4;--soft:#e6f1e8;--color-white:#fcfff8;color:#285846;background:#e8f3e9;border:2px solid #5b9278;box-shadow:5px 5px #acd0bb}.term-interactive-demo.segmented-interaction-demo{--ink:#285846;--muted:#577569;--line:#9fc3ad;--soft:#e4f1e7;--color-white:#fcfff8;--color-rausch-600:#285846;color:#285846;background:#e7f2e8;border:2px solid #588c73;box-shadow:8px 8px #a7ccb6}.segmented-interaction-demo .segmented-lab-board{background:#f9fff8;border-color:#9fc3ad}.segmented-interaction-demo .segmented-lab-thumb{background:#285846}.segmented-interaction-demo .segmented-lab-option.is-active{color:#fcfff8}.segmented-interaction-demo .segmented-task{background:#fcfff8;border-color:#b6cdbd}.segmented-interaction-demo .segmented-task.is-blocked{background:#fff0ea;border-left-color:#a74741}.segmented-interaction-demo .segmented-task-state.is-doing{color:#67470c;background:#f3dfae}.segmented-interaction-demo .segmented-task-state.is-done{color:#20543d;background:#dceede}.term-interactive-demo.segmented-interaction-demo .segmented-lab-primary{color:#fcfff8;background:#285846}.term-interactive-demo.segmented-interaction-demo .segmented-lab-primary:hover:not(:disabled){color:#fcfff8;background:#1e4536}.term-interactive-demo.segmented-interaction-demo .segmented-lab-primary:disabled{color:#20543d;background:#dceede}.term-interactive-demo.segmented-interaction-demo .segmented-lab-status{color:#36584a;background:#f9fff8;border-left-color:#285846}.segmented-interaction-demo button:focus-visible,.segmented-interaction-demo input:focus-visible{outline-offset:3px;outline:3px solid #bc7c28}
