:root{--font-0:1rem;--font-ratio:1.25;--font-l:calc(var(--font-0) * var(--font-ratio));--font-xl:calc(var(--font-l) * var(--font-ratio));--font-xxl:calc(var(--font-xl) * var(--font-ratio));--font-s:calc(var(--font-0) / var(--font-ratio));--font-xs:calc(var(--font-s) / var(--font-ratio));--font-xxs:calc(var(--font-xs) / var(--font-ratio))}.font-xxl{font-size:var(--font-xxl)}.font-xl{font-size:var(--font-xl)}.font-l{font-size:var(--font-l)}.font-0{font-size:var(--font-0)}.font-s{font-size:var(--font-s)}.font-xs{font-size:var(--font-xs)}.font-xxs{font-size:var(--font-xxs)}h1{font-size:var(--font-xxl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-l)}h4,h5,h6,p{font-size:var(--font-0)}.controls{border-bottom:1px solid #e3e3e3;margin:0;padding:1rem 1.25rem}.controls>fieldset{border:0;min-width:0;margin:0;padding:0}.controls legend{padding:0;font-weight:600}.controls label{color:#4a4a4a;margin:.75rem 0 .25rem;font-size:.875rem;display:block}.controls input,.controls select{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:.375rem .5rem;display:block}.controls .font-cache{color:#4a4a4a;overflow-wrap:anywhere;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;display:flex}.controls .font-cache[data-failed=true]{color:#a1251b}.controls input[disabled],.controls select[disabled]{opacity:.55}.controls .font-cache span{min-width:0}.controls #font-refresh{font:inherit;flex:none;padding:.25rem .5rem}.controls .font-row{grid-template-columns:2.5rem minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.25rem;margin-top:.25rem;display:grid}.controls .font-row label{margin:0}.controls>.font-controls{margin-top:1rem}@media (width>=1024px){.shell{grid-template-columns:20rem minmax(0,1fr);gap:1rem;display:grid}.controls{border-bottom:0;border-right:1px solid #e3e3e3;align-self:start;max-height:100vh;position:sticky;top:0;overflow-y:auto}}*,:before,:after{box-sizing:border-box}body{color:#1a1a1a;background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.article{max-width:68rem;margin:0 auto;padding:2rem 1.25rem 4rem}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{margin:2rem 0 .75rem;line-height:1.15}.article p{margin:0 0 1rem}.article ul{margin:0 0 1rem;padding-left:1.25rem}.article li{margin-bottom:.25rem}.card{background:#fafafa;border:1px solid #e3e3e3;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.card p{margin:.5rem 0 0}.grid{grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:2rem;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid{grid-template-columns:repeat(3,1fr)}}.cell{overflow-wrap:anywhere;background:#fff;border:1px solid #e3e3e3;border-radius:.5rem;height:250px;padding:1rem}.cell p{margin:0 0 .5rem;line-height:1.25}