.demo-page-content{padding-block:8rem 5rem}.demo-page .site-nav{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}.demo-page .action-secondary{color:var(--ink);border-color:var(--ink)}.demo-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:2rem;text-decoration:underline}.demo-page h1{max-width:55rem;margin:1rem 0;font-size:clamp(2.7rem,6vw,5.5rem)}.demo-lede{max-width:45rem;font-size:1.125rem;line-height:1.7}.demo-notice{margin-block:2rem;padding:1rem 1.25rem;border:1px solid var(--ink);background:var(--signal);line-height:1.7}.example-choices,.hours-presets,.demo-actions{display:flex;flex-wrap:wrap;gap:.75rem}.example-choices{margin-bottom:1.5rem}.example-choices button,.hours-presets button{min-height:48px;padding:.8rem 1.1rem;border:1px solid var(--ink);border-radius:0;background:var(--paper-bright);color:var(--ink);font-weight:700}.example-choices button[aria-pressed=true],.hours-presets button[aria-pressed=true]{background:var(--ink);color:var(--paper-bright);box-shadow:4px 4px 0 var(--signal)}.interactive-example{max-width:54rem;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.demo-page .demo-surface{min-height:auto;background:var(--paper-bright);color:var(--ink)}.demo-page .demo-small-label{font-size:.8125rem}.demo-page .demo-brand{border-color:var(--line-light)}.demo-page .demo-surface h2{margin:.7rem 0 1rem;font:400 clamp(2.1rem,3.6vw,3.7rem)/1.04 var(--serif);letter-spacing:-.04em}.demo-page .demo-surface h3{margin:.8rem 0;font-size:1.2rem;line-height:1.35}.demo-page .demo-field,.demo-page .demo-mini-form legend,.demo-page .demo-options label>span,.demo-page .demo-field select,.demo-page .demo-button,.demo-page .demo-text-button{font-size:1rem}.demo-page .demo-button{background:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 var(--signal);border-radius:0}.demo-page .demo-options input:checked+span{background:var(--ink);color:var(--paper-bright);border-color:var(--ink)}.demo-page .studio-demo{background-image:none}.demo-page .studio-orbit{display:none}.demo-page .demo-result,.demo-page .workflow-record{background:var(--paper);border-color:var(--line-light)}.demo-page .workflow-local-note{font-size:.875rem}.demo-page .workflow-progress{flex-wrap:wrap}.demo-page button:focus-visible,.demo-page input:focus-visible,.demo-page select:focus-visible{outline:3px solid #006681;outline-offset:4px}.demo-outro{margin-top:3rem;line-height:1.7}.demo-outro a{text-decoration:underline;font-weight:700}.timesheet-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}.timesheet-layout h2{margin:0 0 1rem;font:400 clamp(2rem,3vw,2.8rem)/1.1 var(--serif)}.timesheet-input>p{line-height:1.7}.timesheet-form{display:grid;gap:.65rem;margin-top:1.5rem}.timesheet-form label,.timesheet-form legend{font-weight:700}.timesheet-form input{min-width:0;width:100%;min-height:48px;border:1px solid var(--ink);padding:.8rem;background:var(--paper-bright);color:var(--ink);border-radius:0;font-size:1rem}.timesheet-form input[aria-invalid=true]{border:2px solid #9d2c17}.timesheet-form fieldset{border:0;padding:0;margin:.5rem 0;min-width:0}.timesheet-form legend{margin-bottom:.65rem}.hours-presets button{flex:1;font-size:1.5rem}.demo-help{margin:0;font-size:.875rem;line-height:1.6;color:#34494f}.demo-error{margin:0;color:#9d2c17;font-weight:700;line-height:1.6}.demo-actions{margin-top:1.1rem}.timesheet-confirmation:not(:empty){margin-block:1.5rem;border-left:4px solid var(--ink);padding:1rem;background:var(--signal);line-height:1.7}.timesheet-confirmation h3{margin-top:0}.weekly-slip{padding:1.5rem;border:1px solid var(--ink);background:var(--paper-bright);box-shadow:8px 8px 0 var(--ink)}.weekly-slip .eyebrow{font-size:.8125rem}.week-lines{padding:0;margin:1.5rem 0;list-style:none}.week-lines li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.75rem;min-height:4rem;padding-block:.8rem;border-top:1px solid var(--line-light)}.week-lines li>div{display:grid;gap:.4rem;overflow-wrap:anywhere}.week-lines small{font-size:.875rem;line-height:1.5}.week-empty{color:#52656b}.week-total{border-top:2px solid var(--ink);padding-top:1rem;line-height:1.6}@media(max-width:800px){.timesheet-layout{grid-template-columns:1fr;gap:2.5rem}.demo-page-content{padding-top:7rem}.demo-page .demo-brand{flex-wrap:wrap}.demo-page .workflow-progress{display:grid;grid-template-columns:1fr}.demo-page .demo-surface{padding:1.1rem}}