.timing-workspace{padding-block:24px 36px;font-size:1rem}.timing-tasks{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.timing-tasks button{font:inherit;font-size:.9rem;font-weight:650;border:1px solid #9fbaca;border-radius:6px;background:#fff;color:var(--ink);padding:9px 14px}.timing-tasks button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}.timing-settings{display:grid;grid-template-columns:140px 220px minmax(0,1fr);gap:16px;align-items:start;background:var(--accent-soft);padding:16px 20px;border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.timing-workspace label{display:block;font-weight:650;font-size:.875rem}.timing-workspace input,.timing-workspace select,.timing-workspace textarea{display:block;width:100%;min-width:0;margin-top:5px;padding:9px 10px;border:1px solid #8ba9bd;border-radius:5px;background:#fff;color:var(--ink);font:inherit;min-height:44px}.timing-settings p{margin:0;font-size:.875rem;line-height:1.55;align-self:center}.timing-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.timing-editor,.timing-summary{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.timing-editor h2,.timing-saves h2{font-size:1.3rem;line-height:1.3;margin:0 0 8px}.timing-editor>p{margin:8px 0 14px}.timing-target{max-width:250px}.timing-workspace [data-time-entry]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.timing-workspace .timing-hint{font-size:.875rem;color:var(--muted);line-height:1.55;margin:12px 0}.timing-paste{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:16px 0}.timing-paste summary{cursor:pointer;font-size:.95rem;font-weight:650;min-height:44px;padding:8px 0}.timing-paste textarea{font: .9rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.timing-shortcuts,.timing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.timing-shortcuts span{font-size:.875rem;margin-left:4px}.timing-workspace .btn{font-size:.875rem;padding:8px 12px;min-height:44px}.timing-row{display:grid;grid-template-columns:76px minmax(0,1fr) 164px auto;gap:10px;align-items:end;border-bottom:1px solid var(--line);padding:10px 0}.timing-row input,.timing-row select{font-size:.95rem}.timing-row-actions{display:flex;gap:4px}.timing-row-actions button{padding:8px;font-size:.875rem}.timing-row .timing-operation{font-size:.875rem}.timing-metrics{display:grid;gap:14px;background:var(--navy);color:#fff;border-radius:7px;padding:20px}.timing-metrics span{display:block;font-size:.875rem;color:#c6daea}.timing-metrics strong{display:block;font:700 1.25rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.timing-metrics small{display:block;margin-top:4px;font-size:.875rem;color:#c6daea}.timing-balance{border-top:1px solid var(--line);padding-top:12px}.timing-saves{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.timing-saves>.btn{margin-top:10px}.timing-workspace [aria-invalid=true]{border-color:#a63212;background:#fff6f1}#timing-error{color:#842d0c;line-height:1.5;font-size:.875rem}#timing-error:empty{display:none}#timing-save-status,#timing-export-status{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.timing-workspace button:focus-visible,.timing-workspace select:focus-visible,.timing-workspace input:focus-visible,.timing-workspace textarea:focus-visible,.timing-workspace summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(min-width:1051px){.timing-summary{position:sticky;top:16px}}
@media(max-width:1050px){.timing-layout{grid-template-columns:1fr}.timing-summary{grid-row:1}.timing-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.timing-balance{border-top:0;border-left:1px solid var(--line);padding-top:0;padding-left:14px}.timing-saves{margin-top:12px}.timing-settings{grid-template-columns:140px minmax(0,1fr)}.timing-settings p{grid-column:1/-1}}
@media(max-width:1050px){.timing-summary{display:contents}.timing-metrics{grid-row:1}#timing-frame-result{grid-row:2;margin:0}.timing-editor{grid-row:3}.timing-saves{grid-row:4;margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}}
@media(max-width:700px){.timing-row{grid-template-columns:76px minmax(0,1fr)}.timing-row .timing-duration-label{grid-column:1/-1;width:100%}.timing-row-actions{grid-column:1/-1;justify-self:end}.timing-editor,.timing-summary{padding:16px}.timing-metrics{padding:14px;gap:10px}.timing-metrics strong{font-size:1rem}}
@media(max-width:480px){.timing-settings{padding:14px;grid-template-columns:minmax(0,1fr)}.timing-metrics{grid-template-columns:1fr}.timing-balance{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:10px}.timing-row-actions{gap:2px}.timing-row-actions button{font-size:.8rem;padding:8px 5px}.timing-tasks button{flex:1 1 140px}}
.timing-assistance{margin:0 0 20px;padding:14px 20px;border:1px solid #8ba9bd;border-radius:8px;background:#fff}.timing-assistance summary{font-weight:700;cursor:pointer;min-height:36px}.timing-assistance textarea{resize:vertical}.timing-assistance button:disabled{opacity:.55;cursor:default}#timing-question-status{font-size:.9rem;line-height:1.55}#timing-question-status:empty,#timing-explanation:empty{display:none}

/* Compact calculator workspace. Navy/cyan come from the shared .com palette. */
body:has(.timing-workspace) .calculator-intro{padding:12px 0 10px}body:has(.timing-workspace) .calculator-intro h1{font-size:1.6rem;margin:0 0 4px}body:has(.timing-workspace) .calculator-intro p{font-size:.875rem}body:has(.timing-workspace) .nav{min-height:60px}body:has(.timing-workspace) .desk-link-strip{display:none}
.timing-workspace{padding:12px 0 10px}.timing-tasks{gap:6px;margin-bottom:10px}.timing-tasks button{font-size:.875rem;padding:6px 10px;min-height:36px}.timing-settings{grid-template-columns:100px 190px minmax(0,1fr);padding:8px 12px;gap:12px;margin-bottom:10px}.timing-workspace input,.timing-workspace select,.timing-workspace textarea{padding:6px 8px;min-height:36px;margin-top:3px}.timing-settings p{font-size:.875rem;line-height:1.35}.timing-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:10px 14px}.timing-summary{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:0;border:0;background:transparent}.timing-metrics{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:16px;padding:12px 16px;border:2px solid var(--navy);transition:background-color .3s,border-color .3s}.timing-metrics strong{font-size:1.25rem}.timing-balance{border-top:0;border-left:1px solid #426e86;padding:0 0 0 20px}.timing-balance strong{font-size:1.6rem;color:var(--accent-light)}.timing-metrics[data-state=over] .timing-balance strong{color:#ffd59a}.timing-metrics[data-state=invalid]{border-color:#a63212}.timing-metrics.result-updated{background:var(--panel);border-color:var(--cyan);box-shadow:0 0 0 2px #21b5df26}.timing-result-status{font-size:.875rem;font-weight:700;color:var(--link);margin:4px 0}.timing-summary #timing-frame-result{font-size:.875rem;margin:4px 0}.timing-editor{grid-column:1;grid-row:2;padding:12px 16px}.timing-editor h2{font-size:1.1rem;margin:0 0 3px}.timing-editor>p{font-size:.875rem;margin:3px 0 8px}.timing-target{max-width:230px}.timing-workspace .btn{min-height:36px;padding:6px 10px}.timing-shortcuts,.timing-actions{gap:6px;margin:8px 0}.timing-entry-help,.timing-verification{font-size:.875rem;margin:6px 0}.timing-entry-help summary,.timing-verification summary{cursor:pointer;font-weight:600;padding:4px 0}.timing-entry-help .timing-hint,.timing-verification .timing-hint{margin:6px 0}.timing-paste{padding:4px 0;margin:6px 0}.timing-paste summary{min-height:30px;padding:4px 0;font-size:.875rem}.timing-row{grid-template-columns:70px minmax(0,1fr) 145px auto;gap:7px;padding:6px 0}.timing-row input,.timing-row select{font-size:.875rem}.timing-row-actions button{padding:6px;font-size:.875rem}#timing-rows{max-height:156px;overflow:auto;padding-right:3px}.timing-secondary{grid-column:2;grid-row:2;min-width:0}.timing-assistance{padding:10px 14px;margin:0 0 10px}.timing-assistance summary{min-height:28px;font-size:1rem}.timing-assistance label{margin-top:6px}.timing-assistance .timing-hint{margin:5px 0;font-size:.875rem;line-height:1.3}.timing-assistance .timing-actions{margin:8px 0}.timing-assistance #timing-question-status{margin:5px 0;max-height:88px;overflow:auto;font-size:.875rem}.timing-saves{margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.timing-saves summary{font-size:.95rem;font-weight:700;cursor:pointer}.timing-saves label{margin-top:8px}.timing-saves .timing-hint{margin:6px 0}.timing-video-disclosure{padding:8px 0 12px;font-size:.875rem}.timing-video-disclosure>summary{cursor:pointer;font-weight:700}.timing-video-disclosure .tool-video{margin:8px 0 0;padding:14px 0}.timing-video-disclosure .tool-video .wrap{width:100%}body:has(.timing-workspace) .footer{padding:10px 0}body:has(.timing-workspace) .footer-top{display:none}body:has(.timing-workspace) .footer-bottom{border:0;padding:0;font-size:.875rem}
@media(max-width:800px){.timing-layout{grid-template-columns:1fr}.timing-editor{grid-column:1;grid-row:2}.timing-secondary{grid-column:1;grid-row:3}.timing-settings{grid-template-columns:100px minmax(0,1fr)}.timing-settings p{grid-column:1/-1}.timing-metrics{grid-template-columns:1fr 1fr;gap:10px}.timing-balance{grid-column:1/-1;border:0;border-top:1px solid #426e86;padding:8px 0 0}.timing-metrics strong{font-size:1.1rem}.timing-balance strong{font-size:1.5rem}.timing-summary{grid-template-columns:1fr}.timing-row{grid-template-columns:70px minmax(0,1fr) 130px}.timing-row-actions{grid-column:2/-1;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.timing-metrics{transition:none}}
@media(min-width:801px){
body:has(.timing-workspace){font-size:16px}body:has(.timing-workspace) .nav{min-height:52px}body:has(.timing-workspace) .calculator-intro{padding:8px 0}body:has(.timing-workspace) .calculator-intro h1{font-size:1.4rem;margin:0}body:has(.timing-workspace) .calculator-intro p{line-height:1.3}
.timing-workspace{line-height:1.4;padding:8px 0}.timing-settings{grid-template-columns:160px 280px minmax(0,1fr);padding:6px 10px;align-items:center}.timing-settings label{display:flex;align-items:center;gap:8px;white-space:nowrap}.timing-settings select{margin:0}.timing-settings p{line-height:1.3}.timing-tasks{margin-bottom:8px}.timing-metrics{padding:8px 12px}.timing-metrics span,.timing-metrics small{font-size:.875rem;line-height:1.3}.timing-metrics small{margin-top:2px}.timing-summary{gap:0 10px}.timing-editor{padding:10px 12px}.timing-editor h2,.timing-editor>#timing-description{display:none}.timing-target{max-width:none;display:flex!important;align-items:center;gap:12px}.timing-target input{width:190px;margin:0}.timing-entry-help,.timing-verification{margin:4px 0}.timing-paste{margin:4px 0}.timing-shortcuts,.timing-actions{margin:6px 0}.timing-row{padding:4px 0}.timing-row:has(select:disabled){grid-template-columns:minmax(0,1fr) 150px auto}.timing-row:has(select:disabled)>.timing-operation{display:none}.timing-assistance{padding:8px 12px}.timing-assistance .timing-actions{gap:5px}.timing-assistance .timing-hint{line-height:1.3}.timing-assistance summary{min-height:24px}.timing-video-disclosure{padding:4px 0 8px}#timing-rows{max-height:clamp(64px,calc(100dvh - 620px),156px)}
}
@media(min-width:801px){.timing-settings{grid-template-columns:160px 360px minmax(0,1fr)}.timing-settings label:nth-child(2) select{min-width:195px}.timing-settings label:nth-child(2){white-space:normal}}

/* Calendar-style editorial banner, keeping the timing workspace directly below. */
body:has(.timing-workspace) .calculator-intro.calculator-banner{background-color:#061a30;background-image:linear-gradient(90deg,#061a30 0%,#061a30 35%,rgba(6,26,48,.82) 48%,rgba(6,26,48,.2) 72%,rgba(6,26,48,.08) 100%),url('/assets/calculator-timing-banner-v1.webp');background-size:100% 100%,65% auto;background-position:center,right 70%;background-repeat:no-repeat;color:white;padding:30px 0;min-height:146px;border:0}
.calculator-banner>.wrap{width:min(1560px,calc(100% - 48px))}
body:has(.timing-workspace) .calculator-intro.calculator-banner h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.2rem,3.8vw,3.5rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 8px;max-width:60%;color:white}
body:has(.timing-workspace) .calculator-intro.calculator-banner p{font-family:Georgia,'Times New Roman',serif;font-size:1.3rem;line-height:1.3;margin:0;color:white;max-width:60%}
body:has(.calculator-banner) .nav{min-height:56px;width:min(1560px,calc(100% - 48px));gap:18px}
body:has(.calculator-banner) .navlinks{gap:18px}body:has(.calculator-banner) .navlinks a{font-size:.875rem}
body:has(.calculator-banner) .brand{letter-spacing:.035em;font-size:1rem;text-transform:uppercase}body:has(.calculator-banner) .brand img{width:34px;height:34px}
@media(max-width:1250px){body:has(.calculator-banner) .nav{flex-wrap:wrap;padding:10px 0;gap:8px}}
@media(max-width:800px){.calculator-banner>.wrap,body:has(.calculator-banner) .nav{width:calc(100% - 32px)}body:has(.timing-workspace) .calculator-intro.calculator-banner{min-height:130px;padding:24px 0;background-position:center,right 70%;background-size:100% 100%,85% auto}body:has(.timing-workspace) .calculator-intro.calculator-banner h1,body:has(.timing-workspace) .calculator-intro.calculator-banner p{max-width:80%;text-shadow:0 2px 8px #061a30}body:has(.timing-workspace) .calculator-intro.calculator-banner h1{font-size:2.3rem}}
@media(max-width:500px){body:has(.timing-workspace) .calculator-intro.calculator-banner{background-size:100% 100%,auto 100%}body:has(.timing-workspace) .calculator-intro.calculator-banner h1{font-size:2rem;max-width:95%}body:has(.timing-workspace) .calculator-intro.calculator-banner p{font-size:1.1rem}}
@media print{.calculator-banner{display:none!important}}