.dchart{--dc-ochre:#e0892b;--dc-shadow:#1b1a174d;--dc-mono:"JetBrains Mono", ui-monospace, monospace;--dc-num:"Anton", "Impact", sans-serif;background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--shadow-papercut);margin:2rem 0 0;padding:1.1rem 1.1rem 1rem;position:relative;overflow:hidden}.dchart .dc-kicker{font:500 .72rem/1.35 var(--dc-mono);letter-spacing:.1em;text-transform:uppercase;text-wrap:balance;color:var(--vermilion);margin:0 0 .95rem}.dchart .dc-kicker-2{margin-top:1.9rem}.dchart .dc-row,.dchart .dc-hrow{grid-template-columns:5.2rem minmax(0,1fr);align-items:center;gap:.3rem .75rem;margin:.7rem 0;display:grid}.dchart .dc-hrow{grid-template-columns:minmax(0,1fr)}.dchart .dc-lbl{font:500 .72rem/1.25 var(--dc-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.dchart .dc-track{height:3.1rem;position:relative}.dchart .dc-hrow .dc-track{height:2.5rem}.dchart .dc-bar{height:100%;width:var(--w);position:absolute;top:0;left:0}.dchart .dc-fill{transform-origin:0;box-shadow:5px 5px 0 var(--dc-shadow);display:block;position:absolute;inset:0}.dchart .dc-fill.forest{background:var(--forest)}.dchart .dc-fill.vermilion{background:var(--vermilion)}.dchart .dc-fill.ochre{background:var(--dc-ochre)}.dchart .dc-fill.teal{background:var(--teal)}.dchart .dc-fill.dashed{background:var(--paper);border:2px dashed var(--ink);box-shadow:none}.dchart .dc-val{font:400 clamp(1.5rem, 6vw, 2.1rem) / 1 var(--dc-num);letter-spacing:.01em;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:.65rem}.dchart .dc-val.paper{color:var(--paper)}.dchart .dc-val.ink{color:var(--ink)}.dchart .dc-gap{left:var(--l);height:100%;width:var(--w);position:absolute;top:0}.dchart .dc-stripes{transform-origin:0;border:2px solid var(--vermilion);background:repeating-linear-gradient(135deg, var(--vermilion) 0 6px, var(--paper) 6px 13px);box-shadow:5px 5px 0 var(--dc-shadow);display:block;position:absolute;inset:0}.dchart .dc-gapval,.dchart .dc-hval{left:calc(var(--l) + .65rem);white-space:nowrap;font:400 clamp(1.45rem, 5.6vw, 2rem) / 1 var(--dc-num);align-items:center;display:flex;position:absolute;top:0;bottom:0}.dchart .dc-gapval{color:var(--vermilion)}.dchart .dc-hval.teal{color:var(--teal)}.dchart .dc-hval.forest{color:var(--forest)}.dchart .dc-hval.vermilion{color:var(--vermilion)}.dchart .dc-stack{height:3.7rem;display:flex}.dchart .dc-seg{flex:1 1 0;min-width:0;position:relative}.dchart .dc-stack .dc-val{font-size:clamp(1.1rem,4.6vw,2.1rem);left:.5rem}.dchart .dc-legend{gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.dchart .dc-legend li{grid-template-columns:1.05rem 4.6rem minmax(0,1fr);align-items:center;gap:.7rem;display:grid}.dchart .dc-sw{width:1.05rem;height:1.05rem;display:block}.dchart .dc-sw.forest{background:var(--forest)}.dchart .dc-sw.ochre{background:var(--dc-ochre)}.dchart .dc-sw.vermilion{background:var(--vermilion)}.dchart .dc-sw.dashed{border:2px dashed var(--ink)}.dchart .dc-num{font:400 clamp(1.7rem, 7vw, 2.2rem) / 1 var(--dc-num);color:var(--forest)}.dchart .dc-name{font-size:1.05rem;font-weight:700;line-height:1.25}.dchart .dc-name small{font:500 .72rem/1.35 var(--dc-mono);letter-spacing:.03em;color:var(--ink-soft);margin-top:.15rem;display:block}@media (width>=640px){.dchart .dc-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.5rem}}.dchart .dc-small{color:var(--ink-soft);margin:1.1rem 0 0;font-size:.88rem;line-height:1.45}.dchart .dc-src{font:500 .72rem/1.55 var(--dc-mono);letter-spacing:.03em;color:var(--ink-soft);border-top:2px dashed #1b1a1747;margin-top:.85rem;padding-top:.75rem}.dchart .dc-src a{color:var(--teal)}@media (width<=560px){.dchart .dc-row{grid-template-columns:minmax(0,1fr)}.dchart{padding:1rem .9rem .9rem}}.dchart [data-d=x]{transition:scale .8s cubic-bezier(.22,.8,.2,1);transition-delay:calc(var(--i,0) * .15s + .12s)}.dchart [data-d=f]{transition:opacity .5s,translate .5s;transition-delay:calc(var(--i,0) * .15s + .12s)}.dchart[data-play="0"] [data-d=x]{scale:0 1}.dchart[data-play="0"] [data-d=f]{opacity:0;translate:0 6px}@media (prefers-reduced-motion:reduce){.dchart [data-d]{opacity:1!important;transition:none!important;translate:none!important;scale:none!important}}
