body{background:#fbf8f1}.extra-main{max-width:1240px;margin:auto;padding:50px 28px 90px}.extra-hero{padding:55px clamp(24px,5vw,75px);border-radius:28px;background:linear-gradient(120deg,#e5f4e9,#fff3dc 58%,#f9e2e4);margin-bottom:34px}.extra-hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5rem);line-height:1.06;max-width:850px;color:#174e47;margin:14px 0}.extra-hero h1 em{color:#ad6a36}.extra-hero>p:not(.eyebrow){max-width:650px;font-size:1.15rem;line-height:1.7}.extra-hero .button{display:inline-block;margin-top:18px}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hub-card{padding:30px;border-radius:22px;border:1px solid #e3e1d8;min-height:285px;display:flex;flex-direction:column}.hub-card h2{font-family:Georgia,serif;font-size:1.7rem;color:#183e38;margin:10px 0}.hub-card p:not(.eyebrow){line-height:1.6}.hub-card a{margin-top:auto;color:#11534a;font-weight:800;text-decoration:underline;text-underline-offset:4px}.hub-icon{font-size:2.5rem}.tone-0{background:#e1f2e7}.tone-1{background:#fff0ce}.tone-2{background:#e9e5fa}.tone-3{background:#ffe3d9}.tone-4{background:#e1eff8}.tone-5{background:#f8e5ef}.hub-shop{margin-top:36px;background:#174e47;color:white;padding:36px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hub-shop h2{font-family:Georgia,serif;font-size:2.2rem}.hub-shop p{max-width:650px;line-height:1.65}.hub-shop .eyebrow{color:#f9dca1}.hub-shop .button{background:#f5d18e;color:#174e47;white-space:nowrap}.quiz-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}.quiz-menu,.quiz-panel{border:1px solid #e3e1d8;background:white;border-radius:24px;padding:30px}.quiz-menu h2{font-family:Georgia,serif;font-size:1.6rem}.category-button{width:100%;padding:14px 18px;margin:6px 0;border:1px solid #d6e2db;border-radius:12px;background:#f8faf8;text-align:left;cursor:pointer;font:inherit}.category-button.selected{background:#174e47;color:white}.quiz-note{font-size:.85rem;line-height:1.6}.quiz-panel h2{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.2rem);margin:35px 0}.quiz-progress{display:flex;justify-content:space-between;gap:10px}.quiz-track{height:9px;border-radius:20px;background:#e7ebe7;margin-top:12px;overflow:hidden}.quiz-track span{display:block;height:100%;background:#d0a04b;transition:width .25s}.answer-options{display:grid;gap:12px}.answer-option{border:2px solid #e2e9e3;border-radius:14px;background:#f9faf7;padding:18px;text-align:left;font:inherit;cursor:pointer}.answer-option:hover:not(:disabled){border-color:#174e47}.answer-option.correct{background:#d9f3e0;border-color:#268250}.answer-option.incorrect{background:#ffe0dc;border-color:#c4564d}.quiz-feedback{margin:20px 0;padding:18px;background:#fff3d9;border-radius:12px}.quiz-panel .button{margin-top:15px}@media(max-width:800px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-layout{grid-template-columns:1fr}.hub-shop{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.hub-grid{grid-template-columns:1fr}.extra-main{padding:25px 16px 60px}.extra-hero{padding:32px 22px}.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap}}