/* Task-specific compositions; controls stay adjacent to their subject. */
.task-tool .task-composition {min-width:0}
.task-tool section {min-width:0}
.task-tool .task-inputs>h2,.task-tool .task-answer>h2 {font-size:1.15rem;margin:0 0 20px}
.task-tool .task-answer {background:var(--soft,#f2f4f2);padding:24px}
.task-tool .task-actions {display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.task-tool [hidden] {display:none!important}
.task-tool .task-actions:empty {display:none}
.task-tool .grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.task-tool .stat {box-shadow:none;min-width:0}
.task-tool .stats {gap:16px}
.task-tool .stat b {font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.task-tool .task-inputs .row {gap:12px}
.task-tool .task-inputs .grid {margin-bottom:20px}
.task-tool .task-composition .big-num {font-size:clamp(1.7rem,3vw,2.6rem);overflow-wrap:anywhere}
.task-tool .task-answer>.out>.result {background:none;padding:0;margin:0 0 24px}
.task-tool .task-answer .stats {grid-template-columns:repeat(2,minmax(0,1fr))}
.task-tool .task-answer table {font-variant-numeric:tabular-nums}
.task-tool button:focus-visible,.task-tool [role=button]:focus-visible {outline:3px solid currentColor;outline-offset:3px}
.task-tool input,.task-tool select,.task-tool button {min-height:44px}
.task-tool .task-note {margin:12px 0;font-size:.9rem}
.task-tool .table-wrap {max-width:100%;overflow-x:auto}
@media(max-width:760px){.task-tool .task-composition {display:block!important}.task-tool .task-inputs {margin-bottom:24px}.task-tool .task-answer {padding:18px}.task-tool .task-answer .stats {grid-template-columns:repeat(2,minmax(0,1fr))}.task-tool .task-composition .grid {grid-template-columns:repeat(2,minmax(0,1fr))}.task-tool .task-actions .btn {flex:1 1 auto}.task-tool .task-answer .big-num {font-size:1.8rem}}
@media(max-width:430px){.task-tool .task-composition .grid {grid-template-columns:1fr}.task-tool .task-answer .stats {grid-template-columns:1fr 1fr}.task-tool .task-answer .stat b{font-size:1.2rem}}
 .task-layout-dates,.task-layout-date-shift,.task-layout-clock{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start}.task-layout-workdays .task-answer{margin-top:28px}.task-layout-workdays .task-inputs .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-layout-event .timer,.task-layout-stopwatch .timer,.task-layout-focus .timer{font-size:clamp(2.7rem,8vw,6rem);font-variant-numeric:tabular-nums;text-align:center;margin:24px 0}.task-layout-stopwatch>.row,.task-layout-focus>.row{justify-content:center}.task-layout-focus>details{margin:32px auto 0;max-width:680px}.task-layout-event .cd-form{max-width:700px;margin:auto}.task-layout-epoch{display:grid;grid-template-columns:1fr 1fr;gap:24px}.task-layout-epoch>.result:first-child{grid-column:1/-1}.task-layout-epoch h3{margin:0}.task-layout-epoch{display:block}.task-layout-epoch>.out{background:var(--soft);padding:20px}.task-layout-epoch h3{margin:32px 0 16px}.task-layout-week>details{margin-top:28px}.task-layout-meeting .meeting-selected{outline:3px solid var(--fg);outline-offset:-3px;font-weight:800}.task-layout-meeting .mp-grid{margin-top:24px}.task-layout-meeting .task-actions{margin-bottom:16px}.task-layout-timesheet table input{padding:8px;min-width:90px}.task-layout-timesheet .hours th{white-space:nowrap}.task-layout-timesheet>.grid{margin:24px 0}.task-layout-timesheet>.out{background:var(--soft);padding:20px}.task-layout-timesheet .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.task-layout-dates .task-inputs>.row{align-items:start}.task-layout-clock .task-answer .stats{grid-template-columns:1fr}
.task-layout-week [data-o=year] .table-wrap {max-height:420px;overflow:auto}
.task-layout-timesheet [data-timesheet-csv] {margin:14px 0}
.task-layout-meeting [data-h]:focus-visible {outline-offset:-3px}

/* Premium time workspaces: one clear question, a distinct working surface per task. */
@font-face{font-family:TimeSans;src:url('/static/fonts/instrumentsans.woff2') format('woff2');font-weight:400 700;font-display:swap}
body.experience{--font:TimeSans,Arial,sans-serif;--head:TimeSans,Arial,sans-serif;--bg:#f4f5f3;--card:#fff;--fg:#1c2b2e;--muted:#536368;--soft:#eef2f1;--border:#d7dfdf;--accent:#203c43;--accent-fg:#fff}
body.experience .hero{padding:34px 0 24px;max-width:980px;text-align:left}
body.experience .hero h1{font-size:clamp(27px,3vw,32px);font-weight:550;letter-spacing:-.045em;line-height:1.12;margin:0 0 14px}
body.experience .hero .lead{font-size:17px;line-height:1.55;max-width:780px}
body.experience .site-header .wrap{min-height:64px}
body.experience .tool.premium-time{border:0;border-radius:8px;padding:32px;background:#fff;color:var(--fg)}
.premium-time .task-inputs>h2,.premium-time .task-answer>h2{font-size:17px;font-weight:550;margin-bottom:24px}
.premium-time input,.premium-time select,.premium-time textarea{font-family:TimeSans,Arial,sans-serif;background:#fff;color:var(--fg);border-color:#bac9cd;border-radius:5px}
.premium-time .btn{font-family:TimeSans,Arial,sans-serif;font-size:14px;font-weight:550;border-radius:5px;min-height:44px;padding:10px 15px}
.premium-time .btn.ghost{background:transparent;border-color:#afc0c5;color:var(--fg)}
.premium-time .big-num{font-weight:500!important;letter-spacing:-.045em}
.premium-time .task-answer{background:#f0f4f3;padding:28px}
.premium-time .stat{border-bottom:0;padding:14px 0;background:transparent}
.premium-time .stat b{font-size:24px;font-weight:500;letter-spacing:-.025em}
.premium-time .task-actions{margin:16px 0}
.premium-time .time-feature{margin:28px 0 0;border:0;border-radius:0;padding:0;background:transparent;color:var(--fg);min-width:0}
.premium-time .time-feature>summary{font-size:16px;font-weight:550;cursor:pointer;padding:16px 0;min-height:52px;border-top:1px solid var(--border)}
.premium-time .time-feature>h2{font-size:18px;margin:0 0 20px;font-weight:550}
.premium-time .time-feature-body{padding:16px 0 0;min-width:0}
.premium-time .time-feature-body>label{display:inline-block;vertical-align:top;width:min(240px,100%);margin:0 18px 18px 0;font-size:13px}
.premium-time .time-feature-body>label:has(textarea){display:block;width:100%;margin-right:0}
.premium-time .time-feature-result{font-size:15px;line-height:1.6;min-width:0}
.premium-time .time-feature-result .btn{margin:12px 8px 0 0}
.premium-time .time-feature-result .table-wrap{max-height:350px;overflow:auto;margin-top:18px}
.premium-time .time-feature-result th{font-size:12px;font-weight:550;background:transparent}
.premium-time .time-feature-result td{font-size:14px}
.premium-time .time-feature progress{width:100%;height:9px;accent-color:#2d5d67;border:0;border-radius:0;margin:18px 0}
.premium-time .date-span-labels{display:flex;gap:12px;justify-content:space-between;font-size:13px}
.premium-time .date-span-labels strong{font-weight:500}
.premium-time .date-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}
.premium-time .date-milestones span,.premium-time .date-milestones strong{display:block;font-size:12px;font-weight:400}
.premium-time .date-milestones strong{font-size:14px;margin-top:8px;font-weight:550}
.premium-time .task-layout-dates{grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:40px}
.premium-time .task-layout-dates .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.premium-time .task-layout-dates .result{text-align:left}
.premium-time .task-layout-dates .big-num{font-size:54px}
.premium-time .task-layout-dates .time-feature{margin-top:24px;padding-top:24px;border-top:1px solid #ced9d8}
.premium-time .task-layout-dates .time-feature-body{padding-top:0}
.premium-time .cd-display{background:#172f38;color:#f7faf9;padding:38px 24px;text-align:center;border-radius:6px}
.premium-time .cd-display .muted{color:#bacdd2}.premium-time .cd-display .timer{font-size:clamp(38px,6vw,80px);letter-spacing:-.04em;font-weight:450;margin:18px 0}
.premium-time .cd-display .h2{font-size:21px;font-weight:450}
.premium-time .cd-edit{margin-top:20px;border:0;padding:0;background:transparent}
.premium-time .event-milestones{padding:0;list-style:none;display:flex;gap:0;margin:14px 0}
.premium-time .event-milestones li{flex:1;padding:20px 22px;background:#f0f4f3;min-width:0;border-right:4px solid white}
.premium-time .event-milestones span,.premium-time .event-milestones strong{display:block;font-size:13px;font-weight:400;overflow-wrap:anywhere}
.premium-time .event-milestones strong{font-size:19px;font-weight:500;margin-top:12px}
.premium-time .task-layout-stopwatch>.timer{font-size:clamp(64px,9vw,112px);font-weight:400;letter-spacing:-.06em;margin:36px 0 24px;color:var(--fg)}
.premium-time .task-layout-stopwatch>.row{justify-content:center;gap:12px;margin-bottom:34px}
.premium-time .task-layout-stopwatch>.row .big{min-width:118px}
.premium-time .task-layout-stopwatch .time-feature{max-width:960px;margin:24px auto 0}
.premium-time .lap-insights{display:flex;gap:40px;margin:8px 0 24px;flex-wrap:wrap}
.premium-time .lap-insights span,.premium-time .lap-insights strong{display:block;font-size:13px}
.premium-time .lap-insights strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}
.premium-time .task-layout-focus{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:start}
.premium-time .focus-stage{background:#eaf0ed;padding:26px;border-radius:6px;text-align:center}
.premium-time .focus-stage .timer{font-size:clamp(64px,7vw,92px);letter-spacing:-.06em;font-weight:450;margin:40px 0 16px}
.premium-time .focus-stage>.row{justify-content:center;margin:24px 0;gap:10px}
.premium-time .focus-stage>.tabs{justify-content:center}
.premium-time .focus-stage>details{max-width:none;margin-top:32px;background:transparent}
.premium-time .task-layout-focus>.time-feature{margin:0}.premium-time .task-layout-focus>.time-feature>summary{border:0;padding-top:0}
.premium-time .focus-plan-total strong{display:block;font-size:37px;letter-spacing:-.04em;font-weight:500}.premium-time .focus-plan-total span{font-size:13px}
.premium-time .task-layout-epoch{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.premium-time .task-layout-epoch>.result,.premium-time .task-layout-epoch>.time-feature{grid-column:1/-1}
.premium-time .epoch-pane{min-width:0;background:#f1f4f4;padding:24px}.premium-time .epoch-pane h3{margin:0 0 20px}.premium-time .epoch-pane>.out{background:transparent;padding:0}
.premium-time .task-layout-epoch>.result{display:flex;align-items:center;gap:20px;justify-content:space-between;text-align:left;background:#fff;padding:0 0 24px;margin:0;border-bottom:1px solid var(--border)}
.premium-time .task-layout-epoch>.result .big-num{font-size:35px}
.premium-time .week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#eef3f2;padding:12px}
.premium-time .week-strip div{text-align:center;padding:8px 0}.premium-time .week-strip span,.premium-time .week-strip strong,.premium-time .week-strip small{display:block;font-size:12px}.premium-time .week-strip strong{font-size:26px;font-weight:500}
.premium-time .task-layout-week>.result{background:#eef3f2;padding:28px;text-align:left}.premium-time .task-layout-week .wk-now{font-size:60px}
.premium-time .hours-goal strong{display:block;font-size:42px;font-weight:500;letter-spacing:-.045em}.premium-time .hours-goal span{font-size:14px}
.premium-time .task-layout-timesheet .stats{grid-template-columns:repeat(4,1fr)}
.premium-time .meeting-add-control{display:flex;gap:10px;align-items:center}.premium-time .meeting-add-control select{min-width:0;flex:1;margin:0}
.premium-time .task-layout-meeting>.time-feature{margin:28px 0}.premium-time .meeting-suggestions{display:flex;flex-direction:column;gap:0}
.premium-time .meeting-suggestions article{display:grid;grid-template-columns:1.1fr 1fr 1.4fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}
.premium-time .meeting-suggestions article>strong{font-weight:500;font-size:20px;line-height:1.4}.premium-time .meeting-suggestions article>span{font-size:13px;line-height:1.5}.premium-time .meeting-suggestions article>p{font-size:12px;margin:0}.premium-time .meeting-suggestions .btn{margin:0;white-space:nowrap}
.premium-time .meeting-all-hours{margin:20px 0;border:0;background:#f0f4f3;padding:16px}.premium-time .meeting-all-hours .mp-grid{margin-top:16px}
.premium-time .shift-duration{font-size:35px;font-weight:500;letter-spacing:-.035em}
@media(max-width:900px){body.experience .hero{padding:24px 0 20px}body.experience .hero .lead{font-size:16px}body.experience .tool.premium-time{padding:20px}.premium-time .task-layout-focus,.premium-time .task-layout-epoch{display:block}.premium-time .task-layout-focus>.time-feature,.premium-time .epoch-pane{margin-top:24px}.premium-time .task-layout-epoch>.result{display:block}.premium-time .task-layout-epoch>.result .btn{margin-top:16px}.premium-time .task-layout-dates .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-time .date-milestones{gap:12px}.premium-time .date-milestones strong{font-size:12px}.premium-time .event-milestones{display:block}.premium-time .event-milestones li{margin:4px 0;border:0}.premium-time .meeting-suggestions article{grid-template-columns:1fr 1fr;gap:14px}.premium-time .meeting-suggestions article>p{grid-column:1/-1}.premium-time .meeting-suggestions article>.btn{grid-column:1/-1;justify-self:start}.premium-time .time-feature-body>label{width:100%;margin-right:0}.premium-time .focus-stage{padding:20px}.premium-time .task-layout-timesheet .stats{grid-template-columns:1fr 1fr}.premium-time .hours thead{display:none}.premium-time .hours tbody{display:block}.premium-time .hours tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.premium-time .hours td{display:block;border:0;padding:0;min-width:0}.premium-time .hours td:first-child{grid-column:1/-1}.premium-time .hours td::before{display:block;font-size:12px;margin-bottom:5px;color:var(--muted)}.premium-time .hours td:nth-child(1)::before{content:'Day'}.premium-time .hours td:nth-child(2)::before{content:'Start'}.premium-time .hours td:nth-child(3)::before{content:'End'}.premium-time .hours td:nth-child(4)::before{content:'Break (min)'}.premium-time .hours td:nth-child(5)::before{content:'Hours'}.premium-time .hours td input{width:100%!important;min-width:0}.premium-time .hours td:last-child{grid-column:1/-1}.premium-time .lap-insights{gap:20px}.premium-time .lap-insights strong{font-size:25px}}

/* Keep stage defaults from leaking pale text into these light working surfaces. */
#tool.premium-time{--bg:#f4f5f3;--card:#fff;--fg:#1c2b2e;--muted:#536368;--soft:#eef2f1;--border:#d7dfdf;--accent:#203c43;--accent-fg:#fff;color:#1c2b2e;background:#fff;color-scheme:light}
#tool.premium-time .cd-display{--fg:#f7faf9;--muted:#bacdd2;--accent:#e4eeeb;--accent-fg:#173038;--border:#829ca4;color:#f7faf9;background:#172f38}
#tool.premium-time .cd-display .btn.ghost{color:#f7faf9;border-color:#829ca4}
#tool.premium-time .focus-stage{color:var(--fg)}
#tool.premium-time .timer{font-variant-numeric:tabular-nums}
#tool.premium-time .tabs [aria-selected=true]{color:var(--accent)}
#tool.premium-time .tabs [aria-selected=false]{color:var(--muted)}
#tool.premium-time .btn:disabled{opacity:.48}
#tool.premium-time .time-feature summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:760px){
 #tool.premium-time .task-layout-stopwatch>.timer{font-size:clamp(42px,12vw,64px);letter-spacing:-.045em}
 #tool.premium-time .task-layout-stopwatch>.row .btn{min-width:0;flex:1 1 80px}
 #tool.premium-time .cd-display{padding:26px 14px}
 #tool.premium-time .cd-display .timer{font-size:clamp(25px,7.4vw,42px);line-height:1.35}
 #tool.premium-time .focus-stage .timer{font-size:clamp(52px,16vw,76px)}
 #tool.premium-time .focus-stage>.row .btn{flex:1 1 70px}
 #tool.premium-time .focus-stage>.tabs{gap:4px}
 #tool.premium-time .focus-stage>.tabs button{padding:10px 7px;font-size:13px}
 #tool.premium-time .task-layout-epoch>.result .big-num{font-size:clamp(23px,7vw,32px);overflow-wrap:anywhere}
}

#tool.premium-time .cd-display .timer small{font-size:max(12px,.35em)!important;letter-spacing:0;margin-inline:2px .2em}
#tool.premium-time .cd-display .timer small:last-child{margin-inline-end:0}

#tool.premium-time{font-variant-numeric:tabular-nums}
#tool.premium-time .time-feature-result td:nth-child(n+2),#tool.premium-time .time-feature-result th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}
body.site-military-time-converter:has(#tool.premium-time) table td,body.site-military-time-converter:has(#tool.premium-time) table th{text-align:right;font-variant-numeric:tabular-nums}
#tool.premium-time .wk-now{color:#236575}