body.timeline-page{background:#f7f5ef;color:#163e42} .timeline-page main{max-width:1480px;margin:16px auto;padding:0 16px 80px}
.timeline-delay-hint{margin:0 0 0 auto;color:#087e82;font-size:13px;font-weight:650;white-space:nowrap}
.timeline-card[data-delay]{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}
@media(hover:hover){.timeline-card[data-delay]:hover{border-color:#159b9b;box-shadow:0 12px 28px #087e8224;transform:translateY(-5px)}.timeline-card[data-delay]:not(.is-hold):hover{background:linear-gradient(135deg,#fff,#eaf8f5)}}
@media(prefers-reduced-motion:reduce){.timeline-card[data-delay]{transition:none}.timeline-card[data-delay]:hover{transform:none}}
.timeline-card[data-delay]:focus-visible{outline:3px solid #0b9396;outline-offset:4px}
.timeline-date-field{display:grid;gap:12px;font-weight:650}.timeline-date-field [data-teal-date-picker]{position:relative}
.timeline-page .lead-intake-date-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:#eff9f7;border:1px solid #baded9;padding:13px 16px;border-radius:12px;color:#075f63;text-align:left}
.timeline-page .lead-intake-calendar-icon{width:16px;height:16px;border:2px solid currentColor;border-radius:4px;position:relative}.timeline-page .lead-intake-calendar-icon:before{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
.timeline-page .lead-intake-calendar{margin-top:12px;padding:14px;background:#fff;border:1px solid #cce6e2;border-radius:18px;box-shadow:0 12px 30px #075f6314;color:#15494c}
.timeline-page .lead-intake-calendar[hidden]{display:none}
.timeline-page .lead-intake-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.timeline-page .lead-intake-calendar-head strong{font-size:15px}.timeline-page .lead-intake-calendar-head span{display:flex;gap:5px}
.timeline-page .lead-intake-calendar-head button{padding:0;width:32px;height:32px;background:#eef8f6;border:0;border-radius:10px;font-size:22px;color:#087d80}
.timeline-page .lead-intake-calendar-weekdays,.timeline-page .lead-intake-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.timeline-page .lead-intake-calendar-weekdays b{text-align:center;padding:6px 0;font-size:10px;color:#71918f}
.timeline-page .lead-intake-calendar-days button{padding:0;min-height:34px;border:0;border-radius:10px;background:transparent;font-size:12px;color:#214f50}
.timeline-page .lead-intake-calendar-days button:hover{background:#e5f6f2}.timeline-page .lead-intake-calendar-days .is-outside{color:#9cadaa}.timeline-page .lead-intake-calendar-days .is-today{box-shadow:inset 0 0 0 1px #10a3a0}
.timeline-page .lead-intake-calendar-days .is-selected{background:linear-gradient(135deg,#087981,#11a9a6);color:white;box-shadow:0 3px 8px #078a8133}
.timeline-page .lead-intake-calendar-actions{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid #e5efeb}.timeline-page .lead-intake-calendar-actions button{padding:6px 12px;border:0;background:#eaf7f3;color:#087e80;font-size:12px}
@media(max-width:700px){.timeline-delay-hint{width:100%;margin:8px 0 0;white-space:normal}.timeline-page .timeline-tool-panel{max-width:calc(100vw - 64px)}}
.timeline-hero{display:flex;align-items:center;gap:22px;padding:28px;border:0;border-radius:18px;color:#fff;background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,#07304f 0%,#075d63 52%,#10b8b8 100%);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.timeline-hero a{display:grid;width:132px;height:108px;flex:0 0 auto;place-items:center;border-radius:12px;transition:transform 160ms ease,filter 160ms ease}
.timeline-hero a:hover{filter:drop-shadow(0 8px 12px rgba(255,255,255,.3));transform:translateY(-3px) scale(1.025)}
.timeline-hero a:focus-visible{outline:3px solid rgba(255,255,255,.84);outline-offset:5px}
.timeline-hero img{display:block;width:100%;height:100%;object-fit:contain}
.timeline-hero h1{margin:0;color:#fff;font-size:clamp(32px,3.45vw,54px);line-height:1;letter-spacing:0}
.timeline-toolbar{display:flex;justify-content:flex-end;margin:18px 0}
.timeline-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.timeline-title h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1.5px;margin:8px 0 12px}.timeline-title p{color:#657e80}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px}.timeline-page button,.timeline-page input,.timeline-page select{font:inherit}.timeline-page button{cursor:pointer;border:1px solid #cbdcda;background:white;color:#164e52;border-radius:11px;padding:11px 16px;font-weight:650}.timeline-page button:focus-visible,.timeline-page input:focus-visible,.timeline-page select:focus-visible{outline:3px solid #298890;outline-offset:3px}.timeline-controls{display:flex;gap:24px;flex-wrap:wrap;align-items:center;background:white;padding:24px;border:1px solid #dce6e4;border-radius:20px}.timeline-page label{display:grid;gap:9px;font-size:13px;font-weight:600}.timeline-controls>label{flex:1;min-width:180px}.timeline-page fieldset{border:0;padding:0;margin:0}.timeline-page legend{font-size:12px;color:#637c7d;margin-bottom:9px}.timeline-page input:not([type=checkbox]):not([type=radio]),.timeline-page select{padding:12px;border:1px solid #d6e2df;border-radius:9px;background:#f9fbfa;color:#183d40;box-sizing:border-box;max-width:100%;min-width:0}.optional-work{display:grid;gap:9px}.optional-work label{display:flex;align-items:center;font-size:12px}.timeline-summary{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 0 14px;font-size:17px}.timeline-summary strong{display:block;font-size:25px;margin-top:7px;letter-spacing:-.5px}.timeline-summary small{color:#617e7c}#timeline-source,.timeline-expectation{font-size:12px;color:#60777a;line-height:1.7}.timeline-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.timeline-card{background:white;border:1px solid #dbe5e1;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;min-height:0;box-shadow:0 5px 18px #123a3a05}.timeline-card.is-hold{border:2px solid #d69933;background:linear-gradient(145deg,#fff,#fff5df)}.timeline-card.is-completed{opacity:.7}.stage-top{display:flex;justify-content:space-between;align-items:center}.stage-status{font-size:11px;font-weight:700;color:#56817d}.is-hold .stage-status{color:#996516}.timeline-card h2{margin:4px 0;font-size:21px;letter-spacing:-.5px}.stage-date{font-size:22px;font-weight:750;line-height:1.4}.stage-duration,.stage-note{font-size:12px;color:#60777a;line-height:1.6;margin:0}.stage-delay{padding:12px;border-radius:10px;background:#fff0cf;color:#805c21;font-size:12px;line-height:1.6}.stage-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.timeline-card .stage-actions button{font-size:12px;padding:8px 12px}.timeline-settings{margin-top:30px;padding:22px;border:1px solid #dce6e4;border-radius:16px;background:#ffffff80}.timeline-settings summary{cursor:pointer;font-weight:700}.timeline-settings p{font-size:12px;color:#60777a}.duration-row{display:grid;grid-template-columns:1fr 100px 100px;gap:14px;align-items:center;margin:12px 0}.duration-row span{font-size:13px}.duration-row label{font-size:11px}#delay-dialog{width:min(540px,calc(100vw - 40px));padding:0;border:1px solid #d8e6e1;border-radius:24px;color:#183d40;background:#fcfdfb;box-shadow:0 30px 80px #123a3a40}#delay-dialog::backdrop{background:#092b3b99;backdrop-filter:blur(4px)}#delay-dialog form{padding:28px}#delay-dialog header{display:flex;justify-content:space-between;gap:16px;align-items:start}#delay-title{margin:8px 0;font-size:26px}#delay-dialog p{font-size:13px;color:#60777a;line-height:1.7}#close-delay{font-size:24px;padding:3px 10px}#delay-dialog fieldset{margin:24px 0}.delay-weeks{display:flex;flex-wrap:wrap;gap:8px}.delay-weeks label{cursor:pointer}.delay-weeks input{position:absolute;opacity:0}.delay-weeks span{border:1px solid #d4e2dd;padding:10px;display:block;border-radius:9px;font-size:12px}.delay-weeks input:checked+span{background:#195957;color:white}.delay-weeks input:focus-visible+span{outline:3px solid #298890}#delay-dialog footer{display:flex;justify-content:space-between;gap:16px;margin-top:24px}#delay-dialog button[type=submit]{background:#195957;color:white}@media(max-width:950px){.timeline-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.timeline-page main{padding:24px 16px}.timeline-title{align-items:start;flex-direction:column}.timeline-controls{padding:18px;gap:20px}.timeline-cards{grid-template-columns:1fr}.duration-row{grid-template-columns:1fr 75px 75px;gap:8px}.timeline-summary strong{font-size:21px}}@media print{.timeline-hero,.timeline-title>button,.timeline-controls,.timeline-settings,.stage-actions,#timeline-source{display:none!important}.timeline-page main{padding:0}.timeline-cards{grid-template-columns:repeat(2,1fr)}.timeline-card{break-inside:avoid;box-shadow:none}.timeline-title h1{font-size:28px}body.timeline-page{background:white}.timeline-card{min-height:0}}

.timeline-top-actions{display:flex;gap:8px;flex-wrap:wrap}@media print{.timeline-top-actions{display:none!important}}

/* Same logo buttons as the Inflation Reduction Act page. */
.timeline-utility-date{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;width:100%}
.timeline-utility-date>label{width:240px;max-width:100%}
.utility-choice{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.timeline-page .utility-choice button{display:grid;width:auto;height:80px;padding:4px;place-items:center;border:0;border-radius:6px;background:transparent;cursor:pointer;transition:transform .16s ease,filter .16s ease}
.utility-choice img{display:block;width:auto;max-width:172px;height:62px;object-fit:contain}
.utility-choice [data-utility="PG&E"] img{width:72px;height:72px}
.timeline-page .utility-choice button:hover,.timeline-page .utility-choice button:focus-visible{outline:none;filter:brightness(1.05);transform:scale(1.04)}
.timeline-page .utility-choice button:focus-visible{outline:2px solid #0e9e8e;outline-offset:4px}
@media(max-width:600px){.utility-choice{gap:18px}.timeline-page .utility-choice button{height:72px}.utility-choice img{max-width:150px;height:56px}.utility-choice [data-utility="PG&E"] img{width:64px;height:64px}.timeline-utility-date>label{width:100%}}

@media(max-width:600px){.timeline-page main{padding:0 16px 40px}.timeline-hero{gap:14px;padding:22px 18px}.timeline-hero a{width:72px;height:68px}.timeline-hero h1{font-size:clamp(25px,6vw,32px)}}
@media print{.timeline-page .timeline-hero{display:flex!important;padding:0 0 20px;background:none;box-shadow:none;color:#163e42}.timeline-hero a,.timeline-toolbar{display:none!important}.timeline-hero h1{color:#163e42;font-size:28px}}

.timeline-utility-date{justify-content:flex-start;gap:30px}
.timeline-quick-tools{display:flex;align-items:center;gap:6px}
.timeline-tool{position:relative}
.timeline-tool summary{display:grid;place-items:center;width:40px;height:40px;list-style:none;cursor:pointer;color:#7c9493;border-radius:10px;transition:background 160ms ease,color 160ms ease}
.timeline-tool summary::-webkit-details-marker{display:none}
.timeline-tool summary:hover,.timeline-tool[open] summary{color:#176766;background:#eef5f3}
.timeline-tool summary:focus-visible{outline:2px solid #0e9e8e;outline-offset:3px}
.timeline-tool summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.timeline-tool-panel{position:absolute;z-index:10;top:calc(100% + 12px);left:0;width:270px;padding:20px;border:1px solid #dce6e4;border-radius:16px;background:white;box-shadow:0 14px 40px #123a3a20}
.timeline-tool-panel label{line-height:1.5}.timeline-tool-panel .optional-work{gap:14px}.timeline-tool-panel .optional-work label{font-size:13px}
@media(max-width:600px){.timeline-utility-date{gap:14px}.timeline-quick-tools{position:relative}.timeline-tool{position:static}.timeline-tool-panel{width:min(270px,calc(100vw - 72px));left:0;box-sizing:border-box}}

.timeline-cards{row-gap:44px;margin-top:48px}
.timeline-card{position:relative;padding:30px 24px 22px}
.stage-weeks-sticker{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 20px;border:1px solid #087e85;border-radius:12px;background:linear-gradient(135deg,#087e85,#16aaa5);color:white;font-size:16px;font-weight:800;line-height:1.3;box-shadow:0 3px 8px #0b575d12}
@media print{.stage-weeks-sticker{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.timeline-page .utility-choice button[hidden]{display:grid;visibility:hidden;pointer-events:none}
.timeline-quick-tools{flex-wrap:wrap}
.timeline-page .timeline-option-toggle{font-size:12px;font-weight:600;padding:8px 10px;border:0;background:transparent;color:#78908e;border-radius:8px}
.timeline-page .timeline-option-toggle:hover,.timeline-page .timeline-option-toggle[aria-pressed=true]{color:#176766;background:#eef5f3}
.timeline-choose-hint{grid-column:1/-1;color:#78908e;font-size:14px;text-align:center;padding:24px}

.timeline-controls{margin-top:18px}.timeline-utility-date>.timeline-top-actions{margin-left:auto}
@media(max-width:600px){.timeline-utility-date>.timeline-top-actions{margin-left:0;width:100%}}

/* Match the homepage Aros logo dimensions. */
.timeline-hero a{width:84px;height:84px}
@media(max-width:600px){.timeline-hero a{width:42px;height:42px}}

/* Compact desktop cards and privileged source-sheet shortcut. */
.timeline-hero .timeline-sheet-link{margin-left:auto;width:44px;height:44px;padding:10px;box-sizing:border-box;background:#fff;border:1px solid #ffffff70;border-radius:12px;flex-shrink:0}
.timeline-hero .timeline-sheet-link[hidden]{display:none}
.timeline-hero .timeline-sheet-link img{width:24px;height:24px;object-fit:contain}
@media(min-width:951px) and (max-width:1150px){.timeline-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.timeline-hero{gap:10px}.timeline-hero h1{font-size:clamp(22px,5vw,30px)}.timeline-hero .timeline-sheet-link{width:38px;height:38px;padding:7px}}

/* Keep incomplete rows centered without stretching their cards. */
.timeline-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}
.timeline-card{box-sizing:border-box;flex:0 0 calc((100% - 54px)/4);min-width:0;text-align:center}
.timeline-card h2{color:#427a78;font-weight:650}
.timeline-card .stage-date{color:#163e42}
.timeline-choose-hint{width:100%}
@media(max-width:1150px){.timeline-card{flex-basis:calc((100% - 36px)/3)}}
@media(max-width:950px){.timeline-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:600px){.timeline-card{flex-basis:100%}}
@media print{.timeline-card{flex-basis:calc((100% - 18px)/2)}}

.timeline-bookends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:780px;margin:26px auto 0}
.timeline-bookends[hidden]{display:none}
.timeline-bookend{text-align:center;padding:22px 24px;border:1px solid #087e85;border-radius:20px;background:linear-gradient(135deg,#075e65,#0b8e8d);color:#fff;box-shadow:0 8px 22px #075e6512}
.timeline-bookend h2{margin:0 0 10px;font-size:16px;font-weight:650;color:#d3f4ed}
.timeline-bookend p{margin:0;font-size:24px;font-weight:750;line-height:1.35;color:#fff}
@media(max-width:600px){.timeline-bookends{gap:12px}.timeline-bookend{padding:18px 12px;border-radius:16px}.timeline-bookend h2{font-size:14px}.timeline-bookend p{font-size:18px}}
@media print{.timeline-bookend{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.timeline-start-picker{position:relative;min-width:0}
.timeline-page .timeline-start-picker .lead-intake-date-trigger{display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%;padding:22px 24px;border:1px solid #087e85;border-radius:20px;background:linear-gradient(135deg,#075e65,#0b8e8d);color:#fff;text-align:center;box-shadow:0 8px 22px #075e6512;transition:filter .2s,box-shadow .2s,transform .2s ease}
.timeline-start-title{font-size:16px;font-weight:650;color:#d3f4ed}
.timeline-start-value{font-size:24px;font-weight:750;line-height:1.35}
.timeline-page .timeline-start-picker .lead-intake-date-trigger:hover{filter:brightness(1.08);box-shadow:0 10px 28px #075e6528}
.timeline-page .timeline-start-picker .lead-intake-calendar{position:absolute;z-index:20;top:calc(100% + 10px);left:0;margin:0;width:360px;max-width:calc(100vw - 32px);box-sizing:border-box}
@media(max-width:600px){.timeline-page .timeline-start-picker .lead-intake-date-trigger{padding:18px 12px;border-radius:16px}.timeline-start-title{font-size:14px}.timeline-start-value{font-size:18px}}
@media print{.timeline-start-picker .lead-intake-calendar{display:none!important}.timeline-start-picker .lead-intake-date-trigger{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

@media(hover:hover){.timeline-page .timeline-start-picker .lead-intake-date-trigger:hover{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.timeline-page .timeline-start-picker .lead-intake-date-trigger{transition:none}.timeline-page .timeline-start-picker .lead-intake-date-trigger:hover{transform:none}}
