/* «هل أستطيع أكل هذا؟» — builds on start-intake.css tokens. Presentation only. */
.eat-shell{max-width:760px}
.eat-head h1{font-size:clamp(30px,7vw,46px);line-height:1.25;margin:4px 0 10px;color:var(--st-ink);outline:none}
.eat-kicker{display:inline-block;font-size:13px;font-weight:700;color:var(--st-teal)}
.eat-lead{font-size:17px;line-height:1.8;color:var(--st-muted);margin:0 0 18px}
.eat-step{margin:22px 0;padding:18px;border:1px solid var(--st-line);border-radius:20px;background:#fff}
.eat-step-title{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 12px;color:var(--st-ink)}
.eat-step-title span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--st-ink);color:#fff;font-size:14px}
.eat-conditions,.eat-suggest{display:flex;flex-wrap:wrap;gap:8px}
.eat-chip,.eat-food,.eat-seg button{min-height:44px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--st-line);background:#fff;color:var(--st-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.eat-chip[aria-pressed=true],.eat-food[aria-pressed=true],.eat-seg button[aria-pressed=true]{background:var(--st-ink);border-color:var(--st-ink);color:#fff}
.eat-chip:focus-visible,.eat-food:focus-visible,.eat-seg button:focus-visible{outline:3px solid var(--st-teal);outline-offset:2px}
.eat-context{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--st-line)}
.eat-context b{font-size:14px;color:var(--st-muted)}
.eat-seg{display:flex;flex-wrap:wrap;gap:6px}
.eat-seg button{min-height:40px;font-size:14px}
.eat-hint{font-size:14px;line-height:1.8;color:var(--st-muted);margin:10px 0 0}
.eat-hint a,.eat-more,.eat-also a{color:var(--st-teal)}
.eat-search input,.eat-ask input{width:100%;min-height:52px;padding:10px 16px;border-radius:14px;border:1.5px solid var(--st-line);font:inherit;font-size:17px;background:#fbfaf7}
.eat-search{display:block;margin-bottom:12px}
.eat-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.eat-result{margin:22px 0;padding:20px;border-radius:22px;background:#fff;border:1px solid var(--st-line);border-inline-start:6px solid var(--eat-tone,#596579);box-shadow:0 18px 40px -30px rgba(16,31,53,.5)}
.eat-ok{--eat-tone:#2f7a5b}.eat-mid{--eat-tone:#b08436}.eat-check{--eat-tone:#3b6ea5}.eat-stop{--eat-tone:#9b2c2c}.eat-none{--eat-tone:#596579}
.eat-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.eat-result h2{margin:0;font-size:28px;color:var(--st-ink)}
.eat-badge{padding:6px 14px;border-radius:999px;background:var(--eat-tone);color:#fff;font-weight:700;font-size:15px}
.eat-summary{font-size:18px;line-height:1.85;margin:12px 0;color:var(--st-ink)}
.eat-result h3{font-size:15px;color:var(--st-muted);margin:14px 0 4px}
.eat-result ul{margin:0;padding-inline-start:20px;line-height:1.9}
.eat-tips{display:grid;gap:8px;margin:16px 0 0}
.eat-tips div{background:#f4f5f7;border-radius:12px;padding:10px 14px}
.eat-tips dt{font-size:13px;font-weight:700;color:var(--st-teal)}
.eat-tips dd{margin:2px 0 0;line-height:1.7}
.eat-uncertain{font-size:14px;color:var(--st-muted);margin:12px 0 0}
.eat-sources{margin-top:12px;font-size:14px}
.eat-sources summary{cursor:pointer;color:var(--st-teal);font-weight:600}
.eat-sources li{margin:8px 0}.eat-sources small{display:block;color:var(--st-muted);line-height:1.6}
.eat-offer{margin:22px 0;padding:22px;border-radius:22px;background:#101f35;color:#fff}
.eat-offer .eat-kicker{color:#d3bc91}
.eat-offer h3{font-size:24px;margin:6px 0 8px;color:#fff}
.eat-offer p{line-height:1.8;color:#d5dce6}
.eat-price b{font-size:22px;color:#fff;margin-inline-end:6px}
.eat-offer .eat-cta{display:block;width:100%;text-align:center;min-height:52px;margin:12px 0 8px;background:#c4aa79;border-color:#c4aa79;color:#101f35;font-size:17px}
.eat-offer .eat-more,.eat-offer .eat-also a{color:#d3bc91}
.eat-ask{display:flex;gap:8px}.eat-ask .btn{flex:0 0 auto;min-height:52px}
.eat-answer{margin-top:14px;padding:14px 16px;border-radius:14px;background:#f4f5f7;border-inline-start:5px solid var(--eat-tone,#596579);line-height:1.8}
.eat-meals{display:grid;gap:10px;margin:12px 0}
.eat-meal{padding:14px;border-radius:14px;background:#f8f7f3;border:1px solid var(--st-line)}
.eat-meal h3{margin:0 0 4px;font-size:17px}.eat-meal p{margin:0;line-height:1.7}.eat-meal small{display:block;color:var(--st-muted);margin-top:4px}
.eat-adjust{font-size:14px;color:var(--st-teal);margin-top:6px!important}
.eat-doctor{margin:22px 0;padding:18px;border-radius:20px;border:1px dashed #c4aa79;background:#fffdf8}
.eat-doctor h2{font-size:18px;margin:0 0 6px}
.eat-foot{font-size:13px;line-height:1.8;color:var(--st-muted);margin-top:24px}
@media(max-width:480px){.eat-ask{flex-direction:column}}
/* Personal profile and journal (ported from the revised Ghithaa engine). Presentation only. */
.eat-profile-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 0;padding:14px 16px;border-radius:18px;border:1px dashed var(--st-line);background:#fbfaf7}
.eat-profile-bar.is-on{border-style:solid;border-color:#c4aa79;background:#fff}
.eat-profile-bar>div{flex:1 1 260px}.eat-profile-bar b{display:block;font-size:15px;color:var(--st-ink)}
.eat-profile-bar p{margin:4px 0 0;font-size:14px;line-height:1.8;color:var(--st-muted)}
.eat-profile-bar .btn{min-height:44px}
.eat-warn{flex:1 1 100%;margin:0;color:#9b2c2c;font-size:14px}
.eat-sub{font-size:16px;margin:16px 0 8px;color:var(--st-ink)}
.eat-check-row{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:15px;line-height:1.7;color:var(--st-ink)}
.eat-check-row input{width:20px;height:20px;margin-top:4px;flex:0 0 auto;accent-color:#101f35}
.eat-consent{font-size:14px;color:var(--st-muted)}
.eat-profile>.btn.primary{margin-top:16px}
.eat-combined{margin:8px 0 0;font-size:14px;font-weight:600;color:#1b5b59}
.eat-journal-form{display:grid;gap:12px}
.eat-journal-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--st-muted)}
.eat-journal-form select,.eat-journal-form input[type=text],.eat-journal-form input[type=datetime-local]{min-height:48px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--st-line);font:inherit;font-size:16px;background:#fbfaf7;color:var(--st-ink);width:100%}
.eat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eat-journal-form fieldset{border:0;padding:0;margin:0}
.eat-journal-form legend{font-size:14px;font-weight:600;color:var(--st-muted);margin-bottom:6px}
.eat-scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}
.eat-scale button{min-height:44px;padding:0;border-radius:10px;border:1.5px solid var(--st-line);background:#fff;color:var(--st-ink);font:inherit;font-weight:700;cursor:pointer}
.eat-scale button[aria-pressed=true]{background:var(--st-ink);border-color:var(--st-ink);color:#fff}
.eat-scale button:focus-visible{outline:3px solid var(--st-teal);outline-offset:2px}
.eat-journal-msg{font-size:14px;color:#1b5b59;min-height:1em}
.eat-journal-sum{margin-top:16px;padding:14px;border-radius:14px;background:#f4f5f7}
.eat-journal-sum p{margin:0;font-size:15px;line-height:1.8}.eat-journal-sum ul{margin:8px 0;padding-inline-start:20px;font-size:15px;line-height:1.9}
.eat-journal-next{margin-top:14px;padding:14px;border-radius:14px;border:1px solid #c4aa79;background:#fff}
.eat-journal-next p{margin:0 0 10px;font-size:15px;line-height:1.8}
.eat-journal-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.eat-link{background:none;border:0;padding:8px 4px;color:#9b2c2c;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
@media(max-width:420px){.eat-row{grid-template-columns:1fr}.eat-scale{gap:3px}.eat-scale button{min-height:40px;font-size:14px}}
.eat-journal-next .eat-more{white-space:nowrap}
/* Food family answers («الخبز»): one row per food in the reference */
.eat-family{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.eat-family li{border:1px solid var(--st-line);border-inline-start:5px solid var(--eat-tone,#596579);border-radius:14px;background:#fff;padding:10px 12px}
.eat-page .eat-family-item{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0;border:0;border-radius:0;background:none;color:var(--st-ink);font:inherit;font-size:16px;text-align:start;cursor:pointer}
.eat-page .eat-family-item .eat-badge{flex:0 0 auto;font-size:12px}
.eat-family small{display:block;margin-top:4px;font-size:14px;line-height:1.7;color:var(--st-muted)}
