/* fitra: calm surfaces and readable, consistent controls. */
:root,body,body[data-theme]{--ink:#29432b;--accent:#356b38;--blue:#356b38;--muted:#576b56;--soft:#eaf4e5;--paper:#f7fbf4;--bg:#f7fbf4;--line:#d0dfc5;--card:#fff;color:#29432b;background:#f7fbf4;color-scheme:light}
body{color:var(--ink);background:var(--bg)}
input,textarea,select{color:var(--ink);background:#fff;border-color:var(--line);accent-color:var(--accent)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body[data-theme] .feature{background:var(--accent);color:#fff}
body[data-theme] .feature h2,body[data-theme] .feature p,body[data-theme] .feature a{color:#fff}
body[data-theme] .feature button{background:#fff;color:var(--accent);border-color:#fff}
body[data-theme] h1,body[data-theme] label,body[data-theme] #brand{color:var(--ink)}

.nutrition-basics{display:grid;gap:18px;margin:24px 0 36px;scroll-margin-top:110px}.nutrition-basics h2,.nutrition-basics h3{color:var(--ink)}.nutrition-basics h3{font-size:22px;line-height:1.3}.nutrition-table{overflow-x:auto;margin:18px 0}.nutrition-table table{width:100%;border-collapse:collapse;min-width:620px;font-size:16px;line-height:1.6}.nutrition-table caption{text-align:left;font-weight:650;margin-bottom:12px}.nutrition-table th,.nutrition-table td{padding:14px;text-align:left;vertical-align:top;border:1px solid var(--line)}.nutrition-table thead{background:var(--soft)}.nutrition-table tbody th{width:19%;color:var(--accent)}.nutrition-basics .row{flex-wrap:wrap;gap:12px}.nutrition-basics .sources p{margin-bottom:10px}@media(max-width:650px){.nutrition-table table{min-width:0}.nutrition-table thead{display:none}.nutrition-table tr,.nutrition-table th,.nutrition-table td{display:block;width:100%!important}.nutrition-table tr{margin-bottom:18px}.nutrition-table tbody th{background:var(--soft)}.nutrition-table td{border-top:0}.nutrition-basics .panel{padding:20px}}

@media(max-width:650px){.nutrition-table td::before{content:attr(data-label);display:block;font-weight:650;color:var(--accent);margin-bottom:6px}}