:root{--paper: #f2f2f0;--paper-raised: #fbfbfa;--ink: #121212;--ink-70: #4a4a48;--ink-45: #83837f;--rule: #d3d3ce;--rule-strong: #b4b4ae;--signal: #d5341a;--signal-ink: #ffffff;--good: #1f7a3d;--sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--mono: "SFMono-Regular", ui-monospace, "Cascadia Mono", Consolas, monospace;--t-micro: .6875rem;--t-small: .8125rem;--t-body: 1rem;--t-lead: clamp(1.0625rem, .95rem + .5vw, 1.25rem);--t-h3: clamp(1.125rem, 1rem + .6vw, 1.5rem);--t-h2: clamp(1.625rem, 1.3rem + 1.6vw, 2.5rem);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-6: 1.5rem;--s-8: 2rem;--s-12: 3rem;--s-16: 4rem;--s-24: 6rem;--gutter: clamp(1rem, .5rem + 2vw, 2rem);--measure: 1100px;--hairline: 1px;--ease: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:1.55;letter-spacing:-.006em;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}::selection{background:var(--signal);color:var(--signal-ink)}.wrap{width:100%;max-width:var(--measure);margin-inline:auto;padding-inline:var(--gutter)}.wrap--wide{max-width:1560px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-12{grid-column:span 12}.start-9{grid-column-start:9}@media(max-width:900px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.col-3,.col-4{grid-column:span 3}.col-6,.col-7,.col-12{grid-column:span 6}.start-9{grid-column-start:auto}}@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}[class*=col-]{grid-column:span 2}}.page-head{padding-block:var(--s-16) var(--s-8)}.section{padding-block:var(--s-12);border-top:var(--hairline) solid var(--rule)}.label{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-45);font-weight:400}.h2{font-size:var(--t-h2);line-height:1.1;letter-spacing:-.03em;font-weight:700;text-wrap:balance}.h3{font-size:var(--t-h3);line-height:1.15;letter-spacing:-.02em;font-weight:700}.section-title{margin-bottom:var(--s-8)}.lead{font-size:var(--t-lead);line-height:1.45;color:var(--ink-70);max-width:52ch;text-wrap:pretty}.prose{max-width:62ch;color:var(--ink-70)}.prose p+p{margin-top:var(--s-4)}.prose strong{color:var(--ink);font-weight:600}.small{font-size:var(--t-small);color:var(--ink-70)}.link{border-bottom:var(--hairline) solid var(--rule-strong);transition:color .15s var(--ease),border-color .15s var(--ease)}.link:hover{color:var(--signal);border-color:var(--signal)}.skip{position:absolute;left:-9999px;z-index:100;background:var(--ink);color:var(--paper);padding:var(--s-3) var(--s-4)}.skip:focus{left:var(--gutter);top:var(--s-2)}.site-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--hairline) solid var(--rule)}.site-head__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);height:56px}.site-title{font-size:var(--t-body);font-weight:700;margin:0}.wordmark{font-weight:700;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:var(--s-2)}.wordmark:before{content:"";width:9px;height:9px;background:var(--signal);flex:none}.head-link{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-45);transition:color .15s var(--ease)}.head-link:hover{color:var(--ink)}.rows{border-top:var(--hairline) solid var(--rule-strong)}.row{display:grid;grid-template-columns:7rem minmax(0,1fr) 1.5rem;gap:var(--gutter);align-items:baseline;padding-block:var(--s-6);border-bottom:var(--hairline) solid var(--rule);transition:background-color .2s var(--ease),padding-inline .2s var(--ease)}a.row:hover{background:var(--paper-raised);padding-inline:var(--s-3)}a.row:hover .row__title{color:var(--signal)}a.row:hover .row__arrow{transform:translate(4px);color:var(--signal)}.row__title,.row__desc{display:block}.row__title{font-size:var(--t-h3);font-weight:700;letter-spacing:-.02em;line-height:1.15;transition:color .15s var(--ease)}.row__desc{margin-top:var(--s-2);color:var(--ink-70);font-size:var(--t-small);max-width:52ch}.row__arrow{justify-self:end;color:var(--ink-45);transition:transform .2s var(--ease),color .15s var(--ease)}@media(max-width:600px){.row{grid-template-columns:minmax(0,1fr) 1.5rem}.row>.label{grid-column:1 / -1}}.stat{border-top:var(--hairline) solid var(--ink);padding-top:var(--s-3)}.stat dt{margin-bottom:var(--s-6)}.stat dd{font-size:var(--t-h3);font-weight:700;letter-spacing:-.02em;line-height:1.1}.stat dd small{display:block;font-size:var(--t-small);font-weight:400;letter-spacing:0;color:var(--ink-45);margin-top:var(--s-2)}.readout{border-top:var(--hairline) solid var(--ink)}.readout>div{display:grid;grid-template-columns:11rem 10rem minmax(0,1fr);gap:var(--gutter);align-items:baseline;padding-block:var(--s-4);border-bottom:var(--hairline) solid var(--rule)}.readout__value{font-family:var(--mono);font-size:var(--t-h3);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.readout__note{font-size:var(--t-small);color:var(--ink-45)}@media(max-width:760px){.readout>div{grid-template-columns:minmax(0,1fr);gap:var(--s-1);padding-block:var(--s-6)}}.table-scroll{overflow-x:auto;border-bottom:var(--hairline) solid var(--ink)}.table{width:100%;min-width:54rem;border-collapse:collapse;font-variant-numeric:tabular-nums}.table th,.table td{text-align:right;padding:var(--s-3);border-bottom:var(--hairline) solid var(--rule);white-space:nowrap}.table th{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-45);font-weight:400;vertical-align:bottom;border-bottom-color:var(--ink)}.table th:first-child,.table td:first-child{text-align:left;padding-left:0}.table th:last-child,.table td:last-child{padding-right:0}.table td{font-family:var(--mono);font-size:var(--t-small);color:var(--ink-70)}.table td:first-child{font-family:var(--sans);font-size:var(--t-body);font-weight:600;color:var(--ink)}.table tbody tr:hover{background:var(--paper-raised)}.table .is-key td{color:var(--ink)}.table .is-key td:first-child{color:var(--signal)}.table tfoot td{border-top:var(--hairline) solid var(--ink);border-bottom:0;color:var(--ink);font-weight:600}.drop{display:inline-block;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;font-weight:400;color:var(--signal);border:var(--hairline) solid var(--signal);padding:0 var(--s-1);margin-left:var(--s-2);vertical-align:1px}.table--fit{min-width:0}.table--fit th,.table--fit td{padding:var(--s-2) var(--s-3)}.table--fit th:first-child,.table--fit td:first-child{white-space:normal}.table--fit .is-arrive{color:var(--ink);font-weight:600}.table .day{font-size:var(--t-micro);color:var(--ink-45);font-weight:400}@media(max-width:900px){.hide-md{display:none}}@media(max-width:600px){.hide-sm{display:none}}.status{border-top:2px solid var(--ink);padding-top:var(--s-4)}.status__value{font-size:clamp(2rem,1.2rem + 3.5vw,3.25rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-top:var(--s-6)}.status__note{color:var(--ink-70);font-size:var(--t-small);margin-top:var(--s-3)}.status.is-behind .status__value{color:var(--signal)}.status.is-ahead .status__value{color:var(--good)}.next{font-size:var(--t-lead);color:var(--ink);border-left:2px solid var(--signal);padding-left:var(--s-4);max-width:60ch}.legs{border-top:var(--hairline) solid var(--ink)}.legs__head,.leg{display:grid;grid-template-columns:minmax(0,1fr) 8.5rem 7rem 7rem;gap:var(--gutter);align-items:center}.legs__head{padding-block:var(--s-2);border-bottom:var(--hairline) solid var(--rule)}.leg{padding-block:var(--s-4);border-bottom:var(--hairline) solid var(--rule)}.leg.is-done{background:var(--paper-raised)}.leg__name{font-weight:600}.leg__meta{display:block;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.06em;color:var(--ink-45);font-weight:400;margin-top:var(--s-1)}.leg__delta,.leg__pace{font-family:var(--mono);font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--ink-45)}.leg__delta{font-weight:600;font-size:var(--t-body);color:var(--ink-70)}.leg__delta.is-behind{color:var(--signal)}.leg__delta.is-ahead{color:var(--good)}.input{font-family:var(--mono);font-size:var(--t-body);color:var(--ink);background:var(--paper);border:var(--hairline) solid var(--rule-strong);padding:var(--s-3);width:100%;min-height:44px;transition:border-color .15s var(--ease),background-color .15s var(--ease)}.input:focus{outline:none;border-color:var(--signal)}.input:hover{border-color:var(--ink)}.input[type=number]{-moz-appearance:textfield;appearance:textfield}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[readonly]{cursor:default}.input[readonly]:hover{border-color:var(--rule-strong)}select.input{appearance:none;cursor:pointer;padding-right:var(--s-8);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 16px center,right 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}@media(max-width:760px){.legs__head{display:none}.leg{grid-template-columns:minmax(0,1fr) 8.5rem;row-gap:var(--s-3);padding-block:var(--s-6)}.leg__delta,.leg__pace{font-size:var(--t-small)}.leg__pace{text-align:right}}.solve{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;border-top:2px solid var(--ink);padding-top:var(--s-4)}.solve .input{width:auto;min-width:13rem;max-width:100%}.calc{border-top:var(--hairline) solid var(--ink);padding-top:var(--s-3)}.calc__head{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-6)}.calc__tag{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);border:var(--hairline) solid var(--signal);padding:0 var(--s-1)}.calc__inputs{display:flex;align-items:center;gap:var(--s-2);margin:0}.calc__inputs .input{flex:1 1 0;min-width:0;text-align:center}.calc__unit{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.06em;color:var(--ink-45);flex:none}.calc.is-result .input{border-color:var(--signal);background:var(--paper-raised);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;padding:var(--s-2) var(--s-3);min-height:38px;border:var(--hairline) solid var(--rule);background:none;color:var(--ink-70);cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease)}.chip:hover{border-color:var(--ink);color:var(--ink)}.track-panel{border-top:var(--hairline) solid var(--ink);border-bottom:var(--hairline) solid var(--rule);padding-block:var(--s-3)}.track-panel>summary{cursor:pointer;list-style:none;display:flex;gap:var(--s-4);align-items:baseline}.track-panel>summary::-webkit-details-marker{display:none}.track-panel>summary:after{content:"▾";margin-left:auto;color:var(--ink-45)}.track-panel[open]>summary:after{content:"▴"}.track{display:grid;gap:var(--s-4);margin-top:var(--s-6)}.track__group{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:var(--s-4) var(--gutter);align-items:start}.track__items{display:flex;flex-wrap:wrap;gap:var(--s-2)}.track__item{display:inline-flex;align-items:baseline;gap:var(--s-2);background:none;border:var(--hairline) solid var(--rule);padding:var(--s-2) var(--s-3);cursor:pointer;color:var(--ink-70);font-size:var(--t-small);text-align:left;transition:border-color .15s var(--ease),color .15s var(--ease)}.track__item:hover{color:var(--ink);border-color:var(--ink-45)}.track__item.is-current{border-color:var(--signal);color:var(--ink);font-weight:600}.track__item.is-done{color:var(--ink-45)}.track__item.is-done .track__num{color:var(--good)}.track__item.is-done .track__num:after{content:"✓"}.track__num{font-family:var(--mono);font-size:var(--t-micro);color:var(--ink-45);flex:none}@media(max-width:700px){.track__group{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}}.learn__task{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:baseline;border-left:2px solid var(--signal);padding-left:var(--s-4);max-width:62ch}.editors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gutter);align-items:start}.editors__code{min-width:0}.editors__code>.pane+.pane{margin-top:var(--s-6)}.editors__result{min-width:0;position:sticky;top:76px}.pane{min-width:0}.pane__head{margin-bottom:var(--s-2)}.editor{display:block;width:100%;font-family:var(--mono);font-size:.875rem;line-height:1.7;tab-size:2;color:var(--ink);background:var(--paper-raised);border:var(--hairline) solid var(--rule);padding:var(--s-4);resize:vertical;white-space:pre-wrap;overflow-wrap:break-word;transition:border-color .15s var(--ease)}.editor:focus{outline:none;border-color:var(--signal)}.preview{width:100%;height:26rem;border:var(--hairline) solid var(--rule-strong);background:#fff}.console{border:var(--hairline) solid var(--rule);background:var(--paper-raised);min-height:5rem;max-height:12rem;overflow:auto;padding:var(--s-2) var(--s-3)}.console__line{font-family:var(--mono);font-size:var(--t-small);line-height:1.5;color:var(--ink-70);border-bottom:var(--hairline) solid var(--rule);padding-block:var(--s-1);white-space:pre-wrap;word-break:break-word}.console__line:last-child{border-bottom:0}.console__line.is-error{color:var(--signal)}.console__line.is-warn{color:var(--ink)}.learn__actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}@media(max-width:1000px){.editors{grid-template-columns:minmax(0,1fr)}.editors__result{position:static;margin-top:var(--s-6)}}.btn{display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;padding:var(--s-3) var(--s-6);min-height:44px;border:var(--hairline) solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.btn--ghost{background:none;color:var(--ink);border-color:var(--rule-strong)}.btn--ghost:hover{border-color:var(--ink)}.btn--danger{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}.btn--danger:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.modal{border:var(--hairline) solid var(--ink);background:var(--paper);color:var(--ink);padding:var(--s-8);max-width:28rem;width:calc(100% - 2rem)}.modal::backdrop{background:#12121273}.modal__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-8)}.site-foot{border-top:var(--hairline) solid var(--rule);margin-top:var(--s-24);padding-block:var(--s-6)}.colophon{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-8);justify-content:space-between}.mt-4{margin-top:var(--s-4)}.mt-8{margin-top:var(--s-8)}.mt-12{margin-top:var(--s-12)}.nums{font-family:var(--mono);font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.grid-overlay{position:fixed;inset:0;z-index:90;pointer-events:none}.grid-overlay .wrap,.grid-overlay .grid{height:100%}.grid-overlay span{background:color-mix(in srgb,var(--signal) 8%,transparent)}@media print{.site-head,.grid-overlay{display:none}body{background:#fff;color:#000}}