/* Kaynak-transfer: donörün `besin__<slug>.html` (dokuz kardeş: avokado, mango,
   tavuk-göğsü-ızgara, vişne vb. — üçünde birebir doğrulandı) sayfasına gömülü,
   `besin-kutuphanesi-v1.css` LİNKİNİN DIŞINDA kalan dört ayrı `<style>` bloğu —
   AYNEN. `.pf-disclaimer`/`.dd-sources` linkten ÖNCE, `.qa`/`.qa-ico`/`.qa-car`/
   `.dd-sources-fold` linkten SONRA geliyor — sıra önemsiz (tümü aynı özgüllükte,
   selector çakışması yok). `.reh-note` burada YOK: donör bu sayfaya de gömüyor
   ama markup'ta 0× kullanıyor (ölçüldü) — kullanıldığı tek yer liste sayfası,
   bkz. `besin-kutuphanesi-liste-v1.css`. */
.pf-disclaimer{background:var(--tomato-tint);border-top:1px solid rgba(0,154,68,.25)}
.pf-disclaimer .wrap{display:flex;gap:14px;align-items:flex-start;padding-top:22px;padding-bottom:22px}
.pf-disclaimer i{color:var(--tomato-deep);font-size:17px;margin-top:2px;flex:none}
.pf-disclaimer p{font-size:13.5px;color:var(--slate-2);font-weight:500;line-height:1.65;max-width:960px}
.pf-disclaimer b{color:var(--slate);font-weight:700}

/* Kaynak künyesi bloğu — donörün kendi yorumu: "prototipte karşılığı YOK, Beyar
   kararı A ile eklendi. Yalnız var olan token'lar kullanılır, yeni renk/radius
   icat edilmez (component-token.md §6). Sayfa CSS'ine dokunmaz." */
.dd-sources{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.dd-sources h3{font-size:14px;font-weight:800;color:var(--slate);margin:0 0 10px}
.dd-sources ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dd-sources li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.dd-sources li i{color:var(--green);font-size:11px;margin-top:4px;flex:none}
.dd-sources a{color:var(--green-deep);font-weight:700;text-decoration:none}
.dd-sources a:hover{text-decoration:underline}
.dd-sources b{color:var(--slate-2);font-weight:700}
.dd-src-portion,.dd-src-date{display:inline-block;margin-left:6px}
.dd-src-date{opacity:.8}

.qa{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.qa-ico{flex:none;width:34px;height:34px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato-deep);display:grid;place-items:center;font-size:14px}
.qa-car{margin-left:auto;flex:none;font-size:12px;color:var(--muted);transition:transform .25s var(--ease)}
.dd-sources-fold{margin-top:40px}
.dd-sources-fold>summary{list-style:none;cursor:pointer}
.dd-sources-fold>summary::-webkit-details-marker{display:none}
.dd-sources-fold[open]{border-color:rgba(0,154,68,.4);box-shadow:var(--sh-sm)}
.dd-sources-fold[open]>summary{border-bottom:1px solid var(--line)}
.dd-sources-fold[open] .qa-car{transform:rotate(180deg);color:var(--tomato-deep)}
.dd-sources-fold .qa-body{padding:0 22px 20px}
.dd-sources-fold .qa-body .dd-sources{margin-top:0;padding-top:0;border-top:0}
.dd-sources-fold .qa-body .dd-sources h3{display:none}
@media (max-width:640px){.dd-sources-fold{margin-top:30px}}
.qa-head:focus-visible{outline:3px solid rgba(0,154,68,.28);outline-offset:-3px}

/* Aşağısı donörde YOK — gerçek backend işlevi, uydurulmadı (önceki turlarda
   eklendi, gerekçesi `besinler/show.blade.php`nin kendi yorumlarında duruyor):
   çoklu porsiyon seçici, boş besin-değeri durumu, tek-kart ızgara düzeni,
   uzun Türkçe besin adı/kırıntı taşma koruması. */
.portion-form{display:flex;align-items:end;gap:10px;margin:0 0 22px}
.portion-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--muted)}
.portion-form select{min-width:220px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:11px 36px 11px 13px;font:600 13px inherit}
@media(max-width:640px){.portion-form{align-items:stretch;flex-direction:column}.portion-form label,.portion-form select{width:100%}}
.nd-grid.is-single{grid-template-columns:1fr}
.nd-empty{color:var(--muted);font-size:13.5px;font-weight:500;line-height:1.65;padding:8px 0 2px}
/* `.nd-fig-icon`: donörün görselsiz besinlerde ikonu satır-içi degrade stille
   merkezlediği değerlerin (`besin__avokado.html`, Chromium'da ölçüldü) DRY
   edilmiş hâli — uydurma class adı, değerleri donörün gerçek satır-içi değerleri. */
.nd-fig-icon{display:grid;place-items:center;background:linear-gradient(180deg,#E3F4EA,#c9ead8);color:var(--green-deep);font-size:40px}
.nd-fig:is(img){object-fit:cover}
/* `.nd-top` taşma koruması `besin-kutuphanesi-v1.css`de duruyor (o dosyanın
   kendi yorumuna bkz.) — `BesinUiSozlesmeTest` o dosyanın içeriğini doğruluyor,
   burada tekrar basılmadı. */

/* Makro çubuğunun BOŞ KALAN KUYRUĞU (denetim B3, 2026-09-18). Yüzdelerin tabanı
   artık kaydın kendi `enerji` değeri; üç dilim (protein·karbonhidrat·yağ) o enerjinin
   tamamını toplamadığında çubuk sonuna kadar dolmuyor. TürKomp kayıtlarında o boşluk
   tam olarak liftir — karbonhidrat lif hariç verildiği için lifin enerjisi üç dilime
   hiç girmez. Donörün `.macro-bar`ı zeminsizdi (orada üç dilim her zaman %100
   topluyordu, boşluk hiç görünmüyordu); zemin eklenmezse kuyruk kartın kâğıdıyla
   karışıp "çubuk kırık" gibi okunuyor. Donör dosyası `besin-kutuphanesi-v1.css`
   değiştirilmedi; kural bu dosyanın "donörde YOK" bölümünde duruyor. */
.macro-bar{background:var(--line)}
