/* ══════════════════════════════════════════════════════════════
   Brennnessel Guide – Stylesheet v1.0.0
   Grünes Waldthema
   ══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700&display=swap');

/* ── CUSTOM PROPERTIES ──────────────────────────────────────── */
.bng-wrap {
  --bng-pine:    #2e7d32;
  --bng-leaf:    #4caf50;
  --bng-spring:  #81c784;
  --bng-mint:    #a5d6a7;
  --bng-cream:   #f1f8e9;
  --bng-light:   #e8f5e9;
  --bng-teal:    #00897b;
  --bng-teal-lt: #b2dfdb;
  --bng-white:   #ffffff;
  --bng-text:    #1b5e20;
  --bng-muted:   #4a7a4e;
  --bng-dark:    #1b3a1d;
  --bng-shadow:  rgba(46,125,50,.13);
  --bng-radius:  14px;
  --bng-font-head: 'Playfair Display', Georgia, serif;
  --bng-font-body: 'Lato', 'Segoe UI', sans-serif;

  font-family: var(--bng-font-body);
  color: var(--bng-text);
  line-height: 1.6;
  background: var(--bng-cream);
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(46,125,50,.15), 0 2px 12px rgba(0,0,0,.06);
}
.bng-wrap *, .bng-wrap *::before, .bng-wrap *::after {
  box-sizing: border-box; margin: 0; padding: 0;
}

