.dz-fig { container-type: inline-size; }
.dz-fig figcaption, .dz-pic figcaption { font-size: .82rem; color: var(--slate); margin-top: .8rem; line-height: 1.45; }
.dz-fig figcaption a, .dz-num-src a, .dz-src a { overflow-wrap: anywhere; }
.dz-fig-title { font-family: var(--display); font-weight: 600; font-size: 1.1rem; margin: 0 0 .8rem; }
.article .refs a { overflow-wrap: anywhere; }
.dz-pics-note { font-size: .85rem; color: var(--slate); }
.dz-dot { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; margin-right: .45rem; vertical-align: .02em; background: var(--dc, var(--slate)); }
.dz-tl { display: grid; gap: 1.6rem; background: var(--paper); border: 1px solid color-mix(in oklab, var(--slate) 25%, transparent); border-top: 10px solid var(--sand-dk); border-radius: 3px; padding: 1.1rem clamp(.8rem, 3.5cqi, 1.5rem) 1.2rem; }
.dz-tl figcaption { margin-top: -.4rem; }
.dz-lane-h { font-family: var(--display); font-weight: 600; font-size: 1.1rem; margin: 0 0 .7rem; }
.dz-cu { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); position: relative; }
.dz-cu::before { content: ""; position: absolute; top: 9px; left: 12.5%; right: 12.5%; height: 2px; background: color-mix(in oklab, var(--sand-dk) 70%, var(--ink)); }
.dz-cu li { position: relative; display: grid; justify-items: center; gap: .45rem; font-size: .9rem; font-weight: 600; text-align: center; }
.dz-cu-k { width: 20px; height: 20px; border-radius: 50%; background: var(--sand-md); box-shadow: 0 0 0 3px var(--paper), inset 0 0 0 2px color-mix(in oklab, var(--sand-dk) 60%, var(--ink)); }
.dz-lane-note { font-size: .85rem; color: var(--slate); margin: .7rem 0 0; text-align: center; }
.dz-clocks { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.dz-clock { display: grid; gap: .3rem; --bc: var(--slate); }
.dz-clock.is-super { --bc: var(--fig); }
.dz-clock-l { font-size: .92rem; line-height: 1.35; margin: 0; }
.dz-clock-from { font-size: .8rem; color: var(--slate); margin: 0; letter-spacing: .02em; }
.dz-clock-from::after { content: " \2192"; }
.dz-track { position: relative; height: 30px; background: repeating-linear-gradient(90deg, color-mix(in oklab, var(--slate) 22%, transparent) 0 1px, transparent 1px calc(100% / 6)); border-bottom: 1px solid color-mix(in oklab, var(--slate) 35%, transparent); }
.dz-bar { position: absolute; left: 0; top: 4px; bottom: 4px; width: max(5px, calc(var(--d) / 36 * 100%)); background: var(--bc); border-radius: 0 2px 2px 0; transform-origin: left center; display: flex; align-items: center; }
.dz-val { position: absolute; top: 50%; transform: translateY(-50%); left: calc(max(5px, var(--d) / 36 * 100%) + .5rem); font-family: var(--display); font-weight: 600; font-size: .95rem; white-space: nowrap; }
.dz-in { color: var(--paper); font-family: var(--display); font-weight: 600; font-size: .95rem; padding-left: .6rem; white-space: nowrap; }
.dz-ext { position: absolute; left: calc(24 / 36 * 100%); right: 0; top: 4px; bottom: 4px; background: repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in oklab, var(--slate) 45%, transparent) 5px 7px), color-mix(in oklab, var(--slate) 10%, var(--paper)); border: 1px dashed color-mix(in oklab, var(--slate) 60%, transparent); border-left: 0; border-radius: 0 2px 2px 0; transform-origin: left center; }
.dz-clock-ext { font-size: .82rem; color: var(--slate); margin: 0 0 0 calc(24 / 36 * 100%); padding-left: .4rem; line-height: 1.35; }
.dz-axis { position: relative; height: 1.3rem; margin-top: .35rem; font-size: .75rem; color: var(--slate); }
.dz-axis span { position: absolute; left: calc(var(--m) / 36 * 100%); transform: translateX(-50%); white-space: nowrap; }
.dz-axis span:first-child { transform: none; }
.dz-axis span:last-child { transform: translateX(-100%); }
@container (max-width: 479px) {
.dz-axis span:nth-child(6) { display: none; }
.dz-clock-ext { margin-left: 0; text-align: right; }
}
@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
.dz-tl .dz-bar, .dz-tl .dz-ext, .dz-tl .dz-cu-k { transition: transform .5s var(--ease-settle); }
.dz-tl .dz-clock:nth-child(2) .dz-bar { transition-delay: .12s; }
.dz-tl .dz-clock:nth-child(3) .dz-bar { transition-delay: .24s; }
.dz-tl .dz-ext { transition-delay: .5s; }
.dz-tl.reveal:not(.in) .dz-bar, .dz-tl.reveal:not(.in) .dz-ext { transform: scaleX(0); }
}
.dz-ticks { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
@container (min-width: 560px) { .dz-ticks { grid-template-columns: 1fr 1fr; } }
.dz-ticks li { background: var(--riverlight); border-radius: 3px; padding: .6rem .9rem; }
.dz-ticks label { display: flex; gap: .7rem; align-items: flex-start; cursor: pointer; min-height: 28px; }
.dz-ticks input { width: 1.15rem; height: 1.15rem; margin: .22rem 0 0; flex: 0 0 auto; accent-color: var(--fig); }
.dz-ticks input:checked + span { color: color-mix(in oklab, var(--ink) 55%, transparent); text-decoration: line-through; text-decoration-color: color-mix(in oklab, var(--fig) 70%, transparent); }
.dz-piles { display: grid; gap: .8rem; margin-top: 1.3rem; }
@container (min-width: 560px) { .dz-piles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dz-pile { background: var(--paper); border: 1px solid color-mix(in oklab, var(--slate) 22%, transparent); border-top: 5px solid var(--dc); border-radius: 2px; padding: .8rem 1rem .9rem; }
.dz-pile.is-keep { --dc: var(--fig); }
.dz-pile.is-give { --dc: var(--verdigris); }
.dz-pile.is-bin { --dc: var(--sand-dk); }
.dz-pile-h { font-family: var(--display); font-weight: 600; font-size: 1.05rem; margin: 0 0 .45rem; }
.dz-pile ul { list-style: none; margin: 0; padding: 0; font-size: .9rem; }
.dz-pile li { padding: .3rem 0; border-bottom: 1px solid color-mix(in oklab, var(--slate) 14%, transparent); line-height: 1.35; }
.dz-pile li:last-child { border-bottom: 0; }
.dz-pic img { display: block; width: 100%; height: auto; }
.dz-route { background: var(--paper); border: 1px solid color-mix(in oklab, var(--slate) 22%, transparent); border-radius: 3px; padding: 1.1rem clamp(.6rem, 3cqi, 1.4rem) 1rem; }
.dz-route svg { display: block; width: 100%; height: auto; overflow: visible; }
@container (max-width: 559px) { .dz-route svg.rt-wide { display: none !important; } }
@container (min-width: 560px) { .dz-route svg.rt-phone { display: none !important; } }
.rt-truck { --rc: var(--fig); }
.rt-give { --rc: var(--verdigris); }
.rt-cleanup { --rc: color-mix(in oklab, var(--sand-dk) 85%, var(--ink)); }
.rt-crc { --rc: var(--slate); }
.rt-apart { --rc: var(--ink); }
.rt-line { fill: none; stroke: var(--rc); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.rt-stop { fill: var(--paper); stroke: var(--rc); stroke-width: 3.5; }
.rt-name { fill: var(--ink); font-family: var(--display); font-weight: 600; }
.rt-txt { fill: var(--ink); font-family: var(--body); }
.rt-wall { fill: var(--sandstone); stroke: var(--ink); stroke-width: 2; stroke-linejoin: round; }
.rt-roof { fill: var(--slate); stroke: var(--ink); stroke-width: 2; stroke-linejoin: round; }
.rt-chim { fill: var(--sand-dk); stroke: var(--ink); stroke-width: 2; }
.rt-door { fill: var(--ink); }
.rt-win { fill: var(--riverlight); stroke: var(--ink); stroke-width: 1.5; }
.rt-course { stroke: color-mix(in oklab, var(--sand-dk) 70%, transparent); stroke-width: 1; }
.rt-ground { stroke: var(--ink); stroke-width: 2; stroke-linecap: round; }
@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
.dz-route .rt-line { stroke-dasharray: 1 1; stroke-dashoffset: 0; transition: stroke-dashoffset .6s var(--ease-settle); transition-delay: calc(var(--i) * 90ms + 200ms); }
.dz-route.reveal:not(.in) .rt-line { stroke-dashoffset: 1; }
}
.dz-table { width: 100%; border-collapse: collapse; background: var(--paper); border: 1px solid color-mix(in oklab, var(--slate) 25%, transparent); font-size: .93rem; }
.dz-table th, .dz-table td { padding: .65rem .8rem; text-align: left; vertical-align: top; border-bottom: 1px solid color-mix(in oklab, var(--slate) 18%, transparent); line-height: 1.4; }
.dz-table thead th { font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; color: var(--paper); background: var(--slate); font-weight: 600; }
.dz-table tbody tr:last-child > * { border-bottom: 0; }
.dz-two td { width: 50%; }
.dz-two td + td { border-left: 1px solid color-mix(in oklab, var(--slate) 18%, transparent); }
.dz-two thead .dz-dot { box-shadow: 0 0 0 2px var(--paper); }
.dz-two .is-yes { --dc: var(--sand-md); }
.dz-two .is-no { --dc: var(--paper); background: transparent; box-shadow: inset 0 0 0 2px var(--paper); }
.dz-money tbody th { font-weight: 600; width: 26%; }
.dz-money .dz-src { font-size: .85rem; white-space: nowrap; }
@container (max-width: 559px) {
.dz-two { font-size: .85rem; }
.dz-two th, .dz-two td { padding: .55rem .6rem; }
.dz-money thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.dz-money, .dz-money tbody, .dz-money tr, .dz-money th, .dz-money td { display: block; width: auto; }
.dz-money tbody tr { padding: .75rem .9rem; border-bottom: 1px solid color-mix(in oklab, var(--slate) 18%, transparent); }
.dz-money tbody tr:last-child { border-bottom: 0; }
.dz-money tbody th, .dz-money td { padding: 0; border-bottom: 0; }
.dz-money tbody th { width: auto; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--slate); margin-bottom: .2rem; }
.dz-money .dz-src { white-space: normal; margin-top: .3rem; font-size: .8rem; }
.dz-money .dz-src::before { content: "Source: "; color: var(--slate); }
}
.dz-cover { margin-top: 1.3rem; background: var(--paper); border: 1px solid color-mix(in oklab, var(--slate) 22%, transparent); border-top: 5px solid var(--slate); border-radius: 2px; padding: .9rem 1.2rem 1rem; }
.dz-cover ul.keystone { margin: 0 0 .4rem; font-size: .93rem; }
.dz-cover ul.keystone li { line-height: 1.45; }
.dz-ft { margin: .8rem 0 0; padding-top: .9rem; border-top: 1px solid color-mix(in oklab, var(--slate) 18%, transparent); }
.dz-ft::before { top: .95rem; }
.dz-ft p { margin: 0; font-size: 1.08rem; line-height: 1.4; }
.dz-ft cite a { overflow-wrap: anywhere; }
.dz-num-grid { display: grid; gap: .8rem; }
@container (min-width: 560px) { .dz-num-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dz-num { display: flex; flex-direction: column; background: var(--paper); border: 1px solid color-mix(in oklab, var(--slate) 22%, transparent); border-top: 6px solid var(--dc); border-radius: 2px; padding: .85rem 1rem .8rem; --dc: var(--slate); }
.dz-num:nth-child(1) { --dc: var(--sand-dk); }
.dz-num:nth-child(2) { --dc: var(--fig); }
.dz-num-h { font-family: var(--display); font-weight: 600; font-size: 1.02rem; margin: 0 0 .4rem; }
.dz-num ul { list-style: none; margin: 0 0 .7rem; padding: 0; font-size: .9rem; }
.dz-num li { padding: .35rem 0; border-bottom: 1px dotted color-mix(in oklab, var(--slate) 40%, transparent); line-height: 1.35; }
.dz-num li:last-child { border-bottom: 0; }
.dz-num b { font-family: var(--display); font-weight: 600; font-size: 1.12em; white-space: nowrap; }
.dz-num-src { margin: auto 0 0; padding-top: .5rem; border-top: 1px solid color-mix(in oklab, var(--slate) 22%, transparent); font-size: .8rem; color: var(--slate); }