.palate-page{background:#fbfaf8;color:#14213a;min-height:100vh;padding:36px 48px 64px}.palate-hero{align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);margin:0 auto 24px;max-width:1180px}.palate-hero h1,.palate-empty h1,.palate-empty h2{color:#14213a;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(34px,6vw,64px);font-weight:400;line-height:.98;margin:8px 0 14px}.palate-hero p,.palate-empty p,.palate-analysis,.palate-muted,.palate-result p,.palate-describe,.palate-panel details{color:#4a4a4a;font-family:Inter,sans-serif;font-size:14px;line-height:1.65;margin:0}.palate-kicker{color:#7a2e37;display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.palate-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.palate-tags span{background:#fff;border:1px solid #E8DFD8;border-radius:999px;color:#5c1f26;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:7px 11px}.palate-hero-panel,.palate-panel,.palate-empty,.palate-notice,.palate-modal-card{background:#fff;border:1px solid #E8DFD8;border-radius:8px;box-shadow:0 12px 30px #14213a0f}.palate-hero-panel{display:grid;gap:10px;padding:18px}.palate-metric{border-bottom:1px solid #F1ECE7;display:flex;justify-content:space-between;gap:16px;padding:10px 0}.palate-metric:last-child{border-bottom:0}.palate-metric span,.palate-metric strong,.palate-list div,.palate-save-card span,.palate-save-card em,.palate-rec p,.palate-assessment-row span{font-family:Inter,sans-serif;font-size:12px}.palate-metric strong,.palate-list strong{color:#14213a}.palate-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px}.palate-panel{padding:20px}.palate-panel-wide{grid-column:span 2}.palate-panel h2,.palate-modal-card h2,.palate-modal-card h3{color:#14213a;font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:500;line-height:1.1;margin:0 0 14px}.palate-panel h3,.palate-modal-card h3{font-size:18px;margin-top:18px}.palate-panel-head,.palate-rec,.palate-assessment-row,.palate-input-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.palate-save-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.palate-save-card,.palate-rec,.palate-assessment-row{background:#fbfaf8;border:1px solid #E8DFD8;border-radius:6px}.palate-save-card{cursor:pointer;min-height:120px;padding:14px;text-align:left}.palate-save-card strong,.palate-rec strong,.palate-assessment-row strong{color:#14213a;display:block;font-family:Inter,sans-serif;font-size:14px;margin-bottom:6px}.palate-save-rank{color:#7a2e37;font-weight:700}.palate-list{display:grid;gap:8px}.palate-list div{align-items:center;border-bottom:1px solid #F1ECE7;display:flex;justify-content:space-between;padding:8px 0}.palate-recs{display:grid;gap:10px}.palate-rec{padding:14px}.palate-primary,.palate-secondary,.palate-feedback button,.palate-question-chips button,.palate-icon-btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:12px;font-weight:700;justify-content:center;min-height:42px;padding:10px 14px}.palate-primary{background:#5c1f26;border:1px solid #5C1F26;color:#fff}.palate-secondary,.palate-feedback button,.palate-question-chips button,.palate-icon-btn{background:#fff;border:1px solid #D8CDC6;color:#5c1f26}.palate-input-row input{border:1px solid #D8CDC6;border-radius:6px;flex:1;font-family:Inter,sans-serif;font-size:14px;min-height:42px;min-width:0;padding:0 12px}.palate-result{background:#fbfaf8;border-left:3px solid #B8963E;margin-top:12px;min-height:32px;padding:12px}.palate-result:empty{display:none}.palate-feedback,.palate-question-chips,.palate-empty-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.palate-empty{align-items:center;display:flex;justify-content:space-between;gap:24px;margin:0 auto 24px;max-width:1180px;padding:24px}.palate-notice,.palate-loading,.palate-unavailable{font-family:Inter,sans-serif;margin:0 auto 18px;max-width:1180px;padding:14px 18px}.palate-loading,.palate-unavailable{background:#fff;border:1px solid #E8DFD8;border-radius:8px;margin-top:64px}.palate-assessment-row{margin-bottom:8px;padding:10px}.palate-assessment-row button:first-child{background:transparent;border:0;cursor:pointer;flex:1;padding:0;text-align:left}.palate-modal{align-items:center;background:#14213a6b;display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10020}.palate-modal.open{display:flex}.palate-modal-card{max-height:min(780px,90vh);max-width:680px;overflow:auto;padding:24px;position:relative;width:min(100%,680px)}.palate-modal-close{background:#fff;border:1px solid #D8CDC6;border-radius:6px;color:#5c1f26;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;min-height:36px;padding:8px 12px;position:absolute;right:16px;top:16px}@media(max-width:920px){.palate-page{padding:24px 18px 48px}.palate-hero,.palate-grid{grid-template-columns:1fr}.palate-panel-wide{grid-column:span 1}.palate-save-grid{grid-template-columns:1fr}.palate-empty,.palate-panel-head,.palate-rec,.palate-input-row{align-items:stretch;flex-direction:column}.palate-primary,.palate-secondary,.palate-feedback button,.palate-question-chips button,.palate-icon-btn{width:100%}}.palate-education-bridge{align-items:center;background:#fff;border:1px solid #E8DFD8;border-radius:8px;bottom:18px;box-shadow:0 12px 30px #14213a1f;color:#14213a;display:flex;gap:12px;justify-content:space-between;left:50%;max-width:min(720px,calc(100% - 32px));padding:12px 14px;position:sticky;transform:translate(-50%);z-index:60}.palate-education-bridge span,.palate-education-bridge button{font-family:Inter,sans-serif;font-size:12px;font-weight:700}.palate-education-bridge button{background:#5c1f26;border:1px solid #5C1F26;border-radius:6px;color:#fff;cursor:pointer;min-height:36px;padding:8px 12px;white-space:nowrap}@media(max-width:920px){.palate-education-bridge{align-items:stretch;flex-direction:column;left:16px;max-width:none;right:16px;transform:none}.palate-education-bridge button{width:100%}}