/* ── HERO ───────────────────────────────────────────────────── */
.bng-hero {
  position: relative;
  background: linear-gradient(135deg, #c8e6c9 0%, #a5d6a7 30%, #66bb6a 65%, #388e3c 100%);
  padding: 60px 40px 80px;
  text-align: center;
  overflow: hidden;
}
.bng-hero-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 10% 80%, rgba(255,255,255,.25) 0%, transparent 50%),
    radial-gradient(circle at 90% 20%, rgba(255,255,255,.15) 0%, transparent 40%);
  pointer-events: none;
}
.bng-plant-icon {
  width: 90px; height: 110px;
  margin: 0 auto 20px;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,.2));
  animation: bng-sway 5s ease-in-out infinite;
}
@keyframes bng-sway {
  0%,100%{ transform: rotate(-4deg) translateY(0); }
  50%    { transform: rotate(4deg)  translateY(-4px); }
}
.bng-hero-title {
  font-family: var(--bng-font-head);
  font-size: clamp(2.4rem, 6vw, 3.8rem);
  font-weight: 900;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.2);
  letter-spacing: -1px;
  line-height: 1.1;
}
.bng-hero-sub {
  font-size: 1.05rem; color: #e8f5e9;
  margin-top: 6px;
  font-style: italic;
  font-family: var(--bng-font-head);
}
.bng-hero-tagline {
  margin-top: 14px; font-size: .93rem; color: #f1f8e9;
  background: rgba(0,0,0,.18);
  display: inline-block; padding: 6px 20px;
  border-radius: 50px; backdrop-filter: blur(4px);
}
.bng-hero-tagline strong { color: #c8e6c9; }

/* Floating sparks */
.bng-floating-sparks { position: absolute; inset: 0; pointer-events: none; }
.spark {
  position: absolute; color: rgba(255,255,255,.55);
  font-size: 7px;
  animation: bng-float linear infinite;
}
.sp1{left:5%; top:20%; animation-duration:9s;  animation-delay:0s;   font-size:10px;}
.sp2{left:18%;top:65%; animation-duration:12s; animation-delay:2s;}
.sp3{left:72%;top:30%; animation-duration:8s;  animation-delay:1s;}
.sp4{left:85%;top:72%; animation-duration:11s; animation-delay:3s;  font-size:11px;}
.sp5{left:42%;top:80%; animation-duration:7s;  animation-delay:4s;}
.sp6{left:58%;top:15%; animation-duration:14s; animation-delay:.5s;}
@keyframes bng-float {
  0%  { transform: translateY(0) rotate(0); opacity:.8; }
  100%{ transform: translateY(-130px) rotate(360deg); opacity:0; }
}

/* ── NAVIGATION ─────────────────────────────────────────────── */
.bng-nav {
  display: flex; flex-wrap: wrap;
  background: var(--bng-pine);
  border-bottom: 3px solid #1b5e20;
  position: sticky; top: 0; z-index: 100;
}
.bng-tab {
  flex: 1 1 auto; min-width: 90px;
  padding: 13px 10px;
  background: none; border: none; cursor: pointer;
  font-family: var(--bng-font-body);
  font-size: .8rem; font-weight: 700;
  color: #c8e6c9;
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  transition: background .2s, color .2s, transform .15s;
  border-bottom: 4px solid transparent;
  text-transform: uppercase; letter-spacing: .3px;
}
.bng-tab-icon { font-size: 1.25rem; line-height: 1; }
.bng-tab:hover { background: rgba(255,255,255,.12); color: #fff; transform: translateY(-2px); }
.bng-tab.active { background: var(--bng-cream); color: var(--bng-pine); border-bottom-color: var(--bng-spring); }

/* School tab badge */
.bng-tab-school { position: relative; }
.bng-tab-school::after {
  content: 'NEU'; position: absolute; top: 5px; right: 3px;
  font-size: .5rem; font-weight: 900; background: #e53935;
  color: #fff; border-radius: 3px; padding: 1px 4px; letter-spacing: .5px;
}
.bng-tab-school.active::after { display: none; }

/* ── PANELS ─────────────────────────────────────────────────── */
.bng-panels { padding: 40px 32px; background: var(--bng-cream); min-height: 500px; }
.bng-panel  { display: none; animation: bng-fadein .4s ease; }
.bng-panel.active { display: block; }
.bng-panel-school.active { display: block; }
@keyframes bng-fadein { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }

/* ── SECTION HEADER ─────────────────────────────────────────── */
.bng-section-header { margin-bottom: 30px; padding-bottom: 18px; border-bottom: 2px dashed #c8e6c9; }
.bng-section-header h2 {
  font-family: var(--bng-font-head);
  font-size: clamp(1.5rem,3vw,2.1rem);
  color: var(--bng-pine); margin-bottom: 7px; font-weight: 700;
}
.bng-section-header p { color: var(--bng-muted); font-size: .95rem; max-width: 700px; }

/* ── ANATOMY GRID ───────────────────────────────────────────── */
.bng-anatomy-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 18px; margin-bottom: 28px; }
.bng-anatomy-card {
  background: var(--bng-white); border-radius: var(--bng-radius);
  padding: 22px 18px; border: 2px solid #c8e6c9;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.bng-anatomy-card:hover { transform: translateY(-5px); box-shadow: 0 10px 28px var(--bng-shadow); border-color: var(--bng-spring); }
.bng-anatomy-emoji { font-size: 2.3rem; margin-bottom: 10px; line-height: 1; }
.bng-anatomy-card h3 { font-family: var(--bng-font-head); font-size: 1.1rem; color: var(--bng-pine); margin-bottom: 7px; }
.bng-anatomy-card p  { font-size: .86rem; color: var(--bng-muted); margin-bottom: 10px; line-height: 1.55; }
.bng-anatomy-card ul { list-style: none; padding: 0; }
.bng-anatomy-card li { font-size: .83rem; padding: 3px 0 3px 18px; position: relative; color: var(--bng-text); }
.bng-anatomy-card li::before { content: '🌿'; position: absolute; left: 0; font-size: .68rem; top: 5px; }

/* ── FACT BANNER ────────────────────────────────────────────── */
.bng-fact-banner {
  background: linear-gradient(135deg,#f1f8e9,#e8f5e9);
  border: 2px solid #a5d6a7; border-radius: var(--bng-radius);
  padding: 16px 22px; display: flex; gap: 14px; align-items: flex-start; margin-top: 22px;
}
.bng-fact-banner.green { background: linear-gradient(135deg,#e0f2f1,#b2dfdb); border-color: #80cbc4; }
.bng-fact-icon { font-size: 1.5rem; flex-shrink: 0; margin-top: 2px; }
.bng-fact-banner p  { font-size: .9rem; color: var(--bng-text); line-height: 1.6; }
.bng-fact-banner strong { color: var(--bng-pine); }

/* ── NUTRIENT CARDS ─────────────────────────────────────────── */
.bng-nutrients-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(295px,1fr)); gap: 20px; }
.bng-nutrient-card { background: var(--bng-white); border-radius: var(--bng-radius); padding: 22px; border: 2px solid #e0e0e0; }
.bng-nutrient-card.vitamine  { border-color: #a5d6a7; background: linear-gradient(145deg,#fff,#f1f8e9); }
.bng-nutrient-card.minerale  { border-color: #80cbc4; background: linear-gradient(145deg,#fff,#e0f7fa); }
.bng-nutrient-card.wirkstoffe{ border-color: #c5e1a5; background: linear-gradient(145deg,#fff,#f9fbe7); }
.bng-nutrient-card.wirkung   { border-color: #a5d6a7; background: linear-gradient(145deg,#fff,#e8f5e9); }
.bng-nutrient-card h3 { font-family: var(--bng-font-head); font-size: 1.05rem; color: var(--bng-pine); margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,.07); }

/* Bar list */
.bng-bar-list  { display: flex; flex-direction: column; gap: 11px; }
.bng-bar-item  { display: grid; gap: 4px; }
.bng-bar-label { font-size: .8rem; font-weight: 700; color: var(--bng-muted); }
.bng-bar-track { background: #f0f4f0; border-radius: 50px; height: 25px; overflow: hidden; }
.bng-bar-fill  {
  width: var(--pct); height: 100%;
  background: linear-gradient(90deg,#66bb6a,#4caf50);
  border-radius: 50px; display: flex; align-items: center;
  padding-right: 8px; justify-content: flex-end;
  font-size: .7rem; font-weight: 700; color: #1b5e20; white-space: nowrap;
  animation: bng-grow .9s ease-out;
}
.bng-bar-fill.min { background: linear-gradient(90deg,#26a69a,#00897b); color: #e0f7fa; }
@keyframes bng-grow { from{width:0} to{width:var(--pct)} }

/* Compounds */
.bng-compound-list { display: flex; flex-direction: column; gap: 10px; }
.bng-compound      { display: flex; gap: 9px; align-items: flex-start; }
.bng-comp-tag      { background: linear-gradient(135deg,#4caf50,#2e7d32); color:#fff; font-size:.71rem; font-weight:700; padding:3px 9px; border-radius:50px; white-space:nowrap; margin-top:2px; flex-shrink:0; }
.bng-compound p    { font-size:.82rem; color:var(--bng-muted); line-height:1.5; }

/* Effects */
.bng-effect-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.bng-effect { display:flex; gap:7px; align-items:center; background:#f9fbe7; border-radius:7px; padding:7px 9px; font-size:.81rem; color:var(--bng-text); }
.bng-effect span { font-size:1.15rem; flex-shrink:0; }

/* ── RECIPE GRID ────────────────────────────────────────────── */
.bng-recipe-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(295px,1fr)); gap: 20px; }
.bng-recipe-card { background:var(--bng-white); border-radius:var(--bng-radius); overflow:hidden; border:2px solid #c8e6c9; transition:transform .25s,box-shadow .25s; }
.bng-recipe-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px var(--bng-shadow); }
.bng-recipe-card.col-green{ border-color:#66bb6a; }
.bng-recipe-card.col-teal { border-color:#26a69a; }

.bng-recipe-head { padding:18px 18px 10px; display:flex; gap:12px; align-items:flex-start; }
.bng-recipe-emoji{ font-size:2.1rem; line-height:1; flex-shrink:0; margin-top:2px; }
.bng-recipe-head h3 { font-family:var(--bng-font-head); font-size:1.05rem; color:var(--bng-pine); margin-bottom:5px; }
.bng-recipe-meta { display:flex; flex-wrap:wrap; gap:5px; font-size:.77rem; color:var(--bng-muted); }

.bng-badge { padding:2px 10px; border-radius:50px; font-weight:700; font-size:.7rem; color:#fff; }
.badge-green{ background:#4caf50; }
.badge-teal { background:#00897b; }

/* Toggle */
.bng-recipe-toggle { width:100%; padding:10px 18px; background:linear-gradient(90deg,#f1f8e9,#e8f5e9); border:none; border-top:1px solid #c8e6c9; cursor:pointer; font-family:var(--bng-font-body); font-size:.83rem; font-weight:700; color:var(--bng-pine); text-align:left; transition:background .2s; }
.bng-recipe-toggle:hover { background:linear-gradient(90deg,#dcedc8,#f1f8e9); }
.bng-recipe-toggle[aria-expanded="true"] { background:linear-gradient(90deg,#c8e6c9,#dcedc8); }

/* Recipe body */
.bng-recipe-body { padding:18px; background:var(--bng-white); border-top:1px solid #f0f4f0; animation:bng-fadein .3s ease; }
.bng-recipe-cols { display:grid; grid-template-columns:1fr 1.3fr; gap:18px; margin-bottom:14px; }
.bng-recipe-body h4 { font-family:var(--bng-font-head); font-size:.92rem; color:var(--bng-pine); margin-bottom:8px; padding-bottom:5px; border-bottom:1px solid #f0f4f0; }
.bng-recipe-body ul,.bng-recipe-body ol { padding-left:17px; font-size:.84rem; color:var(--bng-text); line-height:1.6; }
.bng-recipe-body li { padding:3px 0; }

.bng-tip { background:linear-gradient(135deg,#f1f8e9,#e8f5e9); border-left:4px solid var(--bng-spring); border-radius:0 7px 7px 0; padding:9px 13px; font-size:.83rem; color:var(--bng-muted); line-height:1.55; }
.bng-tip span { font-weight:700; color:var(--bng-pine); }

/* Download actions */
.bng-recipe-actions { display:flex; gap:8px; padding:11px 18px 14px; border-top:1px solid #f0f4f0; background:linear-gradient(180deg,#fff,#fafff8); flex-wrap:wrap; }
.bng-download-btn,.bng-print-btn { display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border:none; border-radius:50px; cursor:pointer; font-family:var(--bng-font-body); font-size:.79rem; font-weight:700; transition:transform .18s,box-shadow .18s; }
.bng-download-btn { background:linear-gradient(135deg,#4caf50,#2e7d32); color:#fff; box-shadow:0 2px 8px rgba(76,175,80,.3); }
.bng-download-btn:hover { transform:translateY(-2px); box-shadow:0 5px 14px rgba(76,175,80,.4); }
.bng-print-btn { background:linear-gradient(135deg,#e0f2f1,#b2dfdb); color:#00695c; box-shadow:0 2px 8px rgba(0,137,123,.15); }
.bng-print-btn:hover { transform:translateY(-2px); box-shadow:0 5px 13px rgba(0,137,123,.25); }

/* ── SEASON ─────────────────────────────────────────────────── */
.bng-season-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-bottom:28px; }
.bng-season-card { border-radius:var(--bng-radius); padding:20px; border:2px solid transparent; }
.bng-season-card.spring { background:linear-gradient(145deg,#f9fbe7,#dcedc8); border-color:#aed581; }
.bng-season-card.summer { background:linear-gradient(145deg,#e8f5e9,#c8e6c9); border-color:#81c784; }
.bng-season-card.autumn { background:linear-gradient(145deg,#e0f2f1,#b2dfdb); border-color:#80cbc4; }
.bng-season-card.winter { background:linear-gradient(145deg,#e3f2fd,#bbdefb); border-color:#90caf9; }
.bng-season-icon { font-size:1.9rem; margin-bottom:9px; }
.bng-season-card h3 { font-family:var(--bng-font-head); font-size:.98rem; color:var(--bng-pine); margin-bottom:10px; }
.bng-season-card ul { list-style:none; padding:0; }
.bng-season-card li { font-size:.82rem; color:var(--bng-text); padding:3px 0; line-height:1.5; }
.bng-season-note { margin-top:10px; font-size:.77rem; font-weight:700; color:var(--bng-pine); background:rgba(255,255,255,.5); border-radius:5px; padding:4px 9px; text-align:center; }

/* ── TIPS ───────────────────────────────────────────────────── */
.bng-tips-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin-bottom:26px; }
.bng-tip-card { background:var(--bng-white); border-radius:var(--bng-radius); padding:20px; border:2px solid #c8e6c9; }
.bng-tip-card h3 { font-family:var(--bng-font-head); font-size:.98rem; color:var(--bng-pine); margin-bottom:12px; padding-bottom:7px; border-bottom:1px solid #c8e6c9; }
.bng-tip-card ul { list-style:none; padding:0; display:flex; flex-direction:column; gap:6px; }
.bng-tip-card li { font-size:.83rem; color:var(--bng-text); line-height:1.5; }

/* ── SCHOOL BUILDER ─────────────────────────────────────────── */
.bng-school-builder { font-family:var(--bng-font-body); color:var(--bng-text); background:var(--bng-cream); min-height:600px; }
.bng-sb-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:24px 30px 18px; background:linear-gradient(135deg,#e8f5e9,#c8e6c9); border-bottom:3px solid #81c784; }
.bng-sb-header-left h2 { font-family:var(--bng-font-head); font-size:1.5rem; color:var(--bng-pine); margin:0 0 3px; }
.bng-sb-header-left p  { font-size:.86rem; color:var(--bng-muted); margin:0; }

.bng-level-selector { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.bng-level-label    { font-size:.8rem; font-weight:700; color:#4a7a4e; white-space:nowrap; }
.bng-level-btn { padding:7px 13px; border:2px solid #c8e6c9; background:#fff; border-radius:50px; cursor:pointer; font-family:var(--bng-font-body); font-size:.79rem; font-weight:700; color:#4a7a4e; transition:all .18s; }
.bng-level-btn:hover  { background:#f1f8e9; border-color:#81c784; color:var(--bng-pine); }
.bng-level-btn.active { background:linear-gradient(135deg,#4caf50,#2e7d32); border-color:transparent; color:#fff; box-shadow:0 2px 10px rgba(76,175,80,.35); }

.bng-sb-layout { display:grid; grid-template-columns:285px 1fr; min-height:600px; }

.bng-sb-sidebar { background:#fff; border-right:2px solid #c8e6c9; padding:18px 14px 22px; display:flex; flex-direction:column; gap:0; overflow-y:auto; max-height:80vh; }
.bng-sb-sidebar-head { margin-bottom:14px; padding-bottom:10px; border-bottom:1px dashed #c8e6c9; }
.bng-sb-sidebar-head h3 { font-family:var(--bng-font-head); font-size:1rem; color:var(--bng-pine); margin:0 0 3px; }
.bng-sb-sidebar-head p  { font-size:.78rem; color:#aaa; margin:0; }

.bng-sb-modules { display:flex; flex-direction:column; gap:3px; }
.bng-module-group { margin-bottom:8px; }
.bng-module-group-label { display:block; font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.7px; color:#bbb; padding:5px 3px 3px; }

.bng-module-item { display:flex; align-items:center; gap:9px; padding:8px 9px; border-radius:8px; border:1.5px solid transparent; cursor:pointer; transition:background .15s,border-color .15s; margin-bottom:2px; }
.bng-module-item:hover { background:#f1f8e9; border-color:#c8e6c9; }
.bng-module-item:has(input:checked) { background:linear-gradient(135deg,#f1f8e9,#e8f5e9); border-color:#a5d6a7; }
.bng-module-item input[type="checkbox"] { width:16px; height:16px; accent-color:#4caf50; flex-shrink:0; cursor:pointer; }
.bng-module-icon { font-size:1.15rem; flex-shrink:0; line-height:1; }
.bng-module-item > div { flex:1; }
.bng-module-item strong { display:block; font-size:.83rem; color:#1b5e20; line-height:1.3; }
.bng-module-item small  { font-size:.72rem; color:#aaa; }

.bng-sb-actions { display:flex; gap:6px; margin:12px 0 9px; }

.bng-sb-btn { display:flex; align-items:center; justify-content:center; gap:6px; padding:10px 15px; border:none; border-radius:50px; cursor:pointer; font-family:var(--bng-font-body); font-weight:700; font-size:.83rem; transition:transform .18s,box-shadow .18s; white-space:nowrap; }
.bng-sb-btn:hover  { transform:translateY(-2px); }
.bng-sb-btn:active { transform:translateY(0); }
.bng-sb-btn.primary { background:linear-gradient(135deg,#66bb6a,#388e3c); color:#fff; box-shadow:0 3px 10px rgba(76,175,80,.35); width:100%; margin-bottom:7px; }
.bng-sb-btn.primary:hover { box-shadow:0 5px 16px rgba(76,175,80,.45); }
.bng-sb-btn.success { background:linear-gradient(135deg,#26a69a,#00695c); color:#fff; box-shadow:0 3px 10px rgba(0,137,123,.3); width:100%; }
.bng-sb-btn.success:hover { box-shadow:0 5px 16px rgba(0,137,123,.4); }
.bng-sb-btn.secondary { background:#f5f5f5; color:#4a7a4e; flex:1; font-size:.77rem; padding:7px 9px; border:1.5px solid #ddd; }
.bng-sb-btn.secondary:hover { background:#f1f8e9; border-color:#c8e6c9; }
.bng-sb-btn.mini { background:#fff; color:var(--bng-pine); border:1.5px solid #a5d6a7; padding:5px 11px; font-size:.77rem; border-radius:50px; }
.bng-sb-btn.mini:hover { background:#f1f8e9; }

.bng-sb-preview-wrap { display:flex; flex-direction:column; background:#f4f8f4; }
.bng-sb-preview-bar  { display:flex; align-items:center; justify-content:space-between; padding:11px 18px; background:#fff; border-bottom:1.5px solid #c8e6c9; font-size:.84rem; font-weight:700; color:var(--bng-pine); gap:10px; flex-wrap:wrap; }
.bng-sb-preview { flex:1; overflow-y:auto; padding:18px; max-height:74vh; }

.bng-sb-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:280px; text-align:center; }
.bng-sb-empty-icon { font-size:3.2rem; margin-bottom:13px; }
.bng-sb-empty p    { font-size:.9rem; line-height:1.6; color:#aaa; }
.bng-sb-empty strong { color:#4caf50; }

/* Worksheet preview */
.bng-preview-inner { max-width:720px; margin:0 auto; }
.ws-block { background:#fff; border:1.5px solid #c8e6c9; border-radius:9px; padding:16px 18px; margin-bottom:16px; box-shadow:0 2px 8px rgba(46,125,50,.06); }
h3.ws-task-title { font-family:var(--bng-font-head); color:#2e7d32; font-size:.98rem; border-bottom:2px solid #c8e6c9; padding-bottom:5px; margin:0 0 12px; }

/* ── FOOTER ─────────────────────────────────────────────────── */
.bng-footer { background:linear-gradient(135deg,var(--bng-pine),#1b5e20); color:#c8e6c9; text-align:center; padding:17px 28px; font-size:.84rem; }
.bng-footer em { font-family:var(--bng-font-head); }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media(max-width:700px){
  .bng-panels   { padding:22px 14px; }
  .bng-hero     { padding:38px 18px 56px; }
  .bng-tab      { font-size:.7rem; padding:11px 5px; }
  .bng-tab span:last-child { display:none; }
  .bng-tab-icon { font-size:1.4rem; }
  .bng-sb-layout{ grid-template-columns:1fr; }
  .bng-sb-sidebar{ border-right:none; border-bottom:2px solid #c8e6c9; max-height:380px; }
}
@media(max-width:480px){
  .bng-anatomy-grid,.bng-nutrients-grid,.bng-recipe-grid,
  .bng-season-grid,.bng-tips-grid { grid-template-columns:1fr; }
  .bng-recipe-cols { grid-template-columns:1fr; }
}

@media print{
  .bng-nav,.bng-hero,.bng-recipe-toggle,.bng-recipe-actions,.bng-footer { display:none!important; }
  .bng-recipe-body { display:block!important; }
  .bng-recipe-card { break-inside:avoid; border:1px solid #ccc; margin-bottom:14px; }
  .bng-wrap { box-shadow:none; border-radius:0; }
}