/* Scoped to the essay "Nothing condenses alone". */
.ncal-essay .ncal-group { margin:0 0 1.4rem; }
.ncal-essay .ncal-group > p { font:.88rem/1.5 var(--sans); margin:0 0 .6rem; }
.ncal-essay .ncal-buttons { display:flex; flex-wrap:wrap; gap:.5rem; }
.ncal-essay .ncal-buttons button span { color:var(--ink-soft); font-variant-numeric:tabular-nums; }
.ncal-essay .ncal-buttons button[aria-pressed=true] span { color:var(--accent); }
.ncal-essay #ncal-diagram { display:block; width:100%; height:auto; }
.ncal-essay .ncal-relation { font:1.15rem/1.5 var(--serif); color:var(--accent); margin:.4rem 0 0; }
.ncal-essay .metric strong { font-size:clamp(2rem,4vw,2.8rem); white-space:nowrap; }
.ncal-essay .ncal-dot { fill:var(--ink-faint); opacity:.5; }
.ncal-essay .ncal-axis { stroke:var(--ink-faint); stroke-width:1; stroke-dasharray:3 5; }
.ncal-essay .ncal-fill { fill:var(--accent); fill-opacity:.08; stroke:none; }
.ncal-essay .ncal-arrow { stroke:var(--accent); stroke-width:2.4; stroke-linecap:round; }
.ncal-essay .ncal-arrow-head { fill:var(--accent); }
.ncal-essay .ncal-free { stroke:var(--green); stroke-width:2.4; stroke-linecap:round; }
.ncal-essay .ncal-free-head { fill:var(--green); }
.ncal-essay .ncal-blocked { stroke:var(--gold); stroke-width:2; stroke-dasharray:5 4; }
.ncal-essay .ncal-blocked-head { fill:var(--gold); }
.ncal-essay .ncal-faint { stroke:var(--ink-faint); stroke-width:1.2; opacity:.45; }
.ncal-essay .ncal-faint-head { fill:var(--ink-faint); opacity:.45; }
.ncal-essay .ncal-label { font:15px var(--sans); fill:var(--ink-soft); }
.ncal-essay .ncal-origin { fill:var(--bg); stroke:var(--ink); stroke-width:1.5; }
.ncal-essay .ncal-legend { display:flex; flex-wrap:wrap; gap:.4rem 1.2rem; font:.74rem/1.5 var(--sans); color:var(--ink-soft); margin:.6rem 0 0; }
.ncal-essay .ncal-legend i { display:inline-block; width:1.4rem; height:0; vertical-align:middle; margin-right:.4rem; border-top:2.4px solid var(--accent); }
.ncal-essay .ncal-legend .held i { border-top:2px dashed var(--gold); }
.ncal-essay .ncal-legend .free i { border-top-color:var(--green); }
.ncal-essay details.ncal-note { margin:2rem 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.ncal-essay details.ncal-note > div { font-size:.95rem; line-height:1.65; color:var(--ink-soft); padding:0 0 .6rem; }
.ncal-essay details.ncal-note p { margin:.2rem 0 .9rem; }
.ncal-essay .ncal-sources li { font:.82rem/1.6 var(--sans); color:var(--ink-soft); margin:0 0 .45rem; }
.ncal-essay .ncal-sources ul { padding-left:1.1rem; }
@media(max-width:620px) {
 .ncal-essay .ncal-buttons button { padding:.6rem .7rem; }
 .ncal-essay .metric strong { font-size:1.9rem; }
}
.ncal-essay .ncal-nowrap { white-space:nowrap; }
