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

.sfg-wrap {
  --sfg-rose:    #e91e63;
  --sfg-pink:    #f48fb1;
  --sfg-blush:   #fce4ec;
  --sfg-cream:   #fff8f6;
  --sfg-lavend:  #fce4ec;
  --sfg-brown:   #795548;
  --sfg-brown-lt:#efebe9;
  --sfg-green:   #558b2f;
  --sfg-green-lt:#f1f8e9;
  --sfg-white:   #ffffff;
  --sfg-text:    #3e1a1a;
  --sfg-muted:   #8d4555;
  --sfg-shadow:  rgba(233,30,99,.12);
  --sfg-radius:  14px;
  --sfg-font-head:'Playfair Display',Georgia,serif;
  --sfg-font-body:'Lato','Segoe UI',sans-serif;

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

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

/* Floating petals */
.sfg-floating-petals{position:absolute;inset:0;pointer-events:none;}
.petal{position:absolute;color:rgba(255,255,255,.5);animation:sfg-float linear infinite;}
.p1{left:5%;top:20%;animation-duration:9s;font-size:14px;}
.p2{left:18%;top:65%;animation-duration:12s;animation-delay:2s;font-size:10px;}
.p3{left:74%;top:30%;animation-duration:8s;animation-delay:1s;font-size:16px;}
.p4{left:85%;top:72%;animation-duration:11s;animation-delay:3s;font-size:12px;}
.p5{left:44%;top:80%;animation-duration:7s;animation-delay:4s;font-size:10px;}
.p6{left:60%;top:15%;animation-duration:14s;animation-delay:.5s;font-size:14px;}
@keyframes sfg-float{0%{transform:translateY(0) rotate(0);opacity:.8}100%{transform:translateY(-130px) rotate(180deg);opacity:0}}

/* ── NAV ── */
.sfg-nav{display:flex;flex-wrap:wrap;background:#c2185b;border-bottom:3px solid #880e4f;position:sticky;top:0;z-index:100;}
.sfg-tab{flex:1 1 auto;min-width:90px;padding:13px 10px;background:none;border:none;cursor:pointer;font-family:var(--sfg-font-body);font-size:.8rem;font-weight:700;color:#fce4ec;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;}
.sfg-tab-icon{font-size:1.25rem;line-height:1;}
.sfg-tab:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px);}
.sfg-tab.active{background:var(--sfg-cream);color:#880e4f;border-bottom-color:var(--sfg-pink);}
.sfg-tab-school{position:relative;}
.sfg-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;}
.sfg-tab-school.active::after{display:none;}

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

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

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

/* ── FACT BANNER ── */
.sfg-fact-banner{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:2px solid #f48fb1;border-radius:var(--sfg-radius);padding:16px 22px;display:flex;gap:14px;align-items:flex-start;margin-top:22px;}
.sfg-fact-banner.rose{background:linear-gradient(135deg,#fff8f6,#fce4ec);border-color:#f48fb1;}
.sfg-fact-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px;}
.sfg-fact-banner p{font-size:.9rem;color:var(--sfg-text);line-height:1.6;}
.sfg-fact-banner strong{color:#880e4f;}

/* ── NUTRIENTS ── */
.sfg-nutrients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:20px;}
.sfg-nutrient-card{background:var(--sfg-white);border-radius:var(--sfg-radius);padding:22px;border:2px solid #f0f0f0;}
.sfg-nutrient-card.vitamine {border-color:#f8bbd0;background:linear-gradient(145deg,#fff,#fce4ec);}
.sfg-nutrient-card.minerale {border-color:#f48fb1;background:linear-gradient(145deg,#fff,#fce4ec);}
.sfg-nutrient-card.wirkstoffe{border-color:#ffcc80;background:linear-gradient(145deg,#fff,#fff8e1);}
.sfg-nutrient-card.wirkung  {border-color:#f8bbd0;background:linear-gradient(145deg,#fff,#fce4ec);}
.sfg-nutrient-card h3{font-family:var(--sfg-font-head);font-size:1.05rem;color:#880e4f;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.07);}
.sfg-bar-list{display:flex;flex-direction:column;gap:11px;}
.sfg-bar-item{display:grid;gap:4px;}
.sfg-bar-label{font-size:.8rem;font-weight:700;color:var(--sfg-muted);}
.sfg-bar-track{background:#fdf0f3;border-radius:50px;height:25px;overflow:hidden;}
.sfg-bar-fill{width:var(--pct);height:100%;background:linear-gradient(90deg,#f48fb1,#e91e63);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:sfg-grow .9s ease-out;}
.sfg-bar-fill.min{background:linear-gradient(90deg,#a5d6a7,#558b2f);color:#1b5e20;}
@keyframes sfg-grow{from{width:0}to{width:var(--pct)}}
.sfg-compound-list{display:flex;flex-direction:column;gap:10px;}
.sfg-compound{display:flex;gap:9px;align-items:flex-start;}
.sfg-comp-tag{background:linear-gradient(135deg,#f48fb1,#c2185b);color:#fff;font-size:.71rem;font-weight:700;padding:3px 9px;border-radius:50px;white-space:nowrap;margin-top:2px;flex-shrink:0;}
.sfg-compound p{font-size:.82rem;color:var(--sfg-muted);line-height:1.5;}
.sfg-effect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}
.sfg-effect{display:flex;gap:7px;align-items:center;background:#fff5f7;border-radius:7px;padding:7px 9px;font-size:.81rem;color:var(--sfg-text);}
.sfg-effect span{font-size:1.15rem;flex-shrink:0;}

/* ── RECIPE GRID ── */
.sfg-recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:20px;}
.sfg-recipe-card{background:var(--sfg-white);border-radius:var(--sfg-radius);overflow:hidden;border:2px solid #f8bbd0;transition:transform .25s,box-shadow .25s;}
.sfg-recipe-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--sfg-shadow);}
.sfg-recipe-card.col-rose  {border-color:#f48fb1;}
.sfg-recipe-card.col-pink  {border-color:#e91e63;}
.sfg-recipe-card.col-green {border-color:#7cb342;}
.sfg-recipe-card.col-brown {border-color:#a1887f;}
.sfg-recipe-head{padding:18px 18px 10px;display:flex;gap:12px;align-items:flex-start;}
.sfg-recipe-emoji{font-size:2.1rem;line-height:1;flex-shrink:0;margin-top:2px;}
.sfg-recipe-head h3{font-family:var(--sfg-font-head);font-size:1.05rem;color:#880e4f;margin-bottom:5px;}
.sfg-recipe-meta{display:flex;flex-wrap:wrap;gap:5px;font-size:.77rem;color:var(--sfg-muted);}
.sfg-badge{padding:2px 10px;border-radius:50px;font-weight:700;font-size:.7rem;color:#fff;}
.badge-rose {background:#e91e63;} .badge-pink{background:#c2185b;}
.badge-green{background:#558b2f;} .badge-brown{background:#795548;}
.sfg-recipe-toggle{width:100%;padding:10px 18px;background:linear-gradient(90deg,#fce4ec,#fff8f6);border:none;border-top:1px solid #f8bbd0;cursor:pointer;font-family:var(--sfg-font-body);font-size:.83rem;font-weight:700;color:#880e4f;text-align:left;transition:background .2s;}
.sfg-recipe-toggle:hover{background:linear-gradient(90deg,#f8bbd0,#fce4ec);}
.sfg-recipe-toggle[aria-expanded="true"]{background:linear-gradient(90deg,#f8bbd0,#f48fb130);}
.sfg-recipe-body{padding:18px;background:var(--sfg-white);border-top:1px solid #fdf0f3;animation:sfg-fadein .3s ease;}
.sfg-recipe-cols{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:14px;}
.sfg-recipe-body h4{font-family:var(--sfg-font-head);font-size:.92rem;color:#880e4f;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #fdf0f3;}
.sfg-recipe-body ul,.sfg-recipe-body ol{padding-left:17px;font-size:.84rem;color:var(--sfg-text);line-height:1.6;}
.sfg-recipe-body li{padding:3px 0;}
.sfg-tip{background:linear-gradient(135deg,#fce4ec,#fff8f6);border-left:4px solid var(--sfg-pink);border-radius:0 7px 7px 0;padding:9px 13px;font-size:.83rem;color:var(--sfg-muted);line-height:1.55;}
.sfg-tip span{font-weight:700;color:#880e4f;}
.sfg-recipe-actions{display:flex;gap:8px;padding:11px 18px 14px;border-top:1px solid #fdf0f3;background:linear-gradient(180deg,#fff,#fff8f6);flex-wrap:wrap;}
.sfg-download-btn,.sfg-print-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:50px;cursor:pointer;font-family:var(--sfg-font-body);font-size:.79rem;font-weight:700;transition:transform .18s,box-shadow .18s;}
.sfg-download-btn{background:linear-gradient(135deg,#f48fb1,#c2185b);color:#fff;box-shadow:0 2px 8px rgba(233,30,99,.28);}
.sfg-download-btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(233,30,99,.38);}
.sfg-print-btn{background:linear-gradient(135deg,#f1f8e9,#dcedc8);color:#558b2f;box-shadow:0 2px 8px rgba(85,139,47,.15);}
.sfg-print-btn:hover{transform:translateY(-2px);box-shadow:0 5px 13px rgba(85,139,47,.25);}

/* ── WARNING BOX ── */
.sfg-warning-box{background:var(--sfg-white);border:2px solid #ffab40;border-radius:var(--sfg-radius);padding:22px;margin:24px 0;}
.sfg-warning-box h3{font-family:var(--sfg-font-head);font-size:1.05rem;color:#e65100;margin-bottom:14px;}
.sfg-warning-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;}
.sfg-warning-safe{background:#e8f5e9;border:1.5px solid #a5d6a7;border-radius:10px;padding:16px;}
.sfg-warning-danger{background:#fff8e1;border:1.5px solid #ffcc80;border-radius:10px;padding:16px;}
.sfg-warning-safe h4{color:#2e7d32;font-size:.9rem;margin-bottom:10px;}
.sfg-warning-danger h4{color:#e65100;font-size:.9rem;margin-bottom:10px;}
.sfg-warning-safe ul,.sfg-warning-danger ul{list-style:none;padding:0;}
.sfg-warning-safe li,.sfg-warning-danger li{font-size:.83rem;padding:3px 0;line-height:1.5;}
.sfg-warning-note{font-size:.85rem;color:#555;background:#fff9c4;border-radius:8px;padding:10px 14px;border-left:4px solid #ffd600;}

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

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

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

/* ── FOOTER ── */
.sfg-footer{background:linear-gradient(135deg,#880e4f,#4a0526);color:#fce4ec;text-align:center;padding:17px 28px;font-size:.84rem;}
.sfg-footer em{font-family:var(--sfg-font-head);}

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