@font-face{font-family:"Bagel Fat One";src:url(/fonts/bagel-fat-one-season.woff2) format("woff2");font-weight:400;font-style:normal;font-display:fallback;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Varela Round";src:url(/fonts/varela-round-season.woff2) format("woff2");font-weight:400;font-style:normal;font-display:fallback;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
:root{--ink-qa5:#1b1b1b;--plum:#2c2a2d;--soft-qa5:#5d5659;--accent-qa5:#d37b4d;--accent-deep:#a4532c;--peach:#fbddd3;--blush:#fdf0ea;--line-qa5:#eadbd4;--sand:#f7f1ee;--grad:linear-gradient(120deg,#f2a77f 0%,#e9b9a2 55%,#d9c6be 100%);--r:16px;--wrap:980px;--head-qa5:"Bagel Fat One",Georgia,serif;--body-qa5:"Varela Round",system-ui,-apple-system,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:#fff;color:var(--ink-qa5);font:400 17.5px/1.6 var(--body-qa5)}
img{max-width:100%;height:auto;display:block}
a{color:var(--plum);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent-deep)}
:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--head-qa5);font-weight:400;color:var(--plum);line-height:1.15;letter-spacing:.005em;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,5vw,3.4rem)}
h2{font-size:clamp(1.55rem,3vw,2rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.u-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.c-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;z-index:50}
.c-skip:focus{left:8px}
.c-wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}

