.work-page{--demo-warning:#f2d69f;--demo-warning-bg:#f2d69f0b;--demo-success-bg:#bcecd00a;width:calc(100% - 64px);max-width:1200px;color:var(--text);margin:0 auto;padding:54px 0 72px}[data-theme=light] .work-page{--demo-warning:#765018;--demo-warning-bg:#a26c140a;--demo-success-bg:#245e4a08}.work-intro{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1fr;align-items:start;gap:40px;margin-bottom:42px;padding-bottom:46px;display:grid}.work-intro h1{letter-spacing:-.04em;text-wrap:balance;max-width:13ch;margin:0;font-size:clamp(2.6rem,4.5vw,4.25rem);font-weight:600;line-height:1.06}.work-intro p{max-width:52ch;color:var(--muted);margin:0 0 18px;line-height:1.75}.work-intro a,.work-page-footer a{color:var(--accent);text-underline-offset:5px;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.work-intro a:hover,.work-page-footer a:hover{text-decoration:underline}.work-intro a svg,.work-page-footer a svg{flex-shrink:0;width:18px;height:18px}.work-intro a svg{transform:rotate(90deg)}.work-showcase{grid-template-columns:206px minmax(0,1fr);align-items:start;gap:44px;display:grid}.work-selector{position:sticky;top:28px}.work-selector-label{color:var(--muted);margin:0 0 16px;font-size:15px}.work-selector-list{flex-direction:column;gap:4px;display:flex}.work-selector-list button{text-align:left;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:13px 12px;transition:background-color .16s,border-color .16s}.work-selector-list button span{font-size:15px;font-weight:550;display:block}.work-selector-list button small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.work-selector-list button:hover{background:var(--hover)}.work-selector-list button[aria-pressed=true]{background:var(--surface);border-color:var(--control-border)}.work-selector-list button[aria-pressed=true] span{color:var(--accent)}.work-selector-note{color:var(--muted);max-width:25ch;margin:24px 12px 0;font-size:14px;line-height:1.7}.work-mobile-selector{display:none}.work-selected{min-width:0}.work-selected-header{margin-bottom:24px}.work-selected-header h2{letter-spacing:-.03em;text-wrap:balance;margin:0 0 12px;font-size:clamp(1.6rem,2.3vw,2.15rem);font-weight:550;line-height:1.2}.work-selected-header p{color:var(--muted);max-width:78ch;margin:0;font-size:16px;line-height:1.75}.work-demo-frame{border:1px solid var(--control-border);background:var(--surface);border-radius:14px;overflow:clip}.work-demo-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 22px;font-size:14px;display:flex}.work-demo-toolbar>span{color:var(--muted);align-items:center;gap:8px;display:flex}.work-demo-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.work-demo-toolbar button{color:var(--accent);cursor:pointer;min-height:40px;padding:4px 0 4px 12px}.work-demo-toolbar button:hover{text-underline-offset:4px;text-decoration:underline}.work-demo-prompt{border-bottom:1px solid var(--line);margin:0;padding:18px 24px;font-size:15px;line-height:1.6}.work-demo-footnote{border-top:1px solid var(--line);color:var(--muted);padding:14px 24px;font-size:13px;line-height:1.6}.work-case-notes{grid-template-columns:1fr 1fr;gap:36px;margin-top:30px;display:grid}.work-case-notes h3{margin:0 0 9px;font-size:15px;font-weight:600}.work-case-notes p{color:var(--muted);margin:0;font-size:16px;line-height:1.75}.work-decision{border-top:1px solid var(--line);gap:0;margin:0;display:grid}.work-decision>div{border-bottom:1px solid var(--line);grid-template-columns:9.5rem minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.work-decision dt{color:var(--text);font-size:15px;font-weight:600;line-height:1.6}.work-decision dd{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.work-decision>div:last-child dd{color:var(--text)}.work-selected-header h2:focus{outline:none}.work-selected-header h2:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}.work-selected{scroll-margin-top:24px}.work-stack{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.work-stack li{border-bottom:1px solid var(--line);padding-bottom:6px}.demo-split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.demo-main,.demo-aside{min-width:0;padding:26px 24px;font-size:15px;line-height:1.65}.demo-aside{border-left:1px solid var(--line);background:var(--hover)}.demo-main>p{margin:0 0 20px}.demo-heading{margin-bottom:24px}.demo-heading h3{letter-spacing:-.02em;margin:0 0 7px;font-size:17px;font-weight:600;line-height:1.4}.demo-heading p{color:var(--muted);margin:0;font-size:13px}.demo-aside h4{margin:0 0 20px;font-size:15px;font-weight:600}.demo-field{flex-direction:column;gap:7px;min-width:0;margin:18px 0;display:flex}.demo-field>label{font-size:14px;font-weight:550}.demo-field input,.demo-field select,.demo-field textarea,.work-mobile-selector select{background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);border:1px solid var(--control-border);font:inherit;caret-color:var(--accent);border-radius:6px;padding:10px 11px;font-size:15px}.demo-field select,.work-mobile-selector select{text-overflow:ellipsis;padding-right:24px}.demo-field input[readonly]{color:var(--muted);background:var(--hover)}.demo-field input[aria-invalid=true]{border-color:var(--demo-warning)}.demo-field textarea{resize:vertical;min-height:166px;line-height:1.7}.demo-field small,.demo-caption{color:var(--muted);font-size:13px;line-height:1.65}.demo-caption{margin:14px 0 0}.demo-aside>.demo-caption{margin-top:20px}.demo-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:20px;display:flex}.demo-button,.demo-secondary,.demo-link-button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.5;transition:background-color .16s;display:inline-flex}.demo-button{background:var(--accent-fill);color:var(--on-accent)}.demo-button:hover:not(:disabled){background:var(--accent-hover)}.demo-secondary{border-color:var(--control-border);color:var(--text);background:var(--surface)}.demo-secondary:hover:not(:disabled){background:var(--hover)}.demo-link-button{color:var(--accent);text-underline-offset:4px;padding-left:0;padding-right:0;text-decoration:underline}.demo-split button:disabled{cursor:not-allowed;opacity:.42}.demo-split input:disabled,.demo-split select:disabled{opacity:.6;cursor:not-allowed}.demo-aside>button{margin:0 6px 10px 0}.demo-check{cursor:pointer;align-items:start;gap:10px;margin:20px 0;font-size:14px;line-height:1.65;display:flex}.demo-check input,.demo-options input,.demo-answer-options input{accent-color:var(--accent-fill);flex-shrink:0;width:16px;min-width:16px;height:16px;min-height:16px;margin:2px 0 0}.demo-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin:10px 0 16px;padding:15px 0;font-size:14px;line-height:1.8}.demo-status-success,.demo-status-warning{border:1px solid var(--line);border-radius:8px;padding:12px 14px}.demo-status-success{color:var(--accent);background:var(--demo-success-bg)}.demo-status-warning{color:var(--demo-warning);background:var(--demo-warning-bg);border-color:color-mix(in srgb, var(--demo-warning) 40%, transparent)}.demo-item{border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.demo-item svg{width:52px;height:39px;color:var(--accent);flex-shrink:0}.demo-item strong{font-size:15px;font-weight:550;display:block}.demo-item span{color:var(--muted);font-size:13px;display:block}.demo-steps{counter-reset:steps;margin:0 0 24px;padding:0;list-style:none}.demo-steps li{color:var(--muted);counter-increment:steps;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.demo-steps li:before{content:counter(steps);border:1px solid var(--control-border);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:23px;height:23px;font-size:13px;display:grid}.demo-steps li[data-complete=true]{color:var(--accent)}.demo-steps li[data-complete=true]:before{background:var(--accent-fill);color:var(--on-accent);border-color:#0000}.demo-message{margin:0 0 20px;font-size:15px;line-height:1.8}.demo-message footer{color:var(--muted);margin-top:9px;font-size:13px}.demo-evidence{margin:24px 0}.demo-evidence strong{font-size:14px}.demo-evidence p{margin:8px 0;font-size:15px}.demo-evidence span{color:var(--muted);font-size:13px}.demo-run-list{margin:24px 0 0;padding:0;list-style:none}.demo-run-list li{border-top:1px solid var(--line);align-items:start;gap:12px;padding:13px 0;display:flex}.demo-run-list strong{font-size:14px;font-weight:550;display:block}.demo-run-list div>span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.demo-run-indicator{border:1px solid var(--control-border);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.demo-run-list [data-state=done] .demo-run-indicator{background:var(--accent-fill)}.demo-run-list [data-state=failed] .demo-run-indicator{background:var(--demo-warning)}.demo-run-list [data-state=failed] strong,.demo-run-list [data-state=failed] div>span{color:var(--demo-warning)}.demo-options,.demo-answer-options{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:22px 0;padding:0;display:flex}.demo-options legend{padding:0 0 10px;font-size:14px;font-weight:550}.demo-options label,.demo-answer-options label{border:1px solid var(--control-border);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.demo-options label[data-selected=true],.demo-answer-options label[data-selected=true]{border-color:var(--accent);background:var(--hover)}.demo-answer-options{flex-direction:column}.demo-answer-options label{overflow-wrap:anywhere}.demo-room-table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:24px 0}.demo-room-table th,.demo-room-table td{border-bottom:1px solid var(--line);text-align:left;padding:12px 4px;font-size:13px;font-weight:400}.demo-room-table th:first-child{width:30%;padding-left:0}.demo-room-table thead{color:var(--muted)}.demo-room-table tbody th{font-size:14px;font-weight:550}.demo-room-table small{color:var(--muted);font-size:13px;font-weight:400;display:block}.demo-room-table [data-busy=true]{color:var(--demo-warning)}.demo-room-table [data-busy=false]{color:var(--accent)}.demo-facts{margin:0 0 24px}.demo-facts>div{border-bottom:1px solid var(--line);padding:10px 0}.demo-facts dt{color:var(--muted);font-size:13px}.demo-facts dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:15px}.demo-code{border-block:1px solid var(--line);tab-size:2;color:var(--accent);padding:18px 0;font-size:13px;line-height:1.9;overflow-x:auto}.demo-change{flex-direction:column;gap:7px;margin:24px 0;display:flex}.demo-change>span{color:var(--muted);font-size:13px}.demo-change strong{font-weight:550}.demo-change code{color:var(--accent);overflow-wrap:anywhere;font-size:13px}.demo-connection{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.demo-connection strong{font-size:15px;font-weight:600}.demo-connection p{color:var(--muted);margin:4px 0 0;font-size:13px}.demo-connection-icon{color:var(--accent)}.demo-state-label{color:var(--accent);border-bottom:1px solid var(--control-border);font-size:13px}.demo-document-list{padding:0;list-style:none}.demo-document-list li{border-bottom:1px solid var(--line);padding:9px 0;font-size:14px}.work-further{border-top:1px solid var(--line);margin-top:88px;padding-top:42px;scroll-margin-top:28px}.work-further>header{grid-template-columns:1fr 1fr;align-items:start;gap:44px;margin-bottom:36px;display:grid}.work-further h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:550;line-height:1.2}.work-further header p{color:var(--muted);max-width:50ch;margin:0;font-size:15px;line-height:1.8}.work-project-index details{border-top:1px solid var(--line);scroll-margin-top:24px}.work-project-index details:last-child{border-bottom:1px solid var(--line)}.work-project-index summary{cursor:pointer;grid-template-columns:206px minmax(0,1fr) 24px;align-items:center;gap:44px;padding:26px 0;list-style:none;display:grid}.work-project-index summary::-webkit-details-marker{display:none}.work-project-index summary:hover .work-index-title{color:var(--accent)}.work-index-category{color:var(--muted);font-size:14px}.work-index-title{letter-spacing:-.015em;font-size:19px;font-weight:500;line-height:1.4}.work-index-toggle{color:var(--accent)}details[open] .work-index-plus{display:none}.work-index-detail{max-width:72ch;margin:0 68px 28px 250px;font-size:15px;line-height:1.8}.work-index-detail>p{margin:0 0 20px}.work-index-detail h3{margin:0 0 6px;font-size:14px;font-weight:600}.work-index-detail div p{color:var(--muted);margin:0 0 20px}.work-index-detail .work-index-skills{color:var(--muted);font-size:13px}.work-page-footer{justify-content:space-between;align-items:center;gap:48px;margin-top:48px;display:flex}.work-page-footer p{color:var(--muted);max-width:68ch;margin:0;font-size:14px;line-height:1.8}.work-page-footer a{flex-shrink:0}@media (max-width:1100px){.work-showcase{grid-template-columns:184px minmax(0,1fr);gap:28px}.demo-main,.demo-aside{padding:22px 18px}.work-case-notes{gap:24px}}@media (max-width:900px){.work-showcase{grid-template-columns:minmax(0,1fr);gap:24px}.work-selector{position:static}.work-selector-label,.work-selector-list,.work-selector-note{display:none}.work-mobile-selector{color:var(--muted);align-items:center;gap:16px;font-size:15px;display:flex}.work-mobile-selector select{max-width:330px;font-size:15px}.work-intro{gap:28px}.work-intro p{font-size:16px}.work-project-index summary{grid-template-columns:160px minmax(0,1fr) 24px;gap:24px}.work-index-detail{margin-left:184px}.work-page-footer{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:1100px){.work-decision>div{grid-template-columns:minmax(0,1fr);gap:2px}}@media (max-width:600px){.work-page{width:calc(100% - 40px);padding-top:32px;padding-bottom:44px}.work-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px;padding-bottom:28px}.work-intro h1{max-width:14ch;font-size:clamp(2.6rem,11vw,3.3rem)}.work-intro p{margin-bottom:10px}.work-selected-header h2{font-size:26px}.work-selected-header p{font-size:16px}.work-mobile-selector{display:block}.work-mobile-selector select{max-width:none;margin-top:8px;font-size:16px}.work-demo-toolbar{gap:8px;padding:6px 16px;font-size:13px}.work-demo-toolbar>span{gap:6px}.work-demo-toolbar button{min-width:69px;font-size:13px}.work-demo-prompt{padding:16px;font-size:16px}.demo-split{grid-template-columns:minmax(0,1fr)}.demo-main,.demo-aside{padding:22px 18px}.demo-aside{border-left:0;border-top:1px solid var(--line)}.demo-field input,.demo-field select,.demo-field textarea{font-size:16px}.work-demo-footnote{padding:14px 18px;font-size:13px}.work-case-notes{grid-template-columns:1fr;gap:24px}.work-stack{gap:8px 16px;font-size:13px}.work-further{margin-top:58px;padding-top:32px}.work-further>header{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.work-project-index summary{grid-template-columns:minmax(0,1fr) 24px;gap:8px 14px;padding:22px 0}.work-index-category{grid-column:1;font-size:13px}.work-index-title{grid-column:1;font-size:18px}.work-index-toggle{grid-area:1/2/3}.work-index-detail{margin:0 0 24px;font-size:15px}}.work-selected-context{color:var(--accent);letter-spacing:.01em;margin:0 0 10px;font-size:14px;font-weight:600}.work-case-outcome{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--demo-success-bg);border-radius:8px;grid-column:1/-1;padding:18px 20px}.work-page-next{flex-wrap:wrap;flex-shrink:0;gap:8px 28px;display:flex}.work-selected-context,.work-demo-toolbar>span,.work-demo-footnote,.work-selector-label,.work-selector-list small,.work-index-category,.work-stack,.demo-caption,.work-decision dt{font-family:var(--font-mono), ui-monospace, monospace;font-feature-settings:"calt" 0;letter-spacing:-.01em}.work-selected-context{font-weight:500}.work-decision dt{font-size:13px;font-weight:500}.demo-status{animation:.24s ease-out demo-status-in}.demo-status-warning{animation:.24s ease-out demo-status-in,.9s ease-out .24s demo-warning-pulse}@keyframes demo-status-in{0%{opacity:0;transform:translateY(4px)}}@keyframes demo-warning-pulse{0%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--demo-warning) 55%, transparent)}to{box-shadow:inset 0 0 0 2px #0000}}.demo-run-list li{animation:.24s ease-out backwards demo-status-in}.demo-run-list li:nth-child(2){animation-delay:70ms}.demo-run-list li:nth-child(3){animation-delay:.14s}.demo-run-list li:nth-child(4){animation-delay:.21s}.demo-run-list li:nth-child(5){animation-delay:.28s}@media (prefers-reduced-motion:reduce){.demo-status,.demo-status-warning,.demo-run-list li,.home-trace-message{animation:none}}