.tone-header[data-astro-cid-lhultkgs]{gap:var(--space-md);margin-block-end:var(--space-xl);display:grid}.tone-header[data-astro-cid-lhultkgs] h2[data-astro-cid-lhultkgs]{max-width:16ch}.tone-intro[data-astro-cid-lhultkgs]{font-size:var(--text-lede);color:var(--text-soft);text-wrap:pretty;max-width:42ch}@media (width>=64rem){.tone-header[data-astro-cid-lhultkgs]{align-items:end;gap:var(--space-2xl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.tone-intro[data-astro-cid-lhultkgs]{justify-self:end}}.tone-picker[data-astro-cid-lhultkgs]{border:0;min-width:0;margin:0;padding:0}.tone-options[data-astro-cid-lhultkgs]{gap:var(--space-md) var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width>=48rem){.tone-options[data-astro-cid-lhultkgs]{gap:var(--space-sm);grid-template-columns:repeat(6,minmax(0,1fr))}}.tone-option[data-astro-cid-lhultkgs]{gap:var(--space-2xs);cursor:pointer;flex-direction:column;min-width:0;display:flex}.tone-chip[data-astro-cid-lhultkgs]{aspect-ratio:5/4;display:block;position:relative}@media (width>=48rem){.tone-chip[data-astro-cid-lhultkgs]{aspect-ratio:4/3}}.tone-chip[data-astro-cid-lhultkgs] input[data-astro-cid-lhultkgs]{appearance:none;border-radius:var(--radius-md);background:var(--swatch);cursor:pointer;width:100%;height:100%;transition:box-shadow var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);margin:0;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #211e1924}.tone-chip[data-astro-cid-lhultkgs] input[data-astro-cid-lhultkgs]:checked{box-shadow:inset 0 0 0 1px #211e1924, 0 0 0 3px var(--bg), 0 0 0 5px var(--color-ink)}.tone-chip[data-astro-cid-lhultkgs] input[data-astro-cid-lhultkgs]:focus-visible{outline:2px solid var(--color-henna);outline-offset:8px}.tone-name[data-astro-cid-lhultkgs]{font-size:var(--text-small);font-weight:var(--weight-medium);margin-block-start:var(--space-sm)}.tone-desc[data-astro-cid-lhultkgs]{font-size:var(--text-caption);color:var(--text-soft);text-wrap:pretty;line-height:1.35}.tone-option[data-astro-cid-lhultkgs]:has(input:checked) .tone-name[data-astro-cid-lhultkgs]{font-weight:var(--weight-semibold)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tone-option[data-astro-cid-lhultkgs]:hover input[data-astro-cid-lhultkgs]:not(:checked){transform:translateY(-2px)}}.tone-panels[data-astro-cid-lhultkgs]{margin-block-start:var(--space-xl)}.tone-panel[data-astro-cid-lhultkgs]{gap:var(--space-lg) var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--rule);display:grid}.tone-panel[data-astro-cid-lhultkgs]+.tone-panel[data-astro-cid-lhultkgs]{margin-block-start:var(--space-md)}@media (width>=64rem){.tone-panel[data-astro-cid-lhultkgs]{padding:var(--space-xl);grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}}.tone-panel-head[data-astro-cid-lhultkgs]{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.tone-panel-swatch[data-astro-cid-lhultkgs]{border-radius:var(--radius-pill);background:var(--swatch);width:3rem;height:.5rem;box-shadow:inset 0 0 0 1px #211e1924}.tone-panel[data-astro-cid-lhultkgs] h3[data-astro-cid-lhultkgs]{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-h3);letter-spacing:var(--tracking-display)}.tone-panel-desc[data-astro-cid-lhultkgs]{font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--weight-regular);letter-spacing:0;color:var(--text-soft);margin-block-start:var(--space-2xs);display:block}.tone-panel-lead[data-astro-cid-lhultkgs]{color:var(--text);text-wrap:pretty;max-width:36ch}.tone-rows[data-astro-cid-lhultkgs]{display:grid}.tone-row[data-astro-cid-lhultkgs]{gap:var(--space-2xs) var(--space-lg);padding-block:var(--space-sm);border-block-start:1px solid var(--rule);display:grid}.tone-row[data-astro-cid-lhultkgs]:first-child{border-block-start:0;padding-block-start:0}@media (width>=40rem){.tone-row[data-astro-cid-lhultkgs]{grid-template-columns:11rem minmax(0,1fr)}}.tone-row[data-astro-cid-lhultkgs] dt[data-astro-cid-lhultkgs]{font-size:var(--text-small);font-weight:var(--weight-semibold)}.tone-row[data-astro-cid-lhultkgs] dd[data-astro-cid-lhultkgs]{font-size:var(--text-small);color:var(--text-soft);text-wrap:pretty;margin:0}@supports selector(:has(*)){.tone-panel[data-astro-cid-lhultkgs]{display:none}.tone-panel[data-astro-cid-lhultkgs]+.tone-panel[data-astro-cid-lhultkgs]{margin-block-start:0}.tone-guide[data-astro-cid-lhultkgs]:has(input[value="1"]:checked) .tone-panel[data-astro-cid-lhultkgs][data-tone="1"],.tone-guide[data-astro-cid-lhultkgs]:has(input[value="2"]:checked) .tone-panel[data-astro-cid-lhultkgs][data-tone="2"],.tone-guide[data-astro-cid-lhultkgs]:has(input[value="3"]:checked) .tone-panel[data-astro-cid-lhultkgs][data-tone="3"],.tone-guide[data-astro-cid-lhultkgs]:has(input[value="4"]:checked) .tone-panel[data-astro-cid-lhultkgs][data-tone="4"],.tone-guide[data-astro-cid-lhultkgs]:has(input[value="5"]:checked) .tone-panel[data-astro-cid-lhultkgs][data-tone="5"],.tone-guide[data-astro-cid-lhultkgs]:has(input[value="6"]:checked) .tone-panel[data-astro-cid-lhultkgs][data-tone="6"]{display:grid}@media (prefers-reduced-motion:no-preference){.tone-panel[data-astro-cid-lhultkgs]{animation:tone-panel-in var(--dur-enter) var(--ease-out) both}}}@keyframes tone-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tone-foot[data-astro-cid-lhultkgs]{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-xl);flex-wrap:wrap;margin-block-start:var(--space-lg);display:flex}.tone-note[data-astro-cid-lhultkgs]{font-size:var(--text-small);color:var(--text-soft);max-width:58ch}