:root{--paper:#f2efe6;--ink:#141414;--muted:#5c5a55;--voice:#e8471c;--head:"Barlow Condensed", "Arial Narrow", sans-serif;--agate:"JetBrains Mono", ui-monospace, monospace;--serif:"Source Serif 4", Georgia, serif;--hand:Caveat, cursive;--rule:1px solid var(--ink);accent-color:var(--ink)}*{box-sizing:border-box}body{background:var(--paper);max-width:1080px;color:var(--ink);font:17px/1.5 var(--serif);margin:0 auto;padding:0 1.25rem}a{color:inherit;text-underline-offset:.15em}h1,h2,.wordmark{font-family:var(--head);text-transform:uppercase;font-weight:700;line-height:.95}nav,.dateline,.colophon,.tool label>span,.tool .field>span,.tool legend,.tool button,.status,.takes,time{font-family:var(--agate);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.masthead{border-top:6px solid var(--ink);border-bottom:3px solid var(--ink);margin-bottom:1.5rem}.nameplate{border-bottom:var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 2rem;padding:.6rem 0 .4rem;display:flex}.wordmark{font-size:2.6rem;text-decoration:none}nav{gap:1.5rem;display:flex}nav a{color:var(--muted);text-decoration:none}nav a[aria-current=page]{color:var(--ink);font-weight:700;text-decoration:underline 2px}.dateline{flex-wrap:wrap;justify-content:space-between;gap:0 2rem;margin:0;padding:.35rem 0;display:flex}.colophon{border-top:var(--rule);color:var(--muted);margin-top:3rem;padding:.6rem 0 2rem}h1{margin:0 0 .4rem;font-size:3.2rem}.lede{max-width:40rem;margin:0 0 1.25rem;font-size:1.15rem}.tool{border-top:var(--rule);grid-template:"chart controls""chart actions"1fr/minmax(0,720px) minmax(0,1fr);padding-top:1.25rem;display:grid}.chart-host{grid-area:chart;position:relative}.controls,.actions{border-left:var(--rule);margin-left:1.25rem;padding-left:1.25rem}.controls{grid-area:controls}.actions{border-top:3px solid var(--ink);grid-area:actions}@media (width>=901px){.controls>:last-child{border-bottom:0}}.tool label,.tool .field,.tool fieldset{border:0;border-bottom:var(--rule);grid-template-columns:1fr auto;align-items:center;gap:.35rem;margin:0;padding:.6rem 0;display:grid}.tool :is(label,.field)>span,.tool legend{color:var(--muted)}.tool label>:is(select,input),.tool .field>:is(.dual,.search,.chips,.fallback-note),.tool legend{grid-column:1/-1}.tool label>input[type=checkbox]{grid-area:1/2;margin:0}.tool output{font-family:var(--agate);grid-area:1/2;font-size:.8rem}.tool legend{float:left;width:100%;padding:0}.tool fieldset{flex-wrap:wrap;display:flex}select{font:1rem var(--head);border:var(--rule);background:var(--paper);color:var(--ink);border-radius:0;padding:.25rem;font-weight:600}.tool button{border:var(--rule);color:var(--ink);cursor:pointer;background:0 0;border-radius:0;padding:.4rem .6rem}.tool fieldset button+button{margin-left:-1px}.tool button.on,.tool button.export{background:var(--ink);color:var(--paper)}.tool .modes button.on{background:var(--voice);border-color:var(--voice)}.tool button.export{width:100%;margin-top:.9rem;padding:.7rem;font-weight:700}.dual{--thumb:14px;height:calc(var(--thumb) + 6px);position:relative}@media (pointer:coarse){.dual{--thumb:24px}}.dual:before{content:"";left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);background:linear-gradient(to right, #dcd7ca var(--lo), var(--ink) var(--lo), var(--ink) var(--hi), #dcd7ca var(--hi));height:4px;position:absolute;top:calc(50% - 2px)}.dual input{appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.dual input::-webkit-slider-runnable-track{background:0 0;height:100%}.dual input::-moz-range-track{background:0 0}.dual input::-webkit-slider-thumb{appearance:none;pointer-events:auto;width:var(--thumb);height:var(--thumb);border:2px solid var(--ink);background:var(--paper);cursor:grab;border-radius:0;margin-top:3px}.dual input::-moz-range-thumb{pointer-events:auto;width:var(--thumb);height:var(--thumb);box-sizing:border-box;border:2px solid var(--ink);background:var(--paper);cursor:grab;border-radius:0}.dual input:focus-visible{outline:none}.dual input:focus-visible::-webkit-slider-thumb{background:var(--ink)}.dual input:focus-visible::-moz-range-thumb{background:var(--ink)}.search{position:relative}.search input{width:100%;font:1rem var(--head);border:var(--rule);background:var(--paper);color:var(--ink);border-radius:0;padding:.25rem;font-weight:600}.search ul{z-index:10;background:var(--paper);margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0}.search ul:not(:empty){border:var(--rule);border-top:0}.search li{font:1rem var(--head);cursor:pointer;padding:.3rem .4rem;font-weight:600}.search li+li{border-top:1px solid #dcd7ca}.search li.on,.search li:hover{background:var(--ink);color:var(--paper)}.chips{flex-wrap:wrap;gap:.3rem;display:flex}.chips:empty{display:none}.tool button.chip{text-transform:none;letter-spacing:0;font:.95rem var(--head);padding:.15rem .4rem;font-weight:600}.tool button.chip:hover{background:var(--ink);color:var(--paper)}.tool .chips.fallback button.chip{color:var(--muted);border-style:dashed}.tool .chips.fallback button.chip:hover{color:var(--paper)}.fallback-note{color:var(--muted);margin:0;font-size:.85rem}.hint{color:var(--muted);font-size:.85rem}.chart svg.frame{user-select:none;max-width:100%;height:auto;display:block}.chart svg.frame :is(.frame-title,.frame-context){cursor:text}.chart svg.frame .frame-control{cursor:pointer}.chart svg.frame .frame-control:hover{text-decoration:underline}.chart svg.frame :is(.frame-title,.frame-context):hover{text-underline-offset:.15em;text-decoration:underline 1px dashed}.chart svg.mode-text{cursor:text}.chart svg.mode-arrow{cursor:crosshair}.loading .chart{opacity:.5;transition:opacity .2s .2s}.status{min-height:1.5em;color:var(--muted);margin-top:.4rem}@media (width<=900px){.tool{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""chart""actions"}.controls,.actions{border-left:0;margin:0;padding:0}.controls{flex-wrap:wrap;gap:0 1.5rem;margin-bottom:1rem;display:flex}.controls .field{flex:14rem}}.note-input,.framing-input{z-index:2;border:1px dashed var(--voice);background:#ffffffd9;outline:none;margin:0;padding:0 4px;line-height:1;position:absolute}.note-input{resize:none;field-sizing:content;min-width:12ch;font-weight:600}.framing-input{font-family:var(--head);color:var(--ink)}.framing-sub{font-family:var(--serif);resize:none;line-height:1.3;overflow:hidden}.index{border-top:3px solid var(--ink);margin:0;padding:0;list-style:none}.index li{border-bottom:var(--rule);padding:.9rem 0}.index h2{margin:0 0 .25rem;font-size:1.9rem}.index h2 a{text-decoration:none}.index p{max-width:40rem;margin:0 0 .25rem}.takes,time{color:var(--muted)}.front{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lead{grid-column:1/-1;grid-template-columns:subgrid;margin:0 0 1.5rem;display:grid}.lead .inset{grid-area:1/2/auto/-1}.lead figcaption{grid-area:1/1;padding-right:1.25rem}.lead figcaption p{margin:0 0 .75rem}.where{font-family:var(--agate);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.where .narrow{display:none}.aside{color:var(--muted);font-size:.9rem}#lead-chart:empty{aspect-ratio:720/900}#lead-chart svg{width:100%;height:auto;display:block}.more{font-family:var(--agate);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:700}.briefs{grid-column:1/-1;grid-template-columns:subgrid;border-top:3px solid var(--ink);display:grid}.briefs article{border-left:var(--rule);padding:.9rem 1.25rem 1.25rem}.briefs article:nth-child(3n+1){border-left:0;padding-left:0}.kicker{font-family:var(--agate);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.72rem;display:block}.briefs h2{margin:0 0 .5rem;font-size:1.75rem}.briefs h2 a{text-underline-offset:.12em;text-decoration-thickness:.05em}.briefs h2 a:hover{text-decoration-thickness:.12em}.briefs p{margin:0 0 .6rem}.about{border-top:var(--rule);margin-top:1.5rem;padding-top:.75rem}.about p{color:var(--muted);margin:0;font-size:.9rem}@media (width<=900px){.front,.lead{grid-template-columns:minmax(0,1fr)}.lead .inset,.lead figcaption{grid-area:auto/1;padding:0}.lead figcaption{margin-top:.75rem}.where .wide{display:none}.where .narrow{display:inline}.briefs article,.briefs article:nth-child(3n+1){border-left:0;padding:.9rem 0 1.25rem}.briefs article+article{border-top:var(--rule)}}
