.diagram[data-astro-cid-kkcparec]{background:var(--white);border-radius:var(--radius);width:100%;height:auto;display:block}.intro[data-astro-cid-pgufpuag]{max-width:46rem}.intro[data-astro-cid-pgufpuag] .lede[data-astro-cid-pgufpuag]{margin-bottom:1.25rem}.intro[data-astro-cid-pgufpuag]>p[data-astro-cid-pgufpuag]{color:var(--ink-soft)}.patterns[data-astro-cid-pgufpuag]{gap:clamp(2.5rem,6vw,4rem);margin:0;padding:0;list-style:none;display:grid}.pattern[data-astro-cid-pgufpuag]{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);scroll-margin-top:6rem;display:grid}.pattern[data-astro-cid-pgufpuag]:nth-child(2n) .diagram{order:2}.pattern__body[data-astro-cid-pgufpuag] h2[data-astro-cid-pgufpuag]{margin:0 0 .5rem;font-size:clamp(1.4rem,2.4vw,1.9rem)}.pattern__blurb[data-astro-cid-pgufpuag]{color:var(--ink-soft);max-width:44ch;margin:0 0 1.5rem}.calc[data-astro-cid-pgufpuag]{background:var(--white);border:1px solid var(--stone-200);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1.25rem 2rem;margin-top:2.5rem;padding:1.5rem 1.75rem;display:grid}.calc__field[data-astro-cid-pgufpuag]{gap:.4rem;display:grid}.calc[data-astro-cid-pgufpuag] label[data-astro-cid-pgufpuag]{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.7rem;font-weight:700}.calc__input[data-astro-cid-pgufpuag]{align-items:baseline;gap:.5rem;display:flex}.calc[data-astro-cid-pgufpuag] input[data-astro-cid-pgufpuag],.calc[data-astro-cid-pgufpuag] select[data-astro-cid-pgufpuag]{font:inherit;border:1px solid var(--stone-200);border-radius:var(--radius);background:var(--white);color:var(--ink);width:100%;padding:.55em .7em;font-weight:600}.calc__input[data-astro-cid-pgufpuag] input[data-astro-cid-pgufpuag]{max-width:8rem}.calc__input[data-astro-cid-pgufpuag] span[data-astro-cid-pgufpuag]{color:var(--ink-soft);font-size:.9rem}.calc[data-astro-cid-pgufpuag] input[data-astro-cid-pgufpuag]:focus-visible,.calc[data-astro-cid-pgufpuag] select[data-astro-cid-pgufpuag]:focus-visible{outline:2px solid var(--slate);outline-offset:1px}.calc__hint[data-astro-cid-pgufpuag]{color:var(--ink-soft);grid-column:1/-1;margin:0;font-size:.85rem}.mix[data-astro-cid-pgufpuag]{border-collapse:collapse;width:100%;max-width:30rem}.mix[data-astro-cid-pgufpuag] th[data-astro-cid-pgufpuag],.mix[data-astro-cid-pgufpuag] td[data-astro-cid-pgufpuag]{text-align:left;border-bottom:1px solid var(--stone-200);padding:.6rem .75rem}.mix[data-astro-cid-pgufpuag] thead[data-astro-cid-pgufpuag] th[data-astro-cid-pgufpuag]{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:.7rem;font-weight:700}.mix[data-astro-cid-pgufpuag] tbody[data-astro-cid-pgufpuag] th[data-astro-cid-pgufpuag]{white-space:nowrap;font-weight:600}.mix[data-astro-cid-pgufpuag] tbody[data-astro-cid-pgufpuag] tr[data-astro-cid-pgufpuag]:last-child th[data-astro-cid-pgufpuag],.mix[data-astro-cid-pgufpuag] tbody[data-astro-cid-pgufpuag] tr[data-astro-cid-pgufpuag]:last-child td[data-astro-cid-pgufpuag]{border-bottom:0}.share[data-astro-cid-pgufpuag]{font-variant-numeric:tabular-nums;color:var(--slate-deep);font-weight:600}.swatch[data-astro-cid-pgufpuag]{vertical-align:-1px;border:1px solid #00000014;border-radius:2px;width:.8rem;height:.8rem;margin-right:.5rem;display:inline-block}.need[data-astro-cid-pgufpuag]{text-align:right}td[data-astro-cid-pgufpuag].need{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.pattern__total[data-astro-cid-pgufpuag]{color:var(--ink-soft);min-height:1.2em;margin:.9rem 0 0;font-size:.9rem;font-weight:500}.pattern__note[data-astro-cid-pgufpuag]{border-left:2px solid var(--slate);margin:1.25rem 0 0;padding-left:1rem;font-size:.9rem;font-weight:500}.herringbone[data-astro-cid-pgufpuag]{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.herringbone[data-astro-cid-pgufpuag] p[data-astro-cid-pgufpuag]{color:var(--ink-soft);max-width:48ch}.herringbone[data-astro-cid-pgufpuag] img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);width:100%}@media (width<=860px){.calc[data-astro-cid-pgufpuag],.pattern[data-astro-cid-pgufpuag],.herringbone[data-astro-cid-pgufpuag]{grid-template-columns:1fr}.pattern[data-astro-cid-pgufpuag]:nth-child(2n) .diagram{order:0}.herringbone[data-astro-cid-pgufpuag] img{aspect-ratio:16/10}}