:root{--cat-ease:cubic-bezier(.22, 1, .36, 1)}.cat-quiz{background:var(--color-ink);color:var(--color-paper);margin-top:clamp(5rem,12vh,9.375rem);padding:clamp(3.5rem,11vh,8.75rem) clamp(1.5rem,7vw,6.875rem)}.cat-quiz__grid{grid-template-columns:1fr;align-items:start;gap:clamp(28px,4vw,64px);display:grid}.cat-quiz__title{color:var(--color-paper)}.cat-quiz__title span{color:var(--color-clay-tint)}.cat-quiz__body{flex-direction:column;gap:26px;display:flex}.cat-quiz__q{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-clay-tint);padding-bottom:.75rem;font-size:.6875rem}.cat-quiz__opts{flex-wrap:wrap;gap:10px;display:flex}.quizbtn{border:1px solid var(--color-on-ink-border);height:46px;color:var(--color-paper);font-family:var(--font-primary);cursor:pointer;transition:border-color .3s var(--cat-ease), background .3s var(--cat-ease), color .3s var(--cat-ease);background:0 0;padding:0 1.25rem;font-size:.9375rem}.quizbtn:hover{border-color:var(--color-clay-tint);background:#c99a8024}.quizbtn--on{border-color:var(--color-clay-tint);background:var(--color-clay-tint);color:var(--color-ink)}.quizbtn--on:hover{background:var(--color-clay-tint);color:var(--color-ink)}.cat-quiz__foot{border-top:1px solid var(--color-on-ink-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;padding-top:1.375rem;display:flex}.cat-quiz__result{font-family:var(--font-heading);font-size:1.375rem;font-weight:400}.cat-quiz__link{color:var(--color-clay-tint);border-bottom:1px solid var(--color-clay-tint);font-size:1rem}.cat-quiz__link:hover{color:var(--color-clay-light)}@media (width>=768px){.cat-quiz__grid{grid-template-columns:repeat(12,minmax(0,1fr))}.cat-quiz__title{grid-column:1/span 5}.cat-quiz__body{grid-column:7/span 6}}.cat-faq{padding-top:clamp(5rem,12vh,9.375rem)}.cat-faq__grid{grid-template-columns:1fr;align-items:start;gap:clamp(20px,4vw,64px);display:grid}.cat-faq__list{flex-direction:column;display:flex}@media (width>=768px){.cat-faq__grid{grid-template-columns:repeat(12,minmax(0,1fr))}.cat-faq__title{grid-column:1/span 4}.cat-faq__list{grid-column:6/span 7}}