/* MeAriel Food (food.php). Tokens from tokens.css; Fibonacci spacing 5·8·13·21·34·55. */
.mf{--mf-good:#1E7B3A;--mf-good-bg:#E6F4EA;--mf-red:#B3122B;--mf-red-bg:#FDECEE;--mf-info-bg:#E6F2FA;--mf-warn-bg:#FFF6DC;--mf-warn:#7A4E00}
.mf-art{display:flex;flex-direction:column;gap:34px;max-width:880px;padding-bottom:55px}
.mf-head{display:flex;gap:21px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.mf-head-txt{flex:1 1 320px;min-width:0}
.mf .mv-art-h{font-size:42px}
.mf-h2{margin:0 0 13px;color:var(--mv-ink);font:800 26px/1.25 var(--mv-font-h)}
.mf-score{flex:0 0 auto;width:89px;height:89px;border-radius:50%;border:5px solid var(--mf-good);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mv-surface)}
.mf-score b{font:800 33px/1 var(--mv-font-h);color:var(--mv-ink)}
.mf-score small{font-size:13px;color:var(--mv-muted)}
.mf-score.is-mid{border-color:var(--mv-orange)}
.mf-score.is-low{border-color:var(--mf-red)}
.mf-flags{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.mf-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font:700 13px/1.4 var(--mv-font-b);background:var(--mf-info-bg);color:var(--mv-blue-h);white-space:nowrap}
.mf-chip.mf-red{background:var(--mf-red-bg);color:var(--mf-red)}
.mf-chip.mf-ok{background:var(--mf-good-bg);color:var(--mf-good)}
.mf-mini{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 5px;border-radius:999px;font:800 13px/1 var(--mv-font-h);color:#fff;background:var(--mf-good)}
.mf-mini.is-mid{background:var(--mv-orange);color:var(--mv-ink)}
.mf-mini.is-low{background:var(--mf-red)}
.mf-card{background:var(--mv-surface);border:1px solid var(--mv-border);border-radius:var(--mv-r);padding:21px}
.mf-card ul,.mf-card ol{margin:0;padding-inline-start:21px;display:grid;gap:8px}
.mf-label{border-inline-start:5px solid var(--mv-orange)}
.mf-why{display:grid;gap:8px;margin:0 0 13px}
.mf-why div{display:flex;justify-content:space-between;gap:13px;border-bottom:1px dashed var(--mv-border);padding-bottom:5px}
.mf-why dt{color:var(--mv-muted)}
.mf-why dd{margin:0;font-weight:700;color:var(--mv-ink);text-align:end}
.mf-tbl{overflow-x:auto;border:1px solid var(--mv-border);border-radius:var(--mv-r);background:var(--mv-surface);margin-bottom:8px}
.mf-tbl table{border-collapse:collapse;width:100%;font-size:16px}
.mf-tbl th,.mf-tbl td{padding:8px 13px;text-align:right;border-bottom:1px solid var(--mv-border);vertical-align:top}
.mf-tbl th{font:700 13px/1.4 var(--mv-font-b);color:var(--mv-muted);background:#F5F8FB}
.mf-tbl tr:last-child td{border-bottom:0}
.mf-n{font-variant-numeric:tabular-nums;white-space:nowrap}
.mf-faq{margin:0}
.mf-faq dt{font-weight:700;color:var(--mv-ink);margin-top:13px}
.mf-faq dd{margin:5px 0 0}
.mf-links{display:flex;flex-wrap:wrap;gap:8px 21px;padding:0;list-style:none}
.mf-foot{display:grid;gap:8px;border-top:1px solid var(--mv-border);padding-top:21px}
.mf-disc{margin:0;font-size:13px;color:var(--mv-muted)}
.mf-review{background:var(--mf-warn-bg);color:var(--mf-warn);border:1px dashed var(--mf-warn);border-radius:var(--mv-r);padding:13px 21px;font-size:15px}
.mf-review ul{margin:5px 0 0;padding-inline-start:21px}
.mf-facts{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.mf-facts li{display:flex;flex-direction:column;padding:8px 13px;border:1px solid var(--mv-border);border-radius:8px;background:var(--mv-surface);min-width:89px}
.mf-facts span{font-size:13px;color:var(--mv-muted)}
.mf-facts b{color:var(--mv-ink)}
.mf-recipe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:34px;align-items:start}
.mf-ing{list-style:none;padding:0!important}
.mf-ing li{padding-block:5px;border-bottom:1px dashed var(--mv-border)}
.mf-ing li:last-child{border-bottom:0}
.mf-ing a,.mf-links a,.mf-foot a,.mf-card a,.mf-art .mv-meta a{color:var(--mv-blue);text-decoration:underline}
.mf-steps{display:grid;gap:13px;padding-inline-start:21px;font-size:18px;line-height:1.6}
.mf-tip{margin:21px 0 0;padding:13px;background:#F5F8FB;border-radius:8px}
.mf-method table{border-collapse:collapse;margin-bottom:21px}
.mf-method th,.mf-method td{padding:5px 13px;border:1px solid var(--mv-border);text-align:right}
@media (max-width:767px){
  .mf .mv-art-h{font-size:33px}
  .mf-recipe{grid-template-columns:1fr}
  .mf-score{width:76px;height:76px}
  .mf-art{gap:21px}
}

/* /food/ hub (phase 2) */
.mf-search input{width:100%;max-width:520px;min-height:44px;padding:8px 13px;border:1px solid var(--mv-border);border-radius:999px;font:500 16px/1.3 var(--mv-font-b);background:var(--mv-surface)}
.mf-hub-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(233px,1fr));gap:8px 21px}
.mf-hub-list li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--mv-border);min-width:0}
.mf-hub-list .mv-meta{margin-inline-start:auto;white-space:nowrap}
.mf-hub-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.mf-hub-name a{color:var(--mv-ink);text-decoration:none}
.mf-hub-name a:hover{color:var(--mv-blue);text-decoration:underline}
.mf-mini.mf-e{background:var(--mv-ink)}