.answer-carousel { align-items: start; touch-action: pan-x pan-y; }
#meal-card { min-height: 0; }
#meal-card .card-number { margin-bottom: .7rem; }
#meal-card .meal-title { margin-top: .5rem !important; }
.calculation-details { margin-top: 1.25rem; }
.calculation-details summary { cursor: pointer; font-size: 1rem; padding: .6rem 0; }
.calculation-details .result-table { margin-top: .5rem; }
.calculation-details td, .calculation-details th { padding: .45rem .55rem; }
.astrology-tabs, .carousel-controls { display: flex; gap: .6rem; }
.astrology-tabs { margin: 1.25rem 0 0; justify-content: center; }
.astrology-tabs button, .carousel-controls button { font: inherit; cursor: pointer; border: 1px solid #3c0917; border-radius: 999px; padding: .6rem 1rem; background: #fbe89c; color: #3c0917; }
.astrology-tabs button[aria-selected="true"] { background: #3c0917; color: #fbe89c; }
.astrology-tabs button:focus-visible, .carousel-controls button:focus-visible { outline: 3px solid #bd697d; outline-offset: 3px; }
.carousel-controls { justify-content: center; flex-wrap: wrap; margin-top: .8rem; }
[role="tabpanel"][hidden] { display: none; }
.eats-guide { display: grid; grid-template-columns: minmax(0,210px) minmax(0,640px); align-items: center; gap: 1.5rem; width: 100%; margin: 1.5rem auto 2.5rem; }
.eats-guide .animated-parrot { position: static; width: 100%; max-width: 210px; margin: 0; }
.eats-guide .speech-bubble { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 245px; box-sizing: border-box; border-radius: 24px; margin: 0; padding: 1.5rem; font-size: clamp(1.8rem,5vw,3rem); }
.eats-guide .speech-bubble::before { left: -20px; bottom: 45%; border-width: 18px 20px 0 0; border-color: transparent #826d77 transparent transparent; }
.eats-guide .speech-bubble::after { left: -15px; bottom: calc(45% + 2px); border-width: 14px 16px 0 0; border-color: transparent #2a2626 transparent transparent; }
.eats-guide .ruler-sign { display: flex; gap: .35rem; color: #f6eff2; margin: 1rem 0 0; }
@media (max-width: 700px) {
  .eats-guide { grid-template-columns: minmax(80px,28%) minmax(0,1fr); gap: 1rem; }
  .eats-guide .speech-bubble { min-height: 200px; padding: 1rem; }
  .carousel-controls button { font-size: .9rem; }
}
/* Alternating, vertically staggered Eats guides. */
.eats-guide .speech-bubble { font-family: "Quicksand", sans-serif; font-size: 1rem; line-height: 1.65; align-items: stretch; text-align: center; }
.eats-guide .eats-greeting { font: inherit; font-weight: 700; margin: 0 0 1rem; }
.eats-guide .eats-message { font: inherit; margin: 0; overflow: hidden; }
.eats-guide .animated-parrot { align-self: start; margin-top: .5rem; }
.eats-guide-right { grid-template-columns: minmax(0,640px) minmax(0,210px); margin-top: 3.5rem; }
.eats-guide-right .animated-parrot { align-self: end; margin-top: 0; margin-bottom: -1.5rem; }
.eats-guide-right .speech-bubble::before { left: auto; right: -20px; bottom: 28%; border-width: 18px 0 0 20px; border-color: transparent transparent transparent #826d77; }
.eats-guide-right .speech-bubble::after { left: auto; right: -15px; bottom: calc(28% + 2px); border-width: 14px 0 0 16px; border-color: transparent transparent transparent #2a2626; }
.eats-word { display: inline-block; white-space: nowrap; }
.eats-guide .eats-greeting { font-family: "Sankofa Display", sans-serif; font-size: clamp(1.8rem,5vw,3rem); font-weight: 400; line-height: 1; text-align: center; }
@media (max-width: 700px) {
 .eats-guide-right { grid-template-columns: minmax(0,1fr) minmax(80px,28%); }
 .eats-guide .speech-bubble { padding: 1rem; }
}

/* Face the top speech bubble; the lower guide keeps its direction. */
.eats-guide:not(.eats-guide-right) > .animated-parrot { scale:-1 1; }

/* Keep right-facing guides in the same columns regardless of content. */
.eats-guide-right > .speech-bubble {grid-column:1;grid-row:1;}
.eats-guide-right > .animated-parrot {grid-column:2;grid-row:1;}

.instructions-guide{margin-top:3.5rem}.instructions-guide .instructions-copy{text-align:center;font:400 18px/1.7 Quicksand,sans-serif}.instructions-guide .instructions-intro{font-weight:600;font-size:1.2rem;margin:0 0 24px}.instructions-guide h3{font:600 clamp(20px,3vw,25px)/1.4 Quicksand,sans-serif;margin:28px 0 12px}.instructions-guide p{margin:12px 0}.instructions-guide ul{list-style:none;padding:0;margin:12px 0}.instructions-guide li{margin:10px 0}.instructions-guide li::before{content:"✦ ";}.instructions-guide .instructions-parrot{position:sticky;top:24px;width:100%;max-width:210px;align-self:start;margin-top:.5rem}