.quod .badge{font-size:11px}.quod-btn{justify-content:center;min-height:40px}.quod-steps{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:14px;margin:0 0 16px;padding:18px 20px;list-style:none;display:grid}.quod-step{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.quod-step:not(:last-child):after{content:"";background:var(--color-line2);height:2px;position:absolute;top:10px;left:30px;right:-6px}.quod-step.is-done:not(:last-child):after{background:var(--color-ok)}.quod-dot{background:var(--color-canvas);border:2px solid var(--color-line2);z-index:1;border-radius:100px;flex:none;place-items:center;width:22px;height:22px;display:grid;position:relative}.quod-dot svg{opacity:0}.quod-step.is-done .quod-dot{background:var(--color-ok);border-color:var(--color-ok)}.quod-step.is-done .quod-dot svg{opacity:1}.quod-step.is-lost .quod-dot{background:var(--color-err);border-color:var(--color-err)}.quod-step.is-now .quod-dot{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle)}.quod-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.quod-ch{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px 12px;display:flex}.quod-split{border-radius:5px;gap:2px;height:14px;margin:0 20px;display:flex;overflow:hidden}.quod-key{color:var(--color-ink3);border-bottom:1px solid var(--color-line);flex-wrap:wrap;gap:6px 16px;padding:10px 20px 14px;font-size:12.5px;display:flex}.quod-key span{align-items:center;gap:6px;display:inline-flex}.quod-key i{border-radius:3px;width:10px;height:10px;display:inline-block}.quod-key b{color:var(--color-ink);font-weight:600}.quod-sec{border-bottom:1px solid var(--color-line);padding:12px 20px 14px}.quod-sh{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.quod-sh .kicker{color:var(--color-ink3)}.quod-calc{padding:4px 0 2px}.quod-eq{background:var(--color-surface);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:6px;padding:8px 12px;display:flex}.quod-n{font:400 19px var(--font-serif);color:var(--color-ink)}.quod-u{color:var(--color-ink3);font-size:13px}.quod-op{color:var(--color-ink3);font-size:15px}.quod-t{border-collapse:collapse;width:100%;font-size:13.5px}.quod-t td{border-top:1px solid var(--color-line);color:var(--color-ink2);vertical-align:top;padding:7px 0}.quod-t tr:first-child td{border-top:0}.quod-t td+td{padding-left:12px}.quod-t .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.quod-s{color:var(--color-ink3);margin-top:1px;font-size:12px}.quod-sum{background:var(--color-raised);padding:10px 20px 14px}.quod-sr{color:var(--color-ink2);justify-content:space-between;gap:14px;padding:6px 0;font-size:13.5px;display:flex}.quod-sr .tnum{color:var(--color-ink);white-space:nowrap;font-weight:500}.quod-sr.is-tot{border-top:1px solid var(--color-line2);color:var(--color-ink);margin-top:4px;padding-top:10px;font-weight:600}.quod-sr.is-tot .tnum{font:400 22px var(--font-serif)}.quod-cmp.is-story{border-color:#ecd6a3}.quod-ct{border:1px solid var(--color-line);border-radius:10px;margin:12px 20px;overflow:hidden}.quod-cr{border-top:1px solid var(--color-line);color:var(--color-ink2);grid-template-columns:minmax(0,1.5fr) minmax(64px,.7fr) minmax(64px,.7fr);align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;display:grid}.quod-cr>span:not(:first-child){text-align:right}.quod-cr>span:last-child{color:var(--color-ink);font-weight:600}.quod-chd{background:var(--color-surface);border-top:0;padding-top:7px;padding-bottom:7px}.quod-chd .kicker{color:var(--color-ink3)}.quod-plot{padding:12px 20px 6px}.quod-axis{border-bottom:1px solid var(--color-line2);background:linear-gradient(90deg, var(--color-line) 1px, transparent 1px) 0 0 / 10% 100%;height:72px;position:relative}.quod-line{border-left:2px dashed var(--color-ink3);width:0;position:absolute;top:0;bottom:0}.quod-line.is-true{border-left:2px solid var(--color-ink)}.quod-ll{font:600 11px var(--font-mono);white-space:nowrap;color:var(--color-ink2);background:var(--color-canvas);border-radius:3px;padding:0 3px;position:absolute;top:2px;left:5px}.quod-line.is-rule .quod-ll{top:auto;bottom:2px}.quod-pt{background:var(--color-navy2);width:11px;height:11px;transition:transform var(--dur-fast);border-radius:100px;margin-left:-5.5px;position:absolute;box-shadow:0 0 0 2px #fff}.quod-pt.is-pre{background:var(--color-canvas);border:2px solid var(--color-ink3)}.quod-pt:hover{z-index:2;transform:scale(1.4)}.quod-pl{color:var(--color-ink3);flex-wrap:wrap;gap:14px;padding:8px 0 4px;font-size:12px;display:flex}.quod-pl span{align-items:center;gap:6px;display:inline-flex}.quod-dk{background:var(--color-navy2);border-radius:100px;width:10px;height:10px;display:inline-block}.quod-dk.is-pre{background:var(--color-canvas);border:2px solid var(--color-ink3)}.quod-sim{border-top:1px solid var(--color-line);flex-direction:column;display:flex}.quod-sr2{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:9px 20px;display:flex}.quod-sr2[hidden]{display:none}.quod-sr2:hover{background:var(--color-raised)}.quod-more{min-height:42px;font:500 12.5px var(--font-mono);color:var(--color-accent-active);cursor:pointer;text-align:left;background:0 0;border:0;padding:0 20px}.quod-more:hover{text-underline-offset:3px;text-decoration:underline}.quod-kv{flex-direction:column;display:flex}.quod-kv>div{border-top:1px solid var(--color-line);justify-content:space-between;gap:14px;padding:8px 0;font-size:13.5px;display:flex}.quod-kv span{color:var(--color-ink3)}.quod-kv b{color:var(--color-ink);text-align:right;font-weight:500}.quod-o{border-top:1px solid var(--color-line);align-items:center;gap:10px;min-height:40px;padding:9px 0;display:flex}.quod-o:hover .mono{text-underline-offset:3px;text-decoration:underline}@media (width<=1023px){.quod-grid{grid-template-columns:minmax(0,1fr)}.quod-steps{grid-template-columns:minmax(0,1fr);gap:0;padding:16px}.quod-step{flex-direction:row;gap:12px;padding-bottom:14px}.quod-step:last-child{padding-bottom:0}.quod-step:not(:last-child):after{width:2px;height:auto;inset:26px auto 4px 10px}}@media (width<=767px){.quod-ch,.quod-sec,.quod-sum,.quod-key{padding-left:16px;padding-right:16px}.quod-split{margin:0 16px}.quod-ct{margin:12px 16px}.quod-cr{grid-template-columns:minmax(0,1.3fr) 62px 62px;padding:8px 10px;font-size:13px}.quod-plot{padding:12px 16px 6px}.quod-sr2{padding:9px 16px}.quod-more{padding:0 16px}.quod-n{font-size:17px}}
