/* ══════════════════════════════════════════════════════════════
   Hagebutte Guide – Stylesheet v1.0.0
   Warmes Orange / Winterrot-Thema
   ══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700&display=swap');

.hbg-wrap {
  --hbg-red:     #c62828;
  --hbg-orange:  #e64a19;
  --hbg-amber:   #ff8f00;
  --hbg-warm:    #ff7043;
  --hbg-cream:   #fff8f5;
  --hbg-blush:   #fbe9e7;
  --hbg-rose:    #e91e63;
  --hbg-rose-lt: #fce4ec;
  --hbg-brown:   #795548;
  --hbg-white:   #ffffff;
  --hbg-text:    #3e1a0a;
  --hbg-muted:   #8d4a2e;
  --hbg-shadow:  rgba(198,40,40,.13);
  --hbg-radius:  14px;
  --hbg-font-head:'Playfair Display',Georgia,serif;
  --hbg-font-body:'Lato','Segoe UI',sans-serif;

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

/* ── HERO ── */
.hbg-hero{position:relative;background:linear-gradient(135deg,#ffccbc 0%,#ff8a65 35%,#e64a19 65%,#b71c1c 100%);padding:60px 40px 80px;text-align:center;overflow:hidden;}
.hbg-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 80%,rgba(255,255,255,.22),transparent 50%),radial-gradient(circle at 88% 20%,rgba(255,255,255,.15),transparent 45%);pointer-events:none;}
.hbg-plant-icon{width:100px;height:125px;margin:0 auto 18px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.22));animation:hbg-sway 5s ease-in-out infinite;}
@keyframes hbg-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-3px)}}
.hbg-hero-title{font-family:var(--hbg-font-head);font-size:clamp(2.4rem,6vw,3.9rem);font-weight:900;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.22);letter-spacing:-1px;line-height:1.1;}
.hbg-hero-sub{font-size:1.05rem;color:#ffe0b2;margin-top:6px;font-style:italic;font-family:var(--hbg-font-head);}
.hbg-hero-tagline{margin-top:14px;font-size:.93rem;color:#ffe0b2;background:rgba(0,0,0,.2);display:inline-block;padding:6px 20px;border-radius:50px;backdrop-filter:blur(4px);}
.hbg-hero-tagline strong{color:#fff9c4;}

/* Floating fruits */
.hbg-floating-fruits{position:absolute;inset:0;pointer-events:none;}
.fruit{position:absolute;color:rgba(180,0,0,.45);animation:hbg-float linear infinite;}
.f1{left:5%;top:22%;animation-duration:9s;font-size:12px;}
.f2{left:16%;top:68%;animation-duration:12s;animation-delay:2s;font-size:8px;}
.f3{left:75%;top:28%;animation-duration:8s;animation-delay:1s;font-size:14px;}
.f4{left:87%;top:74%;animation-duration:11s;animation-delay:3s;font-size:10px;}
.f5{left:45%;top:82%;animation-duration:7s;animation-delay:4s;font-size:9px;}
.f6{left:62%;top:14%;animation-duration:14s;animation-delay:.5s;font-size:12px;}
@keyframes hbg-float{0%{transform:translateY(0) scale(1);opacity:.8}100%{transform:translateY(-125px) scale(.4);opacity:0}}

/* ── NAV ── */
.hbg-nav{display:flex;flex-wrap:wrap;background:#b71c1c;border-bottom:3px solid #7f0000;position:sticky;top:0;z-index:100;}
.hbg-tab{flex:1 1 auto;min-width:90px;padding:13px 10px;background:none;border:none;cursor:pointer;font-family:var(--hbg-font-body);font-size:.8rem;font-weight:700;color:#ffccbc;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;}
.hbg-tab-icon{font-size:1.25rem;line-height:1;}
.hbg-tab:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px);}
.hbg-tab.active{background:var(--hbg-cream);color:#b71c1c;border-bottom-color:var(--hbg-warm);}
.hbg-tab-school{position:relative;}
.hbg-tab-school::after{content:'NEU';position:absolute;top:5px;right:3px;font-size:.5rem;font-weight:900;background:#1565c0;color:#fff;border-radius:3px;padding:1px 4px;}
.hbg-tab-school.active::after{display:none;}

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

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

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

/* ── FACT BANNER ── */
.hbg-fact-banner{background:linear-gradient(135deg,#fbe9e7,#ffccbc);border:2px solid #ff8a65;border-radius:var(--hbg-radius);padding:16px 22px;display:flex;gap:14px;align-items:flex-start;margin-top:22px;}
.hbg-fact-banner.winter{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9;}
.hbg-fact-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px;}
.hbg-fact-banner p{font-size:.9rem;color:var(--hbg-text);line-height:1.6;}
.hbg-fact-banner strong{color:#b71c1c;}

/* ── NUTRIENTS ── */
.hbg-nutrients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:20px;}
.hbg-nutrient-card{background:var(--hbg-white);border-radius:var(--hbg-radius);padding:22px;border:2px solid #f0f0f0;}
.hbg-nutrient-card.vitamine {border-color:#ffccbc;background:linear-gradient(145deg,#fff,#fbe9e7);}
.hbg-nutrient-card.minerale {border-color:#ffe0b2;background:linear-gradient(145deg,#fff,#fff8e1);}
.hbg-nutrient-card.wirkstoffe{border-color:#ffccbc;background:linear-gradient(145deg,#fff,#fbe9e7);}
.hbg-nutrient-card.wirkung  {border-color:#ffab40;background:linear-gradient(145deg,#fff,#fff8e1);}
.hbg-nutrient-card h3{font-family:var(--hbg-font-head);font-size:1.05rem;color:#b71c1c;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.07);}
.hbg-bar-list{display:flex;flex-direction:column;gap:11px;}
.hbg-bar-item{display:grid;gap:4px;}
.hbg-bar-label{font-size:.8rem;font-weight:700;color:var(--hbg-muted);}
.hbg-bar-track{background:#fdf3f0;border-radius:50px;height:25px;overflow:hidden;}
.hbg-bar-fill{width:var(--pct);height:100%;background:linear-gradient(90deg,#ff8a65,#e64a19);border-radius:50px;display:flex;align-items:center;padding-right:8px;justify-content:flex-end;font-size:.7rem;font-weight:700;color:#fff;white-space:nowrap;animation:hbg-grow .9s ease-out;}
.hbg-bar-fill.min{background:linear-gradient(90deg,#ffb74d,#ff8f00);color:#3e1a0a;}
@keyframes hbg-grow{from{width:0}to{width:var(--pct)}}
.hbg-compound-list{display:flex;flex-direction:column;gap:10px;}
.hbg-compound{display:flex;gap:9px;align-items:flex-start;}
.hbg-comp-tag{background:linear-gradient(135deg,#ff7043,#c62828);color:#fff;font-size:.71rem;font-weight:700;padding:3px 9px;border-radius:50px;white-space:nowrap;margin-top:2px;flex-shrink:0;}
.hbg-compound p{font-size:.82rem;color:var(--hbg-muted);line-height:1.5;}
.hbg-effect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}
.hbg-effect{display:flex;gap:7px;align-items:center;background:#fff5f2;border-radius:7px;padding:7px 9px;font-size:.81rem;color:var(--hbg-text);}
.hbg-effect span{font-size:1.15rem;flex-shrink:0;}

/* ── RECIPE GRID ── */
.hbg-recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:20px;}
.hbg-recipe-card{background:var(--hbg-white);border-radius:var(--hbg-radius);overflow:hidden;border:2px solid #ffccbc;transition:transform .25s,box-shadow .25s;}
.hbg-recipe-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--hbg-shadow);}
.hbg-recipe-card.col-orange{border-color:#ff7043;}
.hbg-recipe-card.col-red   {border-color:#c62828;}
.hbg-recipe-card.col-rose  {border-color:#e91e63;}
.hbg-recipe-card.col-brown {border-color:#8d6e63;}
.hbg-recipe-head{padding:18px 18px 10px;display:flex;gap:12px;align-items:flex-start;}
.hbg-recipe-emoji{font-size:2.1rem;line-height:1;flex-shrink:0;margin-top:2px;}
.hbg-recipe-head h3{font-family:var(--hbg-font-head);font-size:1.05rem;color:#b71c1c;margin-bottom:5px;}
.hbg-recipe-meta{display:flex;flex-wrap:wrap;gap:5px;font-size:.77rem;color:var(--hbg-muted);}
.hbg-badge{padding:2px 10px;border-radius:50px;font-weight:700;font-size:.7rem;color:#fff;}
.badge-orange{background:#e64a19;} .badge-red{background:#c62828;}
.badge-rose  {background:#e91e63;} .badge-brown{background:#795548;}
.hbg-recipe-toggle{width:100%;padding:10px 18px;background:linear-gradient(90deg,#fbe9e7,#fff8f5);border:none;border-top:1px solid #ffccbc;cursor:pointer;font-family:var(--hbg-font-body);font-size:.83rem;font-weight:700;color:#b71c1c;text-align:left;transition:background .2s;}
.hbg-recipe-toggle:hover{background:linear-gradient(90deg,#ffccbc,#fbe9e7);}
.hbg-recipe-toggle[aria-expanded="true"]{background:linear-gradient(90deg,#ffab91,#fbe9e7);}
.hbg-recipe-body{padding:18px;background:var(--hbg-white);border-top:1px solid #fdf3f0;animation:hbg-fadein .3s ease;}
.hbg-recipe-cols{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:14px;}
.hbg-recipe-body h4{font-family:var(--hbg-font-head);font-size:.92rem;color:#b71c1c;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #fdf3f0;}
.hbg-recipe-body ul,.hbg-recipe-body ol{padding-left:17px;font-size:.84rem;color:var(--hbg-text);line-height:1.6;}
.hbg-recipe-body li{padding:3px 0;}
.hbg-tip{background:linear-gradient(135deg,#fbe9e7,#fff8f5);border-left:4px solid var(--hbg-warm);border-radius:0 7px 7px 0;padding:9px 13px;font-size:.83rem;color:var(--hbg-muted);line-height:1.55;}
.hbg-tip span{font-weight:700;color:#b71c1c;}
.hbg-recipe-actions{display:flex;gap:8px;padding:11px 18px 14px;border-top:1px solid #fdf3f0;background:linear-gradient(180deg,#fff,#fff8f5);flex-wrap:wrap;}
.hbg-download-btn,.hbg-print-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:50px;cursor:pointer;font-family:var(--hbg-font-body);font-size:.79rem;font-weight:700;transition:transform .18s,box-shadow .18s;}
.hbg-download-btn{background:linear-gradient(135deg,#ff7043,#c62828);color:#fff;box-shadow:0 2px 8px rgba(198,40,40,.28);}
.hbg-download-btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(198,40,40,.38);}
.hbg-print-btn{background:linear-gradient(135deg,#fff9c4,#fff176);color:#e65100;box-shadow:0 2px 8px rgba(255,143,0,.18);}
.hbg-print-btn:hover{transform:translateY(-2px);box-shadow:0 5px 13px rgba(255,143,0,.28);}

/* ── WARNING BOX ── */
.hbg-warning-box{background:var(--hbg-white);border:2px solid #ff8f00;border-radius:var(--hbg-radius);padding:22px;margin:24px 0;}
.hbg-warning-box h3{font-family:var(--hbg-font-head);font-size:1.05rem;color:#e65100;margin-bottom:14px;}
.hbg-warning-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.hbg-warning-safe{background:#e8f5e9;border:1.5px solid #a5d6a7;border-radius:10px;padding:16px;}
.hbg-warning-info{background:#e3f2fd;border:1.5px solid #90caf9;border-radius:10px;padding:16px;}
.hbg-warning-safe h4{color:#2e7d32;font-size:.9rem;margin-bottom:10px;}
.hbg-warning-info h4{color:#1565c0;font-size:.9rem;margin-bottom:10px;}
.hbg-warning-safe ul,.hbg-warning-info ul{list-style:none;padding:0;}
.hbg-warning-safe li,.hbg-warning-info li{font-size:.83rem;padding:3px 0;line-height:1.5;}

/* ── SEASON ── */
.hbg-season-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:26px;}
.hbg-season-card{border-radius:var(--hbg-radius);padding:20px;border:2px solid transparent;}
.hbg-season-card.spring {background:linear-gradient(145deg,#fce4ec,#f8bbd0);border-color:#f48fb1;}
.hbg-season-card.summer {background:linear-gradient(145deg,#fff8e1,#ffe082);border-color:#ffd54f;}
.hbg-season-card.harvest{background:linear-gradient(145deg,#fbe9e7,#ffccbc);border-color:#ff8a65;}
.hbg-season-card.winter {background:linear-gradient(145deg,#ffccbc,#ff8a65);border-color:#e64a19;}
.hbg-season-icon{font-size:1.9rem;margin-bottom:9px;}
.hbg-season-card h3{font-family:var(--hbg-font-head);font-size:.98rem;color:#b71c1c;margin-bottom:10px;}
.hbg-season-card ul{list-style:none;padding:0;}
.hbg-season-card li{font-size:.82rem;color:var(--hbg-text);padding:3px 0;line-height:1.5;}
.hbg-season-note{margin-top:10px;font-size:.77rem;font-weight:700;color:#b71c1c;background:rgba(255,255,255,.55);border-radius:5px;padding:4px 9px;text-align:center;}

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

/* ── SCHOOL BUILDER ── */
.hbg-school-builder{font-family:var(--hbg-font-body);color:var(--hbg-text);background:var(--hbg-cream);min-height:600px;}
.hbg-sb-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:24px 30px 18px;background:linear-gradient(135deg,#fbe9e7,#ffccbc);border-bottom:3px solid #ff8a65;}
.hbg-sb-header-left h2{font-family:var(--hbg-font-head);font-size:1.5rem;color:#b71c1c;margin:0 0 3px;}
.hbg-sb-header-left p{font-size:.86rem;color:var(--hbg-muted);margin:0;}
.hbg-level-selector{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.hbg-level-label{font-size:.8rem;font-weight:700;color:var(--hbg-muted);white-space:nowrap;}
.hbg-level-btn{padding:7px 13px;border:2px solid #ffccbc;background:#fff;border-radius:50px;cursor:pointer;font-family:var(--hbg-font-body);font-size:.79rem;font-weight:700;color:var(--hbg-muted);transition:all .18s;}
.hbg-level-btn:hover{background:var(--hbg-blush);border-color:var(--hbg-warm);color:#b71c1c;}
.hbg-level-btn.active{background:linear-gradient(135deg,#ff7043,#c62828);border-color:transparent;color:#fff;box-shadow:0 2px 10px rgba(198,40,40,.35);}
.hbg-sb-layout{display:grid;grid-template-columns:285px 1fr;min-height:600px;}
.hbg-sb-sidebar{background:#fff;border-right:2px solid #ffccbc;padding:18px 14px 22px;display:flex;flex-direction:column;overflow-y:auto;max-height:80vh;}
.hbg-sb-sidebar-head{margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed #ffccbc;}
.hbg-sb-sidebar-head h3{font-family:var(--hbg-font-head);font-size:1rem;color:#b71c1c;margin:0 0 3px;}
.hbg-sb-sidebar-head p{font-size:.78rem;color:#aaa;margin:0;}
.hbg-sb-modules{display:flex;flex-direction:column;gap:3px;}
.hbg-module-group{margin-bottom:8px;}
.hbg-module-group-label{display:block;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#bbb;padding:5px 3px 3px;}
.hbg-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;}
.hbg-module-item:hover{background:var(--hbg-blush);border-color:#ffccbc;}
.hbg-module-item:has(input:checked){background:linear-gradient(135deg,#fbe9e7,#fff8f5);border-color:#ff8a65;}
.hbg-module-item input[type="checkbox"]{width:16px;height:16px;accent-color:#e64a19;flex-shrink:0;cursor:pointer;}
.hbg-module-icon{font-size:1.15rem;flex-shrink:0;line-height:1;}
.hbg-module-item>div{flex:1;}
.hbg-module-item strong{display:block;font-size:.83rem;color:#b71c1c;line-height:1.3;}
.hbg-module-item small{font-size:.72rem;color:#aaa;}
.hbg-sb-actions{display:flex;gap:6px;margin:12px 0 9px;}
.hbg-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(--hbg-font-body);font-weight:700;font-size:.83rem;transition:transform .18s,box-shadow .18s;white-space:nowrap;}
.hbg-sb-btn:hover{transform:translateY(-2px);}
.hbg-sb-btn.primary{background:linear-gradient(135deg,#ff7043,#c62828);color:#fff;box-shadow:0 3px 10px rgba(198,40,40,.32);width:100%;margin-bottom:7px;}
.hbg-sb-btn.success{background:linear-gradient(135deg,#ff8f00,#e65100);color:#fff;box-shadow:0 3px 10px rgba(230,81,0,.3);width:100%;}
.hbg-sb-btn.secondary{background:#f5f5f5;color:var(--hbg-muted);flex:1;font-size:.77rem;padding:7px 9px;border:1.5px solid #ddd;}
.hbg-sb-btn.secondary:hover{background:var(--hbg-blush);border-color:#ffccbc;}
.hbg-sb-btn.mini{background:#fff;color:#b71c1c;border:1.5px solid #ffccbc;padding:5px 11px;font-size:.77rem;border-radius:50px;}
.hbg-sb-preview-wrap{display:flex;flex-direction:column;background:#fff9f7;}
.hbg-sb-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;background:#fff;border-bottom:1.5px solid #ffccbc;font-size:.84rem;font-weight:700;color:#b71c1c;gap:10px;flex-wrap:wrap;}
.hbg-sb-preview{flex:1;overflow-y:auto;padding:18px;max-height:74vh;}
.hbg-sb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:280px;text-align:center;}
.hbg-sb-empty-icon{font-size:3.2rem;margin-bottom:13px;}
.hbg-sb-empty p{font-size:.9rem;line-height:1.6;color:#aaa;}
.hbg-sb-empty strong{color:#ff7043;}
.hbg-preview-inner{max-width:720px;margin:0 auto;}
.ws-block{background:#fff;border:1.5px solid #ffccbc;border-radius:9px;padding:16px 18px;margin-bottom:16px;box-shadow:0 2px 8px rgba(198,40,40,.05);}
h3.ws-task-title{font-family:var(--hbg-font-head);color:#b71c1c;font-size:.98rem;border-bottom:2px solid #ffccbc;padding-bottom:5px;margin:0 0 12px;}

/* ── FOOTER ── */
.hbg-footer{background:linear-gradient(135deg,#b71c1c,#7f0000);color:#ffccbc;text-align:center;padding:17px 28px;font-size:.84rem;}
.hbg-footer em{font-family:var(--hbg-font-head);}

/* ── RESPONSIVE ── */
@media(max-width:700px){
  .hbg-panels{padding:22px 14px;}.hbg-hero{padding:38px 18px 56px;}
  .hbg-tab{font-size:.7rem;padding:11px 5px;}.hbg-tab span:last-child{display:none;}
  .hbg-tab-icon{font-size:1.4rem;}.hbg-sb-layout{grid-template-columns:1fr;}
  .hbg-sb-sidebar{border-right:none;border-bottom:2px solid #ffccbc;max-height:380px;}
  .hbg-warning-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .hbg-anatomy-grid,.hbg-nutrients-grid,.hbg-recipe-grid,
  .hbg-season-grid,.hbg-tips-grid{grid-template-columns:1fr;}
  .hbg-recipe-cols{grid-template-columns:1fr;}
}
@media print{
  .hbg-nav,.hbg-hero,.hbg-recipe-toggle,.hbg-recipe-actions,.hbg-footer{display:none!important;}
  .hbg-recipe-body{display:block!important;}
  .hbg-recipe-card{break-inside:avoid;border:1px solid #ccc;margin-bottom:14px;}
  .hbg-wrap{box-shadow:none;border-radius:0;}
}