/* ===== Biodynamic tab (PREVIEW ONLY: appended to the page CSS only when BD=1) ===== */
/* six tab-bar items: shrink the labels so 'Biodynamic' fits at 320 px (53 px per item) */
@media (max-width:440px){#tabbar span{font-size:9px;letter-spacing:.03em}#tabbar button{gap:3px}}
@media (max-width:380px){#tabbar span{font-size:8.5px;letter-spacing:.01em;text-transform:none;font-weight:600}#tabbar svg{width:22px;height:22px}}
@media (max-width:339px){#tabbar span{font-size:8px;letter-spacing:0}}
.bd-t-root{--c:#d59e31;--cg:rgba(213,158,49,.55)}
.bd-t-leaf{--c:#8aa04f;--cg:rgba(138,160,79,.55)}
.bd-t-flower{--c:#f48883;--cg:rgba(244,136,131,.5)}
.bd-t-fruit{--c:#e82e35;--cg:rgba(232,46,53,.55)}
#panel-bd{padding-top:6px}
#panel-bd .bd-pre{margin:12px 2px 0;font-size:10.5px;letter-spacing:.08em;color:var(--mu2);text-transform:uppercase}
.bd-hero{text-align:center;padding:16px 12px 18px;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c) 14%,transparent),transparent 70%),var(--card)}
.bd-dial{display:block;width:min(268px,72vw);height:auto;margin:2px auto 0;overflow:visible}
.bd-dial .arc{fill:none;stroke-width:11;stroke-linecap:butt}
.bd-dial path.on{stroke:var(--c)}
.bd-dial path.glow{stroke:var(--c);stroke-width:13;opacity:.32;filter:blur(6px)}
.bd-dial text{stroke:none;font-family:inherit;fill:var(--mu2);font-size:8px;letter-spacing:.14em;text-anchor:middle}
.bd-dial text.lb{font-size:7.5px;letter-spacing:.1em}
.bd-dial text.on{fill:var(--c);stroke:none}
.bd-dial .nm{fill:var(--tx);font-size:21px;font-weight:200;letter-spacing:0}
.bd-dial .dy{fill:var(--mu);font-size:7.5px;letter-spacing:.3em}
.bd-ic{fill:none;stroke:var(--c);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bd-dial .bd-ic{filter:drop-shadow(0 0 4px var(--cg))}
.bd-sign{margin-top:4px;font-size:20px;font-weight:200;letter-spacing:.01em}
.bd-sign b{font-weight:300;color:var(--c);text-shadow:0 0 14px var(--cg)}
.bd-sub{margin-top:3px;font-size:12px;color:var(--mu);letter-spacing:.02em}
.bd-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.bd-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 11px 5px 8px;font-size:12px;color:var(--tx);background:rgba(255,255,255,.025);max-width:100%}
.bd-pill svg{width:16px;height:16px;flex:none}
.bd-pill small{color:var(--mu);font-size:10.5px}
.bd-good{margin:14px 6px 0;font-size:14px;line-height:1.45;color:var(--tx);font-weight:300}
.bd-good b{font-weight:500;color:var(--c)}
.bd-chg{margin-top:6px;font-size:11.5px;color:var(--mu)}
.bd-rest{margin:12px 4px 0;padding:9px 12px;border-radius:14px;border:1px dashed #aa181e;background:repeating-linear-gradient(135deg,rgba(170,24,30,.14) 0 6px,transparent 6px 12px);font-size:12.5px;color:#f48883;text-align:left;line-height:1.4}
.bd-rest b{font-weight:600}
.bd-next{margin-top:10px;font-size:11px;color:var(--mu2)}
.bd-wx{margin-top:12px}
.bd-wx .bd-wg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bd-wc{border:1px solid var(--line);border-radius:14px;padding:9px 6px 8px;text-align:center;min-width:0;background:rgba(255,255,255,.02)}
.bd-wc i{display:block;font-style:normal;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu2)}
.bd-wc b{display:block;margin-top:3px;font-size:17px;font-weight:300;font-variant-numeric:tabular-nums;white-space:nowrap}
.bd-wc b s{text-decoration:none;color:var(--mu);font-size:13px}
.bd-wc small{display:block;margin-top:1px;font-size:10.5px;color:var(--mu);white-space:nowrap}
.bd-vd{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bd-v{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--tx)}
.bd-v::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex:none}
.bd-v.ok{color:#8aa04f;border-color:rgba(138,160,79,.4)}
.bd-v.warn{color:#d59e31;border-color:rgba(213,158,49,.45)}
.bd-v.bad{color:#f48883;border-color:rgba(244,136,131,.5)}
.bd-v span{color:var(--tx)}
.bd-wxnote{margin-top:8px;font-size:11px;color:var(--mu2)}
.bd-sec{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:26px 2px 10px}
.bd-sec h2{margin:0}
.bd-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px}
.bd-seg button{appearance:none;border:0;background:transparent;color:var(--mu);font:inherit;font-size:11.5px;padding:6px 12px;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.bd-seg button.on{color:var(--gold);background:rgba(213,158,49,.1);box-shadow:0 0 10px rgba(213,158,49,.25)}
.bd-seg button:focus-visible{outline:1.5px solid var(--pink);outline-offset:1px}
.bd-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 16px 12px;margin:0 -16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bd-strip::-webkit-scrollbar{display:none}
.bd-strip:focus-visible{outline:1.5px solid var(--pink);outline-offset:-2px}
.bd-c{flex:0 0 150px;scroll-snap-align:start;border:1px solid var(--line);border-radius:20px;padding:12px 10px 12px;background:var(--card);text-align:center;position:relative;min-width:0}
.bd-c.today{border-color:rgba(213,158,49,.55);box-shadow:0 0 14px rgba(213,158,49,.18)}
.bd-c .dd{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.bd-c.today .dd{color:var(--gold)}
.bd-mr{display:block;width:62px;height:62px;margin:8px auto 4px}
.bd-mr circle.rg{fill:none;stroke:var(--c);stroke-width:2.4;filter:drop-shadow(0 0 4px var(--cg))}
.bd-mr circle.bg{fill:color-mix(in srgb,var(--c) 9%,transparent);stroke:none}
.bd-c .tp{font-size:15px;font-weight:300;color:var(--c);letter-spacing:.02em}
.bd-c .sg{font-size:11.5px;color:var(--tx);margin-top:1px}
.bd-c .ch{font-size:10px;color:var(--mu);margin-top:1px;min-height:12px}
.bd-c .mv{font-size:10.5px;color:var(--mu);margin-top:2px;white-space:nowrap}
.bd-c .wx{margin:9px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.55;color:var(--mu);font-variant-numeric:tabular-nums}
.bd-c .wx b{font-weight:300;color:var(--tx);font-size:13px}
.bd-c .wx .nd{color:var(--mu2);font-style:italic}
.bd-chip{display:inline-block;margin-top:9px;padding:5px 12px;border-radius:999px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);font-weight:500}
.bd-chip.sow{color:#8aa04f;border-color:rgba(138,160,79,.55);background:rgba(138,160,79,.1)}
.bd-chip.tr{color:#d59e31;border-color:rgba(213,158,49,.55);background:rgba(213,158,49,.09)}
.bd-chip.sp{color:#f2d9a0;border-color:rgba(213,158,49,.35)}
.bd-chip.rest{color:#f48883;border-color:#aa181e;background:rgba(170,24,30,.18)}
.bd-chip.wrest{color:var(--mu);border-style:dashed;border-color:rgba(244,136,131,.4)}
.bd-chip.past{color:var(--mu2);text-transform:none;letter-spacing:.02em;font-weight:400}
.bd-c .pr{margin-top:5px;font-size:10px;color:#f48883;line-height:1.3}
.bd-c.rest{border:1px dashed #aa181e;background:repeating-linear-gradient(135deg,rgba(170,24,30,.13) 0 7px,transparent 7px 14px),var(--card)}
.bd-c.rest .bd-mr circle.rg{stroke-dasharray:4 5;stroke:#e82e35;filter:drop-shadow(0 0 4px rgba(232,46,53,.5))}
.bd-c.rest .tp{color:#f48883}
.bd-c.rest.wthr{border-style:dashed;border-color:rgba(244,136,131,.45)}
.bd-c.past{opacity:.97}
.bd-hint{margin:2px 4px 0;font-size:11px;color:var(--mu2)}
.bd-more{margin-top:18px}
.bd-more summary{cursor:pointer;color:var(--mu);font-size:12.5px;padding:10px 2px;list-style:none;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}
.bd-more summary::-webkit-details-marker{display:none}
.bd-more summary::after{content:"+";color:var(--gold);font-size:18px;font-weight:200}
.bd-more[open] summary::after{content:"\2212"}
.bd-more p,.bd-more li{font-size:12.5px;line-height:1.55;color:var(--mu);margin:8px 2px}
.bd-more ul{margin:4px 0 4px 18px;padding:0}
.bd-more b{color:var(--tx);font-weight:500}
.bd-foot{margin:22px 4px 8px;padding-top:14px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.55;color:var(--mu);text-align:center}
@media (max-width:379px){.bd-c{flex-basis:138px}.bd-wc b{font-size:15px}.bd-seg button{padding:6px 9px;font-size:11px}.bd-sign{font-size:18px}}
@media (prefers-reduced-motion:no-preference){.bd-dial .glow{animation:bdp 4.5s ease-in-out infinite}@keyframes bdp{50%{opacity:.5}}}