/* Alternate results page: the cards and food compass share one chart. */
.page { width: min(1280px, 100%); }
.eats-guide { max-width: 900px; }
.heaven-figure { position: relative; width: 100%; aspect-ratio: 1; margin: 2rem auto; container-type: inline-size; }
.figure-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.figure-lines path { fill: none; stroke: #ddc5d0; stroke-width: 1.5px; vector-effect: non-scaling-stroke; }
.heaven-figure .food-compass { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; background: none; }
.heaven-figure .food-compass .diamond { gap: 1cqw; color: #f6eff2; width: 60%; height: 20%; justify-content: center; padding-top: 5cqw; box-sizing: border-box; clip-path: polygon(50% 0,100% 100%,0 100%); }
.heaven-figure .food-compass .top { left: 20%; top: 0; background: #813e4a; }
.heaven-figure .food-compass .bottom { left: 20%; top: 80%; padding-top: 0; padding-bottom: 5cqw; clip-path: polygon(0 0,100% 0,50% 100%); background: #355d53; }
.heaven-figure .food-compass .left, .heaven-figure .food-compass .right { width: 20%; height: 60%; top: 20%; padding: 0; flex-direction: column; gap: 1cqw; }
.heaven-figure .food-compass .left { left: 0; padding-left: 7cqw; clip-path: polygon(0 50%,100% 0,100% 100%); background: #414e78; }
.heaven-figure .food-compass .right { left: 80%; padding-right: 7cqw; clip-path: polygon(0 0,100% 50%,0 100%); background: #755928; }
.heaven-figure .food-compass .diamond ion-icon, .heaven-figure .food-compass .diamond .material-symbols-outlined { font-size: clamp(16px,3.2cqw,38px); }
.heaven-figure .food-compass .diamond-label { position: static; width: auto; max-width: 8em; font-size: clamp(11px,1.45cqw,18px); opacity: 1; }
.heaven-figure .food-compass .left .diamond-label, .heaven-figure .food-compass .right .diamond-label { max-width: 5em; }
.heaven-figure .food-compass .diamond:focus-visible { filter: brightness(1.5); }
.figure-center { position: absolute; inset: 20%; display: flex; flex-direction: column; overflow: hidden; background: #2a2626; border: 1px solid #ddc5d0; }
.figure-center .answer-carousel-wrap { min-height: 0; flex: 1; width: 100%; margin: 0; }
.figure-center .answer-carousel { height: 100%; padding: 0; gap: 0; scroll-padding: 0; align-items: stretch; }
.figure-center .answer-card-slide { min-width: 0; min-height: 0; overflow-y: auto; padding: clamp(12px,2.4cqw,30px); border: 0; border-radius: 0; box-shadow: none; background: #2a2626; color: #ddc5d0; }
.figure-center .answer-card-slide h2, .figure-center .answer-card-slide p, .figure-center .card-number, .figure-center .result-table, .figure-center .result-table th, .figure-center .result-table td { color: #ddc5d0; }
.figure-center .card-one-extras { grid-template-columns: minmax(0,1fr); }
.figure-center .meal-badge-column { grid-column: 1; }
.figure-center .meal-title { font-size: clamp(2rem,5cqw,4rem) !important; }
.figure-center .result-table { width: 100%; font-size: clamp(.75rem,1.5cqw,1rem); }
.figure-center .result-table td, .figure-center .result-table th { padding: .45rem; }
.figure-card-controls { flex: none; display: flex; justify-content: center; gap: .5rem; padding: .55rem; border-top: 1px solid #826d77; }
.figure-card-controls button, .figure-center .astrology-tabs button { background: #2a2626; color: #ddc5d0; border: 1px solid #826d77; border-radius: 6px; font: inherit; font-size: .85rem; padding: .4rem .65rem; }
.figure-card-controls button:focus-visible { outline: 2px solid #ddc5d0; outline-offset: 2px; }
.figure-center .astrology-tabs button[aria-selected="true"] { background: #ddc5d0; color: #2a2626; }
@media(max-width:600px) {
 .heaven-figure { aspect-ratio: .76; }
 .figure-center { inset: 20% 12%; }
 .figure-lines { display: none; }
 .heaven-figure { border: 1px solid #826d77; }
 .heaven-figure .food-compass .top, .heaven-figure .food-compass .bottom { left:12%; width:76%; }
 .heaven-figure .food-compass .left, .heaven-figure .food-compass .right { width:12%; }
 .heaven-figure .food-compass .left { padding-left:3cqw; }
 .heaven-figure .food-compass .right { left:88%; padding-right:3cqw; }
 .heaven-figure .food-compass .left .diamond-label, .heaven-figure .food-compass .right .diamond-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .figure-center .answer-card-slide p { font-size:.95rem; }
 .figure-center .meal-badge { max-width:140px; height:auto; }
 .figure-center .card-number { font-size:.8rem; }
}
.figure-center .meal-badge-column { width: min(100%, 230px); margin: 0 auto; }
.figure-center .meal-badge { width: 100%; height: auto; }
.figure-center .badge-glyphs { color: #ddc5d0; font-size: clamp(1.6rem,3cqw,2.6rem); }
.figure-center .answer-carousel { scrollbar-color: #826d77 #2a2626; }
.figure-center .answer-carousel::-webkit-scrollbar-track { background: #2a2626; }
.figure-center .answer-carousel::-webkit-scrollbar-thumb { background: #826d77; }
@media(max-width:600px) { .figure-center .meal-badge-column { width:140px; } }