/* GOAL LANDING · companion to _cuisine.css · tokens only */
.goal-guidance { display: grid; grid-template-columns: 1fr; gap: 16px; max-width: 1180px; margin: 0 auto; padding-inline: var(--gutter); }
@media (min-width: 720px) { .goal-guidance { grid-template-columns: 1fr 1fr; } }
.goal-gcard { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 22px 24px; display: flex; flex-direction: column; gap: 10px; }
.goal-gcard h3 { font-size: 17px; font-weight: 600; line-height: 1.45; letter-spacing: -0.01em; color: var(--text); }
.goal-gcard p { font-size: 14.5px; line-height: 1.85; color: var(--text-soft); }
.goal-evi { margin-block-start: auto; display: inline-flex; align-items: center; font-size: 12px; font-weight: 600; color: var(--olive-dark); text-decoration: none; padding-block-start: 6px; border-block-start: 1px solid var(--border); padding-top: 12px; }
.goal-evi:hover { color: var(--olive-darker); text-decoration: underline; }
.goal-more { max-width: 1180px; margin: clamp(18px, 2.5vw, 26px) auto 0; padding-inline: var(--gutter); }
.goal-more a { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--olive-tint); color: var(--olive-dark); border-radius: 10px; font-weight: 600; font-size: 14.5px; text-decoration: none; transition: background 160ms var(--ease-out-quart); }
.goal-more a:hover { background: var(--olive); color: var(--white); }
/* safety note */
.goal-safety { background: color-mix(in srgb, var(--warning) 9%, var(--white)); border: 1px solid var(--warning); border-radius: 14px; padding: clamp(20px, 3vw, 30px); }
.goal-safety-head { display: flex; align-items: center; gap: 12px; margin-block-end: 14px; }
.goal-safety-head svg { width: 30px; height: 30px; color: var(--warning-text); flex: none; }
.goal-safety-head h2 { font-size: clamp(18px, 2.2vw, 23px); font-weight: 600; letter-spacing: -0.01em; color: var(--text); }
.goal-safety p { font-size: 14.5px; line-height: 1.9; color: var(--text); }
.goal-safety p + p { margin-block-start: 12px; }