.ddd-timeline{color:#2e3d59;background:#fcf7f2}.ddd-timeline-heading{grid-template-columns:1fr 1fr;align-items:start;gap:72px;margin-bottom:38px;display:grid}.ddd-timeline-heading>.ddd-copy{color:#526075;max-width:65ch;font-size:16px}.ddd-timeline-switch{background:#fff;border:1px solid #b9c2ce;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:56px;padding:6px;display:grid}.ddd-timeline-switch [role=tab]{color:#2e3d59;min-height:72px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:18px 24px;font-size:clamp(18px,2vw,23px);font-weight:900;line-height:1.35;transition:none}.ddd-timeline-switch [role=tab]:hover{background:#f2ede7}.ddd-timeline-switch [role=tab][data-state=active]{color:#fff;background:#2e3d59}.ddd-timeline-switch [role=tab]:focus-visible{outline-offset:2px;outline:3px solid #a54816}.ddd-timeline-panel:focus-visible{outline-offset:8px;outline:3px solid #a54816}.ddd-timeline-panel[data-state=inactive]{display:none}.ddd-timeline-path{-moz-column-gap:84px;grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;column-gap:84px;display:grid}.ddd-timeline-guide{position:sticky;top:132px}.ddd-timeline .ddd-timeline-guide h3{font-size:28px;line-height:1.25}.ddd-timeline .ddd-timeline-guide>p{color:#526075;margin-top:20px;font-size:16px}.ddd-timeline .ddd-timeline-guide>.ddd-timeline-scope{margin-top:16px;font-size:14px}.ddd-timeline-guide>.ddd-link{margin-top:20px}.ddd-timeline-reading{border-top:1px solid #c8c9c9;margin-top:30px;padding-top:24px}.ddd-timeline-reading>span{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;display:block}.ddd-timeline-reading>span>span{color:#526075;font-weight:400}.ddd-timeline-reading>strong{max-width:28ch;margin-top:10px;font-size:16px;line-height:1.5;display:block}.ddd-timeline-track{min-width:0;position:relative}.ddd-timeline-rail{width:2px;height:var(--ddd-timeline-length,calc(100% - 44px));background:#ccd1d7;position:absolute;top:22px;left:21px}.ddd-timeline-rail>span{transform-origin:top;background:#b85824;width:100%;height:100%;transition:transform .18s cubic-bezier(.16,1,.3,1);display:block;transform:scaleY(0)}.ddd-timeline-steps{margin:0;padding:0;list-style:none}.ddd-timeline-step{grid-template-columns:44px minmax(0,1fr);gap:26px;padding-bottom:52px;display:grid}.ddd-timeline-step:last-child{padding-bottom:0}.ddd-timeline-number{color:#2e3d59;font-variant-numeric:tabular-nums;background:#fcf7f2;border:1px solid #8a97a8;border-radius:50%;place-items:center;width:44px;height:44px;font-size:14px;font-weight:900;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out;display:grid;position:relative}.ddd-timeline-step[data-reading-state=passed] .ddd-timeline-number{border-color:#a54816}.ddd-timeline-step[data-reading-state=current] .ddd-timeline-number{background:#f29057;border-color:#a54816}.ddd-timeline .ddd-timeline-content>h3{margin-bottom:15px;padding-top:7px;font-size:24px;line-height:1.25}.ddd-timeline-copy{color:#46556c;max-width:70ch;font-size:16px}.ddd-timeline-copy :is(ul,ol){margin-block:16px}.ddd-timeline-copy li+li{margin-top:8px}.ddd-timeline-copy a:hover{color:#913c12}@media (width<=1000px){.ddd-timeline-heading{gap:40px}.ddd-timeline-path{-moz-column-gap:40px;grid-template-columns:minmax(0,225px) minmax(0,1fr);column-gap:40px}.ddd-timeline .ddd-timeline-guide h3{font-size:25px}.ddd-timeline-step{gap:20px}}@media (width<=760px){.ddd-timeline-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.ddd-timeline-switch{margin-bottom:30px}.ddd-timeline-switch [role=tab]{min-height:84px;padding:16px 12px;font-size:18px}.ddd-timeline-path{grid-template-columns:minmax(0,1fr);row-gap:36px}.ddd-timeline-guide{position:static}.ddd-timeline .ddd-timeline-guide>p{max-width:65ch;margin-top:14px}.ddd-timeline-guide>.ddd-link{margin-top:12px}.ddd-timeline-reading{display:none}.ddd-timeline-step{padding-bottom:40px}.ddd-timeline .ddd-timeline-content>h3{font-size:22px}}@media (width<=400px){.ddd-timeline-switch{gap:4px;padding:4px}.ddd-timeline-switch [role=tab]{padding-inline:8px;font-size:16px}.ddd-timeline-step{gap:16px}.ddd-timeline .ddd-timeline-content>h3{font-size:20px}}@media (height<=650px) and (width>=761px){.ddd-timeline-guide{position:static}}@media (prefers-reduced-motion:reduce){.ddd-timeline-rail>span,.ddd-timeline-number,.ddd-timeline-switch [role=tab]{transition:none}}