.c-top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line-qa5);backdrop-filter:saturate(1.2) blur(6px)}
.c-top__bar{max-width:1180px;margin:0 auto;padding:0 22px;height:72px;display:flex;align-items:center;gap:24px}
.c-top__logo img{height:46px;width:auto}
.c-top__burger{display:none;margin-left:auto;font:inherit;background:none;border:1px solid var(--line-qa5);border-radius:12px;padding:9px 16px;color:var(--plum);cursor:pointer;min-height:44px}
.c-menu{margin-left:auto}
.c-menu__list{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}
.c-menu__item{position:relative}
.c-menu__link,.c-menu__open{display:block;font:inherit;font-size:1rem;color:var(--plum);text-decoration:none;background:none;border:0;padding:12px 14px;border-radius:10px;cursor:pointer;line-height:1.2}
.c-menu__open::after{content:"";display:inline-block;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-3px) rotate(45deg);margin-left:9px}
.c-menu__link:hover,.c-menu__open:hover,.c-menu__item.is-open .c-menu__open{background:var(--blush);color:var(--accent-deep)}
.c-panel{display:none;position:absolute;right:-120px;top:100%;padding-top:10px;width:640px}
.c-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:12px}
.c-menu__item.is-open .c-panel{display:block}
@media (scripting:none){.c-menu__item--panel:focus-within .c-panel,.c-menu__item--panel:hover .c-panel{display:block}}
.c-panel__grid{background:#fff;border:1px solid var(--line-qa5);border-radius:var(--r) var(--r) 0 0;box-shadow:0 18px 40px rgba(44,42,45,.12);padding:22px 24px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 18px}
.c-panel__fam{font-family:var(--head-qa5);font-size:1.05rem;color:var(--accent-deep);margin:0 0 6px}
.c-panel ul{list-style:none;margin:0;padding:0}
.c-panel li a{display:block;padding:7px 0;text-decoration:none;font-size:.98rem}
.c-panel li a:hover{text-decoration:underline}
.c-panel__foot a{display:block;padding:10px 0}
.c-panel__foot{margin:0;background:var(--blush);border:1px solid var(--line-qa5);border-top:0;border-radius:0 0 var(--r) var(--r);padding:2px 24px;font-size:.95rem;box-shadow:0 18px 40px rgba(44,42,45,.12)}

.c-crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:.92rem;color:var(--soft-qa5)}
.c-crumbs li+li::before{content:"/";margin:0 8px 0 4px;color:#b9a9a2}
.c-crumbs a{color:var(--soft-qa5)}

.c-band{background:var(--grad);padding:44px 0 56px}
.c-band h1{margin-bottom:.25em}
.c-band__sub{font-size:1.1rem;max-width:44rem;color:#3a3235;margin-bottom:26px}
.c-band__note{font-size:1rem;max-width:44rem;color:#3a3235;margin:22px 0 0}
.c-band--tool{padding-top:26px}

.c-quiz{background:#fff;border-radius:var(--r);box-shadow:0 14px 40px rgba(110,60,35,.16);padding:34px 36px 30px;position:relative}
.c-quiz__count{font-size:.95rem;color:var(--soft-qa5);margin:0 0 6px}
.c-quiz__q{display:block;font-family:var(--head-qa5);font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.2;color:var(--plum);margin-bottom:8px}
.c-quiz__hint{color:var(--soft-qa5);margin:0 0 16px;font-size:1rem}
.c-quiz__pick{display:block;width:100%;max-width:560px;font:inherit;font-size:1.1rem;color:var(--ink-qa5);padding:0;border:0;background:transparent;overflow:hidden;cursor:pointer;outline-offset:3px}
.c-quiz__pick option{border:4px solid transparent;border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='11' cy='11' r='9' fill='%23fff' stroke='%23a99088' stroke-width='2'/%3E%3C/svg%3E") no-repeat 16px 50%;background-clip:padding-box;box-shadow:inset 0 0 0 1.5px #d8c4bb;padding:12px 16px 12px 50px;min-height:52px;white-space:normal;line-height:1.35}
.c-quiz__pick option:hover{background-color:var(--blush);box-shadow:inset 0 0 0 1.5px var(--accent-qa5)}
.c-quiz__pick option:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='11' cy='11' r='9' fill='%23fff' stroke='%23a4532c' stroke-width='2'/%3E%3Ccircle cx='11' cy='11' r='5' fill='%23a4532c'/%3E%3C/svg%3E") no-repeat 16px 50%,linear-gradient(#f6d3c4,#f6d3c4);background-clip:padding-box;box-shadow:inset 0 0 0 2px var(--accent-deep);color:var(--plum)}
.c-quiz__pick:hover{border-color:var(--accent-qa5)}
.c-quiz__nudge{color:var(--accent-deep);margin:10px 0 0;font-size:.98rem}
.c-quiz__nav{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.c-quiz__next,.c-btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:1.05rem;min-height:52px;padding:12px 30px;border-radius:12px;border:0;background:var(--accent-deep);color:#fff;text-decoration:none;cursor:pointer;transition:background .15s}
.c-quiz__next:hover,.c-btn:hover{background:#8a4322;color:#fff}
.c-quiz__back,.c-quiz__again{font:inherit;font-size:1rem;min-height:52px;padding:12px 22px;border-radius:12px;background:#fff;border:1.5px solid #d8c4bb;color:var(--plum);cursor:pointer}
.c-quiz__back:hover,.c-quiz__again:hover{border-color:var(--accent-qa5);color:var(--accent-deep)}
.c-quiz__step{display:none}
.c-quiz__step.is-on{display:block}
@media (scripting:none){.c-quiz__step{display:block}.c-quiz__step+.c-quiz__step{margin-top:28px;padding-top:24px;border-top:1px solid var(--line-qa5)}.c-quiz__nav{display:none}}
.c-quiz__result{font-size:1.25rem}
.c-quiz__result:empty{display:none}
.c-quiz__line{font-family:var(--head-qa5);font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.15;color:var(--plum);margin:0 0 10px}
.c-quiz__why{color:#4a4245;margin:0 0 18px;font-size:1.06rem}
.c-quiz__go{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin:0 0 6px}
.c-quiz__redo{margin:12px 0 0}
.c-quiz__sws{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.c-quiz__sws li{font-size:.92rem;line-height:1.3;color:#4a4245}
.c-quiz__sws span{display:block;height:46px;border-radius:10px;margin-bottom:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.c-quiz__nojs{margin:18px 0 0;color:var(--soft-qa5)}

.c-head{padding:34px 0 40px}
.c-head--peach{background:var(--peach)}
.c-head--plain{background:var(--sand)}
.c-head h1{margin-bottom:.3em}
.c-head__sub{font-size:1.12rem;max-width:46rem;color:#3a3235;margin:0}
.c-strip{display:block;height:34px;border-radius:10px;overflow:hidden;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;margin-top:24px;max-width:760px}
.c-strip svg,.c-sw__chip svg{display:block}
.c-head .c-strip{height:42px;max-width:none}

.c-body{padding-top:44px;padding-bottom:72px}
.c-main--season .c-head{padding-bottom:26px}
.c-main--season .c-head h1{margin-bottom:.2em}
.c-main--season .c-body{padding-top:20px}
.c-main--season .c-body>.c-facts .c-facts__item{padding-top:12px}
.c-sec{margin:0 0 64px}
.c-sec--text{max-width:70ch}
.c-intro{max-width:70ch;font-size:1.06rem}
.c-intro:last-of-type{margin-bottom:56px}
.c-intro__list{max-width:70ch;font-size:1.06rem;margin:0 0 1.4em}
.c-list{padding-left:1.2em;margin:0 0 1em}
.c-list li{margin:0 0 .4em}
.c-list--check{list-style:none;padding:0}
.c-list--check li{padding-left:30px;position:relative}
.c-list--check li::before{content:"";position:absolute;left:4px;top:.55em;width:12px;height:7px;border:solid var(--accent-deep);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.c-list--x{list-style:none;padding:0}
.c-list--x li{padding-left:28px;position:relative}
.c-list--x li::before{content:"\00d7";position:absolute;left:4px;top:-.05em;color:var(--accent-deep);font-size:1.2em}
.c-note{font-size:.95rem;color:var(--soft-qa5);max-width:70ch}
.c-more{margin:18px 0 40px}
.c-files{font-size:.98rem;color:#4a4245;max-width:70ch;margin:0 0 56px}

.c-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;margin:0 0 40px;border-top:1px solid var(--line-qa5);border-bottom:1px solid var(--line-qa5)}
.c-facts__item{padding:16px 14px 14px 0}
.c-facts dt{font-size:.88rem;color:var(--soft-qa5);margin-bottom:2px}
.c-facts dd{margin:0;font-size:1.12rem;color:var(--plum);line-height:1.3}

.c-sws{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px 14px}
.c-pal__fam+.c-pal__fam{margin-top:26px}
.c-pal__h{font-size:1.1rem;color:var(--accent-deep);margin:0 0 12px}
.c-sws--big{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.c-sw{display:flex;flex-direction:column}
.c-sw__chip{display:block;height:70px;border-radius:12px;overflow:hidden;outline:1px solid rgba(0,0,0,.07);outline-offset:-1px;margin-bottom:8px}
.c-sws--big .c-sw__chip{height:70px}
.c-sw__name{font-size:.95rem;line-height:1.3}
.c-sw__hex{align-self:flex-start;font:inherit;font-size:.86rem;color:var(--soft-qa5);background:none;border:0;padding:6px 0;min-height:32px;cursor:pointer;letter-spacing:.02em}
.c-sw__hex:hover{color:var(--accent-deep);text-decoration:underline}
.c-sw__hex.is-copied{color:var(--accent-deep)}
.c-sw__hex--plain{cursor:default}

.c-pic{margin:0 0 56px}
.c-pic img{border-radius:var(--r);width:100%}
.c-pic--wide{margin:0}
.c-pic--band img{aspect-ratio:16/7;height:auto;object-fit:cover}
.c-pic--wide img{border-radius:0;max-height:460px;object-fit:cover}

.c-rows{margin-bottom:56px}
.c-rows__fam{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line-qa5)}
.c-rows__h{font-family:var(--head-qa5);font-size:1.25rem;line-height:1.6;color:var(--accent-deep);margin:10px 0 0}
.c-rows ul{list-style:none;margin:0;padding:0}
.c-rows__link{display:grid;grid-template-columns:170px 150px 1fr;align-items:center;gap:16px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--plum)}
.c-rows__link:hover{background:var(--blush);color:var(--plum)}
.c-rows__name{font-family:var(--head-qa5);font-size:1.15rem}
.c-rows__aka{font-size:.92rem;color:var(--soft-qa5)}
.c-rows .c-strip{margin:0;height:28px;max-width:none}
.c-rows__fam--flat{grid-template-columns:1fr}
.c-rows__named{padding:14px 0;border-top:1px solid var(--line-qa5)}
.c-rows__head{margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.c-colmap__rows{margin:0 0 14px}
.c-colmap__row{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line-qa5)}
.c-colmap__row dt{font-family:var(--head-qa5);font-size:1.15rem}
.c-colmap__row dd{margin:0;line-height:1.7}

.c-table{overflow-x:auto;border:1px solid var(--line-qa5);border-radius:12px}
.c-table table{width:100%;border-collapse:collapse;font-size:.98rem}
.c-table th,.c-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-qa5);vertical-align:middle}
.c-table thead th{background:var(--sand);font-weight:400;color:var(--soft-qa5);font-size:.92rem}
.c-table tbody tr:last-child>*{border-bottom:0}
.c-table tbody th{font-weight:400}
.c-table .c-strip{margin:0;height:22px;min-width:140px}
.c-sec--text .c-table{margin:0 0 1.2em}
@media (min-width:761px){.c-sec--text .c-table{width:min(936px,calc(100vw - 44px))}}
.c-sec>*+h3{margin-top:34px}
.c-answers>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line-qa5);border-bottom:1px solid var(--line-qa5)}
.c-answers>summary::-webkit-details-marker{display:none}
.c-answers>summary h2{margin:0;font-size:1.3rem;flex:1}
.c-answers>summary::after{content:"";width:9px;height:9px;border:solid var(--plum);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-right:6px;transition:transform .15s}
.c-answers[open]>summary::after{transform:rotate(225deg)}
.c-answers>summary:hover h2{color:var(--accent-deep)}
.c-answers[open]>.c-table{margin-top:18px}
.c-answers__list{list-style:none;margin:0;padding:0}
.c-answers__list li{padding:2px 0}
.c-chart__note{margin:12px 0 0;font-size:.95rem;color:var(--soft-qa5)}
.c-more--btn{margin:24px 0 48px}
.c-stack--prose tbody th{color:var(--plum)}
.c-skin__chip{display:block;height:40px;border-radius:8px;min-width:64px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.c-skin__hex{display:block;font-size:.8rem;color:var(--soft-qa5);margin-top:4px}

.c-trio__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.c-trio__parts{display:grid;gap:14px}
.c-trio__part h3{margin-top:.6em}
.c-trio h3{font-size:1.1rem;margin-bottom:.4em}
.c-spokes__list,.c-next__list{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 24px}
.c-spokes__list a,.c-next__list a{display:block;padding:12px 0;border-bottom:1px solid var(--line-qa5);text-decoration:none}
.c-spokes__list a:hover,.c-next__list a:hover{color:var(--accent-deep);text-decoration:underline}
.c-names{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 28px}
.c-names li{padding:12px 0;border-bottom:1px solid var(--line-qa5)}
.c-names__n{display:block;font-family:var(--head-qa5);font-size:1.12rem;color:var(--plum)}
.c-names__w{display:block;font-size:.95rem;color:var(--soft-qa5)}
.c-shades{list-style:none;margin:0;padding:0}
.c-shades li{display:grid;grid-template-columns:64px 220px 1fr;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-qa5)}
.c-shades__chip{height:44px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}
.c-shades__n{font-family:var(--head-qa5);font-size:1.1rem;color:var(--plum)}
.c-shades__w{color:#4a4245;font-size:.98rem}
.c-outfits{list-style:none;counter-reset:o;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}
.c-outfits li{counter-increment:o}
.c-outfits h3::before{content:counter(o) ". ";color:var(--accent-deep)}
.c-outfits .c-strip{margin:8px 0 12px;height:30px}
.c-mk{display:grid;grid-template-columns:1fr;gap:0}
.c-test{background:var(--blush);border-radius:var(--r);padding:30px 32px}
.c-test__q{font-size:1.25rem;margin:0;color:var(--plum)}
.c-test__ifs{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;margin-top:20px}
.c-test__who{font-family:var(--head-qa5);font-size:1.15rem;margin:0 0 8px}
.c-test__if .c-strip{margin:0 0 10px}
.c-test__if p:last-child{margin:0}
.c-hubnav ul{list-style:none;margin:-16px 0 40px;padding:0;display:flex;flex-wrap:wrap;gap:0 26px}
.c-hubnav a{display:inline-block;padding:10px 0;color:var(--accent-deep)}
.c-hubnav a:hover{color:var(--plum)}
.c-vs__grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:18px}
.c-vs__side{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;align-content:start}
.c-vs__label{margin:14px 0 6px}
.c-pic--side{margin:0 0 18px}
.c-vs__side .c-strip{margin:6px 0 16px}
.c-vs__side .c-facts{grid-template-columns:1fr 1fr;margin-bottom:14px}
.c-vs__if{font-size:1.02rem}
.c-pals__row{display:grid;grid-template-columns:170px 1fr;gap:6px 20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line-qa5)}
.c-pals__row h3{margin:0;font-size:1.15rem}
.c-pals__row .c-strip{margin:0;height:30px}
.c-pals__files{grid-column:2;margin:0;font-size:.92rem;display:flex;gap:16px;flex-wrap:wrap}
.c-wheel__fig{margin:0 0 16px;max-width:620px}
.c-sec--joined>h3{margin-top:1.4em}
.c-rows__lead{max-width:70ch;margin:0 0 18px}
.c-nojs{display:none}
@media (scripting:none){.c-nojs{display:block}}
.c-faq__item{max-width:70ch;padding:16px 0;border-top:1px solid var(--line-qa5)}
.c-faq__item h3{font-family:var(--body-qa5);font-size:1.2rem;line-height:1.35;color:var(--plum);margin:0 0 .35em}
.c-faq__item p{margin:0}
.c-cta{margin:0 0 40px}

.c-foot{background:var(--peach);margin-top:0;padding:52px 0 30px;font-size:.98rem}
.c-foot__in{max-width:1180px;margin:0 auto;padding:0 22px}
.c-foot__map{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.c-foot__h{font-family:var(--head-qa5);color:var(--plum);margin:0 0 8px;font-size:1.05rem}
.c-foot ul{list-style:none;margin:0;padding:0}
.c-foot li a{display:block;padding:5px 0;text-decoration:none;color:#3a3235}
.c-foot li a:hover{text-decoration:underline;color:var(--accent-deep)}
.c-foot__base{margin-top:36px;padding-top:22px;border-top:1px solid #efc6b6;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.c-foot__mark{height:50px;width:auto}
.c-foot__legal{display:flex;flex-wrap:wrap;gap:0 20px}
.c-foot__copy{margin:0 0 0 auto;color:#5d5154}

@media (max-width:900px){
  .c-top__burger{display:block}
  .c-menu{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line-qa5);box-shadow:0 18px 30px rgba(44,42,45,.1);max-height:calc(100vh - 72px);overflow:auto}
  @media (scripting:none){.c-menu{display:block;position:static;box-shadow:none}}
  .c-menu.is-open{display:block}
  .c-menu__list{flex-direction:column;align-items:stretch;padding:8px 14px 16px;gap:0}
  .c-menu__link,.c-menu__open{padding:14px 8px;width:100%;text-align:left;border-radius:0;border-bottom:1px solid var(--line-qa5)}
  .c-panel{position:static;width:auto;padding:0}
  .c-panel__grid{box-shadow:none;border:0;grid-template-columns:1fr 1fr;padding:10px 8px}
  .c-panel__foot{box-shadow:none;border:0;padding:10px 8px;background:none}
  .c-foot__map{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  body{font-size:17px}
  .c-top__bar{height:64px}
  .c-top__logo img{height:38px}
  .c-menu{top:64px}
  .c-band{padding:26px 0 36px}
  .c-quiz{padding:24px 20px 22px}
  .c-body{padding-top:32px;padding-bottom:48px}
  .c-sec{margin-bottom:48px}
  .c-rows__fam{grid-template-columns:1fr;gap:2px}
  .c-colmap__row{grid-template-columns:1fr;gap:2px}
  .c-rows__h{margin:4px 0}
  .c-rows__link{grid-template-columns:1fr auto;gap:6px 12px;padding:10px 4px}
  .c-rows .c-strip{grid-column:1/-1}
  .c-trio__grid,.c-vs__grid{grid-template-columns:1fr;gap:18px}
  .c-shades li{grid-template-columns:48px 1fr;gap:4px 14px}
  .c-shades__w{grid-column:2}
  .c-pals__row{grid-template-columns:1fr}
  .c-pals__files{grid-column:1}
  .c-sws{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
  .c-sw__chip,.c-sws--big .c-sw__chip{height:60px}
  .c-sws--big{grid-template-columns:repeat(2,1fr)}
  .c-foot__map{grid-template-columns:1fr 1fr}
  .c-foot__copy{margin-left:0}
  .c-test{padding:22px 20px}
  .c-test__ifs{grid-template-columns:1fr}
  .c-vs__side{display:block}
  .c-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .c-stack,.c-stack tbody,.c-stack tr{display:block}
  .c-stack tr{padding:12px 14px;border-bottom:1px solid var(--line-qa5)}
  .c-stack tbody tr:last-child{border-bottom:0}
  .c-table .c-stack tbody th{display:block;padding:0 0 6px;border:0}
  .c-table .c-stack td{display:grid;grid-template-columns:5.5em 1fr;gap:10px;padding:4px 0;border:0}
  .c-stack td::before{content:attr(data-label);color:var(--soft-qa5)}
  .c-table .c-stack--prose td{display:block;padding:4px 0}
  .c-stack--prose td::before{display:block;font-size:.85rem}
  .c-skin__t.c-stack tr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
  .c-skin__t.c-stack tbody th{grid-column:1/-1}
  .c-table .c-skin__t.c-stack td{display:block}
  .c-skin__t.c-stack td::before{display:block;font-size:.85rem;margin-bottom:4px}
  .c-skin__t .c-skin__chip{min-width:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.c-top,.c-foot,.c-quiz,.c-crumbs,.c-skip{display:none}body{font-size:12pt}
  .c-main--undertone-test .c-body>*:not(#skin-undertone-chart){display:none}
  .c-main--undertone-test .c-band{display:none}
  #skin-undertone-chart::after{content:"whatseasonami.app";display:block;font-size:9pt;color:#555;margin-top:10px}}