body.timeline-tool{--paper:#fbf4e8;--ink:#292621;--green:#155b50;--muted:#625c53;--line:#c7c0b5;margin:0;color:var(--ink);background:var(--paper);font:17px/1.6 Arial,sans-serif}body.timeline-tool *{box-sizing:border-box}body.timeline-tool [hidden]{display:none!important}body.timeline-tool .tl-wrap{max-width:1160px;margin:auto;padding:0 28px}body.timeline-tool header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}body.timeline-tool a{color:var(--green);text-underline-offset:4px}body.timeline-tool .tl-brand{font:29px Georgia,serif;text-decoration:none}body.timeline-tool h1,body.timeline-tool h2,body.timeline-tool h3{font-family:Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.02em}body.timeline-tool h1{font-size:clamp(38px,4.7vw,61px);margin:14px 0 22px;text-wrap:balance}body.timeline-tool h2{font-size:clamp(28px,3.3vw,39px);margin:0 0 22px}body.timeline-tool h3{font-size:25px;margin:14px 0}body.timeline-tool p{margin:12px 0}body.timeline-tool figure{margin:0;min-width:0}body.timeline-tool img{max-width:100%;display:block}body.timeline-tool figcaption,body.timeline-tool .small{font-size:14px;line-height:1.6;color:var(--muted)}body.timeline-tool .eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--green)}body.timeline-tool .lead{font-size:19px;line-height:1.65}body.timeline-tool .tl-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:56px 0}body.timeline-tool .tl-hero img{height:auto;border-radius:6px}body.timeline-tool .tl-section{padding:34px 0;border-top:1px solid var(--line)}body.timeline-tool button,body.timeline-tool .tl-button{font:600 16px/1.4 Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:12px 19px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:white;text-decoration:none;cursor:pointer;transition:background .16s}body.timeline-tool .secondary{background:transparent;color:var(--green)}body.timeline-tool button:disabled{opacity:.48;cursor:default}body.timeline-tool :focus-visible{outline:3px solid #9e5d13;outline-offset:3px}body.timeline-tool input:not([type=checkbox]):not([type=range]),body.timeline-tool select{font:16px/1.4 Arial,sans-serif;min-height:46px;width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid #938c80;border-radius:6px;background:#fffdfa;color:var(--ink)}body.timeline-tool input[type=checkbox]{width:20px;height:20px;accent-color:var(--green)}body.timeline-tool .tl-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}body.timeline-tool .tl-settings label{display:flex;flex-direction:column;gap:7px;min-width:0}body.timeline-tool .tl-wide{grid-column:1/-1}body.timeline-tool .tl-upload{padding:20px;border:1px dashed #7d8775;border-radius:7px;background:#f3ede0}body.timeline-tool .tl-upload label{display:block;font-weight:600;margin-bottom:12px}body.timeline-tool .error{color:#9e3429;overflow-wrap:anywhere}body.timeline-tool .error:empty{display:none}body.timeline-tool .tl-cards{display:grid;gap:14px}body.timeline-tool .tl-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;border:1px solid var(--line);background:#fffaf2;border-radius:8px;padding:18px}body.timeline-tool .tl-card img{width:160px;height:120px;object-fit:contain;background:#e7e0d3;border-radius:4px}body.timeline-tool .tl-card p{font-size:14px;margin:0 0 8px;overflow-wrap:anywhere}body.timeline-tool .tl-card label{display:block;font-size:14px;min-width:0}body.timeline-tool .tl-card label input,body.timeline-tool .tl-card label select{margin:5px 0 12px}body.timeline-tool .tl-card .tl-actions{gap:8px}body.timeline-tool .tl-actions{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}body.timeline-tool .tl-card button{font-size:14px;padding:9px 12px}body.timeline-tool .tl-player-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}body.timeline-tool .tl-player-heading span{font-variant-numeric:tabular-nums;color:var(--green)}body.timeline-tool .tl-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#252a26;border-radius:8px;isolation:isolate}body.timeline-tool .tl-layer,body.timeline-tool .tl-photo{position:absolute;inset:0}body.timeline-tool .tl-layer{background:#252a26;overflow:hidden}body.timeline-tool .tl-intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10%;font:clamp(18px,3.5vw,43px)/1.25 Georgia,serif;color:white;text-align:center;overflow-wrap:anywhere}body.timeline-tool .tl-photo img{position:absolute;inset:0;width:100%;height:100%}body.timeline-tool .tl-blur{object-fit:cover;filter:blur(14px) brightness(.7);transform:scale(1.05)}body.timeline-tool .tl-contained{object-fit:contain}body.timeline-tool .tl-caption{position:absolute;bottom:5%;left:5%;right:5%;padding:5px 9px;font:clamp(12px,2.1vw,27px)/1.25 Georgia,serif;text-align:center;background:#000a;color:white;white-space:pre-wrap;overflow-wrap:anywhere}body.timeline-tool .tl-caption:empty{display:none}body.timeline-tool #seek{width:100%;min-height:44px;margin:4px 0;accent-color:var(--green)}body.timeline-tool .tl-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}body.timeline-tool #clock{font:16px/1.5 monospace;margin-left:auto;font-variant-numeric:tabular-nums}body.timeline-tool .tl-guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}body.timeline-tool .tl-guidance span{font:25px Georgia,serif;color:var(--green)}body.timeline-tool details{border-bottom:1px solid var(--line);padding:9px 0}body.timeline-tool summary{cursor:pointer;min-height:44px;padding:10px 0}body.timeline-tool footer{display:flex;gap:20px;flex-wrap:wrap;padding:30px 0;border-top:1px solid var(--line)}body.timeline-tool .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.timeline-tool .skip-link{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}body.timeline-tool .skip-link:focus{top:10px}
.timeline-handoff{max-width:1060px;margin:24px auto;padding:24px;background:#fbf4e8;border:1px solid #c7c0b5;border-radius:9px;color:#292621;font:16px/1.5 Arial,sans-serif}.timeline-handoff p,.timeline-handoff li{overflow-wrap:anywhere}.timeline-handoff button{font:600 16px/1.4 Arial,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #155b50;border-radius:6px;background:#155b50;color:white;margin:0 8px 8px 0;cursor:pointer}.timeline-handoff button.secondary{background:transparent;color:#155b50}.timeline-handoff button:disabled{opacity:.5;cursor:default}.timeline-handoff a{color:#155b50}.timeline-handoff :focus-visible{outline:3px solid #9e5d13;outline-offset:3px}.timeline-handoff summary{padding:10px 0;cursor:pointer}
@media(hover:hover){body.timeline-tool button:not(:disabled):hover,body.timeline-tool .tl-button:hover{background:#236b5f;color:white}}
body.timeline-tool .tl-card-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}body.timeline-tool .tl-fields{min-width:0}body.timeline-tool .tl-card h3{margin:0 0 5px}
@media(max-width:800px){body.timeline-tool .tl-hero{grid-template-columns:1fr;gap:25px;padding:32px 0}body.timeline-tool .tl-hero figure{max-width:580px}body.timeline-tool .tl-guidance{grid-template-columns:1fr;gap:18px}}
@media(max-width:500px){body.timeline-tool .tl-wrap{padding:0 18px}body.timeline-tool header{padding:18px 0;font-size:14px}body.timeline-tool .tl-brand{font-size:22px}body.timeline-tool .tl-settings{grid-template-columns:minmax(0,1fr)}body.timeline-tool .tl-card{grid-template-columns:minmax(0,1fr);padding:15px;gap:12px}body.timeline-tool .tl-card img{width:100%;height:180px}body.timeline-tool .tl-actions>button{flex:1 1 140px}body.timeline-tool .tl-controls{gap:8px}body.timeline-tool .tl-controls button{padding:10px 12px;font-size:14px}body.timeline-tool #clock{width:100%;margin:0}body.timeline-tool .tl-upload{padding:15px}.timeline-handoff{margin:20px 12px;padding:18px}}
@media(prefers-reduced-motion:reduce){body.timeline-tool *,body.timeline-tool *:before,body.timeline-tool *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}