@layer components{.cm{--fund:#a1ca7a;--cm-ink:#1d2129;--cm-mark:#1348dc;--cm-stage:light-dark(#e7edf2,#14171c);color:var(--foreground);gap:.75rem;margin-block:2rem;line-height:1.5;display:grid}.post-wide .cm{inline-size:calc(100cqi - 2 * var(--rail-pad));max-inline-size:none}.cm-card{border:1px solid var(--line);background-color:var(--surface);grid-template-columns:minmax(0,1fr);display:grid}@container (width>=56rem){.cm-card{grid-template-columns:minmax(0,1fr) 22rem;grid-template-areas:"top top""stops stops""stage panels""foot foot"}.cm-bar{grid-area:top}.cm-card>.cm-stops{border-block-start:0;flex-wrap:wrap;grid-area:stops;overflow-x:visible}.cm-stage{grid-area:stage;align-content:center}.cm-panels{border-inline-start:1px solid var(--line);grid-area:panels}.cm-bar.cm-foot{border-block-start:1px solid var(--line);border-block-end:0;grid-area:foot}.cm-facts>div{grid-template-columns:minmax(0,1fr)}}.cm-bar{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.625rem .875rem;display:flex}.cm-bar>div{flex-wrap:wrap;gap:.5rem;display:flex}.cm-stage{background-color:var(--cm-stage);display:grid;position:relative}.cm-scene{opacity:0;visibility:hidden;grid-area:1/1;min-inline-size:0;&.is-on{opacity:1;visibility:visible}}.cm-svg{block-size:auto;inline-size:100%;display:block;translate:0}[class^=c-]{stroke:color-mix(in oklab, var(--c) 56%, var(--cm-ink,#1d2129));stroke-width:.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.t3{fill:var(--c)}.t2{fill:color-mix(in oklab, var(--c) 95%, var(--cm-ink,#1d2129))}.t1{fill:color-mix(in oklab, var(--c) 90%, var(--cm-ink,#1d2129))}.t0{fill:color-mix(in oklab, var(--c) 83%, var(--cm-ink,#1d2129))}.c-roof{--c:#355c3f}.c-white{--c:#fff}.c-ivory{--c:#f2f0eb}.c-cream{--c:#fff9d2}.c-beige{--c:#f7f1e8}.c-red{--c:#e41b17}.c-fund{--c:var(--fund)}.c-floor{--c:#c2c3be}.c-concrete{--c:#d8d6cf}.c-section{--c:#8a8e96}.c-glass{--c:#cfe2ec}.c-chalk{--c:#3d6653}.c-wood{--c:#d6b384}.c-steel{--c:#a3a7ae}.c-void{--c:#4b5059}.c-brass{--c:#c9a24a}.c-cork{--c:#c89b6a}.c-water{--c:#7fb6d6}.c-tile{--c:#e6ebee}.c-warn{--c:#f2c230}.c-rail{--c:#7e8086}.c-soil{--c:#b79f84}.c-mat{--c:#a9cfb0}.c-mat2{--c:#ecc0a6}.cm-svg .ln{fill:none;stroke:var(--cm-ink);stroke-width:.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.5}.cm-svg .ln-soft{opacity:.28}.cm-svg .ln-frame{stroke:color-mix(in oklab, var(--fund) 62%, var(--cm-ink));stroke-width:1.3px;opacity:1}.cm-svg .ln-roof{stroke:#1f3a28;opacity:.45}.cm-svg .ln-ceiling{stroke-dasharray:3 4}.cm-svg .ln-neck{stroke-width:2.2px;opacity:.8}.cm-svg .guard{fill-opacity:.6}.cm-svg .ground{fill:color-mix(in srgb, var(--heading) 10%, transparent);stroke:none}.cm-svg .mk-ground{fill:none;stroke:none}.cm-svg .mk-outline{fill:#fff;stroke:none}.cm-svg .mk-id{fill:#1d3fa8;stroke:none}.pipe,.pipe-edge{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pipe-edge{stroke:#4d5158;stroke-width:3.6px}.pipe{stroke:#b9bdc4;stroke-width:2px}.cm-svg .ln-web{stroke-width:1.6px;opacity:.75}.cm-svg .ln-bolt{stroke-width:2px;opacity:1}.cm-svg .flood{fill:#4f9bd1;fill-opacity:.55;stroke:#2f77ad;stroke-width:.8px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:bottom}.pipe-thin .pipe-edge{stroke-width:2px}.pipe-thin .pipe{stroke-width:1px}.rail-gray .pipe{stroke:#7e8086}.cm-svg .bump{fill:#d9a514;stroke:#9a7410;stroke-width:.4px;vector-effect:non-scaling-stroke}.cm-svg .bar{fill:none;stroke:#a47c12;stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.cm-svg .access{fill:#009edb;stroke:#fff;stroke-width:1.2px;vector-effect:non-scaling-stroke}.cm-svg .rider circle{fill:var(--cm-mark);stroke:#fff;stroke-width:1.5px}.cm-svg .water{stroke:#3f8fc0}.cm-svg .mark,.cm-svg .flow,.cm-svg .flow-head,.cm-svg .ping{fill:none;stroke:var(--cm-mark);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.cm-svg .case{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.85;vector-effect:non-scaling-stroke}.cm-svg .mark-soft{stroke-width:1.4px;stroke-dasharray:4 5}.cm-svg .flow{stroke-width:1.6px;stroke-dasharray:7 7}.cm-svg .flow-head{stroke-width:1.6px}.cm-svg .pool{fill:#fff3b8;fill-opacity:.55;stroke:none}.cm-svg .ping{transform-box:fill-box;transform-origin:50%;scale:1}.cm[data-focus] .it:not(.on){opacity:.36}.cm-svg .only{opacity:0;visibility:hidden;&.on{opacity:1;visibility:visible}}@media (prefers-reduced-motion:no-preference){.cm-scene{transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility 0s .4s;&.is-on{transition:opacity .4s cubic-bezier(.4,0,.2,1)}}.cm-svg .it,.cm-svg use{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.cm-svg .only{transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s .3s;&.on{transition:opacity .3s cubic-bezier(.4,0,.2,1)}}.cm-svg .c-fund,.cm-svg .ln-frame{transition:fill .35s cubic-bezier(.4,0,.2,1),stroke .35s cubic-bezier(.4,0,.2,1)}.cm[data-moved] .cm-svg .on .flow{animation:.9s linear infinite cm-flow}.cm[data-moved] .cm-svg .on .rider{animation:7s cubic-bezier(.4,0,.2,1) infinite cm-ride}.cm[data-moved]:not([data-still])[data-stop=flood] .flood{animation:1.8s cubic-bezier(.4,0,.2,1) .3s both cm-rise}.cm[data-moved]:not([data-still])[data-stop=quake] .cm-scene.is-on .cm-svg{animation:.18s linear .4s 6 cm-shake}.cm[data-moved]:not([data-still])[data-stop=roof] .mk-logo{animation:.5s cubic-bezier(.4,0,.2,1) .3s both cm-paint}.cm[data-moved]:not([data-still])[data-stop=roof] .mk-digit{animation:cm-paint .35s cubic-bezier(.4, 0, .2, 1) calc(.8s + var(--i) * .14s) both}.cm[data-moved] .cm-svg .on .ping{animation:1.6s cubic-bezier(.4,0,.2,1) infinite cm-ping}.cm:is([data-paused],[data-still]) .cm-svg .on :is(.flow,.rider,.ping){animation-play-state:paused}}@keyframes cm-flow{to{stroke-dashoffset:-14px}}@keyframes cm-rise{0%{scale:1 0}}@keyframes cm-shake{25%{translate:-3px}75%{translate:3px}}@keyframes cm-ride{0%{offset-distance:0%}85%,to{offset-distance:100%}}@keyframes cm-paint{0%{opacity:0}}@keyframes cm-ping{0%{opacity:1;scale:.6}70%,to{opacity:0;scale:1.5}}.cm-stops{border-block:1px solid var(--line);scrollbar-width:thin;gap:.375rem;padding:.625rem .875rem;scroll-padding-inline:.875rem;display:flex;overflow-x:auto}.cm-stop{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--surface) 60%, transparent);min-block-size:2.75rem;color:var(--heading);font-size:var(--text-sm);cursor:pointer;flex:none;padding-inline:.75rem;position:relative;translate:0;&[aria-selected=true]{border-color:var(--primary);background-color:var(--wash);color:var(--primary)}&[aria-selected=true]:after{border-block-end:2px solid var(--primary);content:"";position:absolute;inset:auto 0 0}&:active{translate:0 1px}&:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}}@media (hover:hover) and (pointer:fine){.cm-stop:not([aria-selected=true]):hover{border-color:var(--primary);background-color:var(--muted)}}.cm .btn:is([aria-pressed=true],[data-is-on]){border-color:var(--primary);background-color:var(--wash);color:var(--primary);box-shadow:none}.cm .btn[disabled]{opacity:.45;pointer-events:none}@media (forced-colors:active){.cm-stop[aria-selected=true],.cm .btn:is([aria-pressed=true],[data-is-on]){color:highlighttext;forced-color-adjust:none;background-color:highlight;border-color:highlight}.cm-swatch,.cm-svg{forced-color-adjust:none}.calc-icon{fill:canvastext}.calc-icon.is-extra{fill:none;stroke:canvastext}.calc-result{outline:1px solid canvastext}}.cm-panels{padding:1rem .875rem 1.125rem}.cm-panel{gap:.75rem;display:grid;&.is-off{display:none}}.cm .cm-title{color:var(--heading);font-size:var(--text-lg);letter-spacing:-.012em;border-block-start:0;margin-block-start:0;padding-block-start:0;font-weight:500;line-height:1.4}.article-body .cm .cm-title+*{margin-block-start:0}.cm-facts{border-block-start:1px solid var(--line);font-size:var(--text-sm);line-height:var(--text-sm--line-height);display:grid;&>div{border-block-end:1px solid var(--line);gap:.125rem 1rem;padding-block:.5rem;display:grid}& dt{color:var(--muted-foreground)}& dd{color:var(--heading);overflow-wrap:anywhere}}@container (width>=34rem) and (width<=55.99rem){.cm-facts>div{grid-template-columns:11rem minmax(0,1fr)}}.cm-choices{flex-wrap:wrap;gap:.5rem;display:flex}.cm-swatch{border:1px solid color-mix(in srgb, var(--heading) 35%, transparent);background-color:var(--swatch);border-radius:2px;flex:none;block-size:.875rem;inline-size:.875rem}.calc-defs{block-size:0;inline-size:0;position:absolute}.calc{border:1px solid var(--line);background-color:var(--surface);grid-template-columns:minmax(0,1fr);display:grid}.calc-head{gap:.375rem;padding:1rem 1rem 0;display:grid}.calc-fields{flex-wrap:wrap;gap:1rem 2rem;padding:1rem;display:flex}.calc-field{gap:.375rem;display:grid;& label{color:var(--heading);font-size:var(--text-sm);font-weight:500}}.calc-stepper{flex-wrap:wrap;gap:.375rem;display:flex;& input{border:1px solid var(--input);border-radius:var(--radius-sm);background-color:var(--background);min-block-size:2.75rem;inline-size:6.5rem;max-inline-size:100%;color:var(--heading);font:inherit;font-size:var(--text-lg);font-variant-numeric:tabular-nums;text-align:center;flex:6.5rem;padding-inline:.625rem;&:focus-visible{outline:2px solid var(--primary);outline-offset:2px}&:user-invalid{border-color:var(--destructive)}}& .btn{font-variant-numeric:tabular-nums;min-inline-size:2.75rem}}.calc-results{border-block:1px solid var(--line);background-color:var(--line);flex-wrap:wrap;gap:1px;display:flex}.calc-result{background-color:var(--surface);flex:15rem;grid-template-columns:minmax(0,1fr);align-content:start;gap:.25rem;min-inline-size:0;padding:1rem;display:grid;& :is(dt,dd){margin:0}}.calc-label{color:var(--heading);font-size:var(--text-sm);font-weight:500}.calc-value{color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(1.75rem,1.4rem + 1.4cqi,2.25rem);line-height:1.15}.calc-ratio,.calc-key,.calc-more{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.calc-icons{flex-wrap:wrap;align-items:center;gap:.25rem;min-block-size:1.25rem;margin-block-start:.5rem;display:flex}.calc-icon{block-size:1.125rem;inline-size:1.125rem;fill:var(--primary);flex:none;&.is-extra{fill:none;stroke:var(--primary);stroke-width:1.25px}}.calc-key{flex-wrap:wrap;align-items:center;gap:.25rem .375rem;padding:.75rem 1rem 0;display:flex}.calc-cite{padding:.375rem 1rem 1rem}@media (prefers-reduced-motion:no-preference){.calc-icon.is-new{animation:.25s cubic-bezier(.4,0,.2,1) cm-paint}}@media (hover:hover) and (pointer:fine){.calc-stepper input:hover{border-color:var(--muted-foreground)}}.signs{border:1px solid var(--line);background-color:var(--surface);grid-template-columns:minmax(0,1fr);display:grid}.signs-head{padding:.875rem 1rem}.article-body .signs-row{border-block:1px solid var(--line);background-color:var(--line);flex-wrap:wrap;gap:1px;margin:0;padding:0;list-style:none;display:flex}.article-body .signs-item{background-color:var(--surface);flex:11rem;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;gap:.25rem;margin:0;padding:1rem;display:grid;&.is-wide{flex-basis:16rem}}.signs-art{forced-color-adjust:none;block-size:6.5rem;inline-size:auto;max-inline-size:100%;margin-block-end:.5rem}.signs-name{color:var(--heading);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:500}.signs-shows{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.signs-cite{padding:.75rem 1rem 1rem}.cm-note,.cm-cite,.cm figcaption{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.cm-note{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}@media (scripting:none){.cm-stage{display:block}.cm-scene{opacity:1;visibility:visible}.cm :is(.cm-bar,.cm-stops,.cm-choices,.cm-share){display:none}.cm-panel.is-off{display:grid}.cm-panel+.cm-panel{margin-block-start:1.5rem}}}