:root{--paper:#faf7f2;--raised:#fff;--ink:#1e1a17;--muted:#6a625b;--line:#1e1a1724;--ring:0 0 0 1px #e6e1d6;--ring-hover:0 0 0 1px #c9c2b4;--lift:0 0 0 1px #e6e1d6, 0 1px 2px #3c2d1e0a, 0 8px 24px #3c2d1e0f;--line-strong:#1e1a1752;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);margin:0}a{color:inherit;text-underline-offset:3px}img{max-width:100%}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.skip-link{background:var(--ink);color:var(--paper);z-index:10;border-radius:999px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:12px}.wrap{width:min(1080px,100% - 40px);margin-inline:auto}.site-head{border-bottom:1px solid var(--line);background:var(--paper)}.site-head .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{font-family:var(--serif);white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,9px);gap:2px;display:grid}.brand-mark i{border-radius:2px;width:9px;height:9px;display:block}.site-nav{white-space:nowrap;gap:18px;font-size:15px;display:flex}@media (max-width:480px){.brand{font-size:18px}.site-nav{gap:14px}.site-nav a:last-child{display:none}}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--ink)}.site-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:72px;padding:28px 0 40px;font-size:14px}.site-foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:10px 24px;display:flex}.site-foot nav{flex-wrap:wrap;gap:8px 18px;display:flex}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;font-weight:600;line-height:1.15}h1{text-wrap:balance;margin:0 0 12px;font-size:clamp(34px,6vw,52px)}h2{margin:56px 0 14px;font-size:clamp(26px,3.6vw,32px)}h3{margin:26px 0 8px;font-size:21px}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:34px 0 10px;font-size:13px}.lead{color:var(--muted);max-width:40em;margin:0;font-size:19px}.crumbs{color:var(--muted);margin:26px 0 0;font-size:14px}.crumbs a{color:var(--muted)}.prose{max-width:44em}.prose p,.prose li{color:#2e2925}.quick-answer{background:var(--raised);box-shadow:var(--ring);border-radius:16px;max-width:46em;margin:22px 0 0;padding:20px 22px}.quick-answer h2{margin:0 0 8px;font-size:20px}.quick-answer p{margin:0}.quick-answer p+p{margin-top:10px}.strip{border:1px solid var(--line);border-radius:999px;max-width:46em;height:18px;margin:22px 0 0;display:flex;overflow:hidden}.strip span{flex:1}.spectrum{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;max-width:46em;margin:22px 0 0;display:grid}.spectrum a{box-shadow:var(--ring);transition:transform .15s var(--ease);border-radius:6px;grid-template-rows:repeat(4,9px);display:grid;overflow:hidden}.spectrum a i{display:block}.spectrum a:active{transform:scale(.96)}@media (min-width:560px){.spectrum a{grid-template-rows:repeat(4,12px)}}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media (min-width:900px){.swatches{grid-template-columns:repeat(6,minmax(0,1fr))}}.chip{background:var(--raised);box-shadow:var(--ring);border-radius:12px;overflow:hidden}.chip-color{aspect-ratio:4/3}.chip-body{padding:8px 10px 10px}.chip-name{font-size:13px;font-weight:600;line-height:1.3;display:block}@media (min-width:560px){.chip-name{font-size:14px}}.chip-hex{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;display:block}.swatches.avoid .chip-color{position:relative}.swatches.avoid .chip-color:after{content:"";background:linear-gradient(to top right,#0000 calc(50% - 1.5px),#ffffffe6 50%,#0000 calc(50% + 1.5px));position:absolute;inset:0}.swatches.avoid .chip-color.light:after{background:linear-gradient(to top right,#0000 calc(50% - 1.5px),#1e1a178c 50%,#0000 calc(50% + 1.5px))}.button{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper);font:600 16px/1 var(--sans);cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease), transform .12s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.button:active{transform:scale(.98)}.button.ghost{color:var(--ink);background:0 0}.button:disabled{opacity:.5;cursor:default}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.note{color:var(--muted);font-size:14px}.facts{border-collapse:collapse;background:var(--raised);border:1px solid var(--line);border-radius:14px;width:100%;max-width:46em;overflow:hidden}.facts th,.facts td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:11px 16px;font-size:16px}.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}.facts th{width:34%;color:var(--muted);font-weight:600}.season-families{gap:28px;display:grid}.family h3{margin:0 0 12px}.season-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:699px){.season-cards>li:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:700px){.season-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.season-card{background:var(--raised);height:100%;box-shadow:var(--ring);transition:box-shadow .15s var(--ease), transform .15s var(--ease);border-radius:16px;padding:12px;text-decoration:none;display:block}.season-card .season-name{font-family:var(--serif);margin-top:10px;font-size:19px;line-height:1.2;display:block}.season-card .season-meta{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.45;display:block}.season-card .mini-strip{border-radius:10px;height:40px;display:flex;overflow:hidden}.mini-strip i{flex:1;display:block}.season-card:active{transform:scale(.985)}.compare{gap:12px;max-width:46em;display:grid}.compare-item{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.compare-item h3{margin:0 0 6px;font-size:19px}.compare-item p{margin:0 0 8px}.faq{gap:10px;max-width:46em;display:grid}.faq details{background:var(--raised);box-shadow:var(--ring);border-radius:16px;padding:0 20px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:14px 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;transition:transform .15s var(--ease);flex:none;margin-right:4px;transform:translateY(-2px)rotate(45deg)}.faq details[open]>summary:after{transform:translateY(2px)rotate(-135deg)}.faq details p{color:#2e2925;margin:0 0 16px}.quiz{background:var(--raised);box-shadow:var(--lift);border-radius:18px;max-width:46em;margin-top:22px;padding:22px}.quiz-progress{color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}.quiz-bar{background:var(--line);border-radius:999px;height:4px;margin:10px 0 18px;overflow:hidden}.quiz-bar span{background:var(--ink);height:100%;transition:width .25s var(--ease);display:block}.quiz h3{margin:0 0 6px;font-size:22px}.quiz-hint{color:var(--muted);margin:0 0 12px;font-size:15px}.quiz-options{gap:10px;margin-top:14px;display:grid}.quiz-option{text-align:left;border:1px solid var(--line-strong);background:var(--paper);min-height:52px;color:var(--ink);font:16px/1.4 var(--sans);cursor:pointer;transition:border-color .15s var(--ease), background-color .15s var(--ease);border-radius:12px;padding:12px 16px}.quiz-option:active{transform:scale(.99)}.quiz-option[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--raised)}.quiz-nav{justify-content:space-between;gap:12px;margin-top:16px;display:flex}.link-button{font:15px var(--sans);color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;text-decoration:underline}.result-name{font-family:var(--serif);margin:4px 0 8px;font-size:clamp(30px,5vw,40px);font-weight:600;line-height:1.1}.result-strip{border-radius:12px;height:54px;margin:14px 0;display:flex;overflow:hidden}.result-strip i{flex:1}.axes{gap:8px;margin:16px 0 4px;display:grid}.axis{color:var(--muted);grid-template-columns:70px 1fr 70px;align-items:center;gap:10px;font-size:13px;display:grid}.axis span:last-child{text-align:right}.axis-track{background:var(--line);border-radius:999px;height:6px;position:relative}.axis-dot{background:var(--ink);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%}.unsure{background:#fdf6e7;border:1px solid #ecd9a8;border-radius:12px;margin-top:12px;padding:10px 14px;font-size:15px}@media (hover:hover) and (pointer:fine){.button:hover{background:#3a332e}.button.ghost:hover{background:var(--raised)}.quiz-option:hover{border-color:var(--ink);background:var(--raised)}.season-card:hover{box-shadow:var(--ring-hover), 0 6px 18px #3c2d1e12;transform:translateY(-1px)}.spectrum a:hover{transform:translateY(-2px)}}::selection{color:#faf7f2;background:#1e1a17}@media (prefers-reduced-motion:reduce){*{transition:none!important}}