/*
Hälsoguide: innehållskomponenter 1.1.0
Laddas av barntemat efter theme.css (handle hg-components). Används i inlägg och sidor via klasserna nedan.
hgu-ingress        inledande svarsruta
hgu-fakta / hgu-f  faktaruta 2x2 (p.hgu-ftal, p.hgu-ftxt)
hgu-nav            innehållsförteckning (p.hgu-navtitel + ul)
hgu-fig            figurkort med svg.hgu-desk och svg.hgu-mob, textklasser hgu-svg-t/-b/-m/-w
hgu-tw + table.hgu-tab   tabell som blir kort under 760 px (td kräver data-e)
hgu-tool + hgu-t1  flikverktyg: input.hgu-i1-5, label.hgu-l1-5, div.hgu-p1-5
hgu-bars           stapellista
hgu-obs            vårdruta
ul.hgu-vet         Visste du att, rutnät
hgu-faq            dragspels-FAQ (details/summary, div.hgu-svar)
hgu-kallor         källförteckning
hgu-slut           avslutningsbox med interna länkar
hgu-calc           kalkylator (visas när skriptet lagt till hgu-calc-on)
*/
body.hg-site{--hgu-ink:var(--hg-ink,#183d35);--hgu-green:var(--hg-green,#174d43);--hgu-deep:var(--hg-green-deep,#103f36);--hgu-sage:var(--hg-sage,#e7eee5);--hgu-peach:var(--hg-peach,#f3ddd0);--hgu-muted:var(--hg-muted,#5d6d64);--hgu-line:var(--hg-line,#d4ddd2);--hgu-text:#344f43}
body.hg-site .hg-entry-content p:empty{display:none!important}
body.hg-site .hg-entry-content h2{scroll-margin-top:24px}
body.hg-site .hg-entry-content ul{list-style:disc;margin:0 0 1.5em 1.3em;padding:0}
body.hg-site .hg-entry-content ol{list-style:decimal;margin:0 0 1.5em 1.4em;padding:0}
body.hg-site .hg-entry-content li{margin:0 0 .5em}
body.hg-site .hgu-ingress{background:var(--hgu-sage)!important;border-left:4px solid var(--hgu-green)!important;border-radius:0 14px 14px 0;padding:26px 28px 8px;margin:0 0 30px}
body.hg-site .hgu-ingress p{color:var(--hgu-ink)!important;font-size:1.06em;line-height:1.8;margin:0 0 18px}
body.hg-site .hgu-fakta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 34px}
body.hg-site .hgu-f{background:#fff!important;border:1px solid var(--hgu-line)!important;border-top:4px solid var(--hgu-green)!important;border-radius:4px 4px 12px 12px;padding:24px 18px 20px}
body.hg-site p.hgu-ftal{font-family:var(--hg-serif,Georgia,serif);font-size:2.1em;line-height:1.1;color:var(--hgu-green)!important;margin:0 0 10px;letter-spacing:-.02em}
body.hg-site p.hgu-ftxt{font-size:.92em;line-height:1.6;margin:0;color:var(--hgu-text)!important}
body.hg-site .hgu-nav{background:#fff!important;border:1px solid var(--hgu-line)!important;border-radius:12px;padding:22px 26px 12px;margin:0 0 36px}
body.hg-site p.hgu-navtitel{font-size:.75em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hgu-muted)!important;margin:0 0 10px}
body.hg-site .hgu-nav ul{columns:2;column-gap:28px;list-style:none!important;margin:0;padding:0}
body.hg-site .hgu-nav li{break-inside:avoid;margin:0 0 10px;line-height:1.45}
body.hg-site .hgu-fig{background:#fff!important;border:1px solid var(--hgu-line)!important;border-radius:14px;padding:24px;margin:32px 0}
body.hg-site .hgu-fig svg{display:block;width:100%;height:auto;margin:0 auto}
body.hg-site .hgu-fig svg.hgu-mob{display:none}
body.hg-site .hgu-fig figcaption{font-size:.88em;line-height:1.6;color:var(--hgu-muted)!important;margin:14px 0 0}
body.hg-site .hgu-fig>br,body.hg-site .hgu-tool>br,body.hg-site .hgu-svgw>br,body.hg-site .hgu-bars>br{display:none}
body.hg-site .hgu-svg-t{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;fill:#183d35}
body.hg-site .hgu-svg-b{font-weight:700}
body.hg-site .hgu-svg-m{fill:#4a5d53}
body.hg-site .hgu-svg-w{fill:#ffffff}
body.hg-site .hgu-tw{margin:28px 0 32px;border:1px solid var(--hgu-line)!important;border-radius:12px;overflow:hidden;background:#fff!important}
body.hg-site .hgu-tw>*,body.hg-site .hgu-tw table{margin:0!important}
body.hg-site table.hgu-tab{width:100%;border-collapse:collapse;font-size:.93em;display:table;max-width:none;overflow:visible}
body.hg-site table.hgu-tab th{background:var(--hgu-sage)!important;color:var(--hgu-ink)!important;font-weight:700;text-align:left;padding:15px 18px;border:0!important;border-bottom:1px solid var(--hgu-line)!important}
body.hg-site table.hgu-tab td{padding:15px 18px;border:0!important;border-bottom:1px solid var(--hgu-line)!important;vertical-align:top;line-height:1.6;background:#fff!important;color:var(--hgu-text)!important}
body.hg-site table.hgu-tab tr:last-child td{border-bottom:0!important}
body.hg-site .hgu-tool{background:var(--hgu-sage)!important;border-radius:14px;padding:26px 26px 20px;margin:32px 0}
body.hg-site p.hgu-tooltitel{font-family:var(--hg-serif,Georgia,serif);font-size:1.45em;line-height:1.25;color:var(--hgu-ink)!important;margin:0 0 6px}
body.hg-site p.hgu-toolinfo{font-size:.92em;margin:0 0 16px;color:var(--hgu-muted)!important}
body.hg-site .hgu-tool input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
body.hg-site .hgu-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
body.hg-site .hgu-tabs label{display:inline-block;cursor:pointer;padding:9px 16px;border-radius:999px;border:1px solid var(--hgu-green)!important;background:#fff!important;color:var(--hgu-green)!important;font-size:.9em;font-weight:600;line-height:1.4}
body.hg-site .hgu-panel{background:#fff!important;border-radius:12px;padding:24px 26px 10px;margin:0 0 12px}
body.hg-site p.hgu-paneltitel{font-weight:700;color:var(--hgu-ink)!important;margin:0 0 10px}
@supports selector(:has(a)){
body.hg-site .hgu-tool .hgu-panel{display:none;margin:0}
body.hg-site .hgu-t1:has(.hgu-i1:checked) .hgu-p1,body.hg-site .hgu-t1:has(.hgu-i2:checked) .hgu-p2,body.hg-site .hgu-t1:has(.hgu-i3:checked) .hgu-p3,body.hg-site .hgu-t1:has(.hgu-i4:checked) .hgu-p4,body.hg-site .hgu-t1:has(.hgu-i5:checked) .hgu-p5{display:block}
body.hg-site .hgu-t1:has(.hgu-i1:checked) .hgu-l1,body.hg-site .hgu-t1:has(.hgu-i2:checked) .hgu-l2,body.hg-site .hgu-t1:has(.hgu-i3:checked) .hgu-l3,body.hg-site .hgu-t1:has(.hgu-i4:checked) .hgu-l4,body.hg-site .hgu-t1:has(.hgu-i5:checked) .hgu-l5{background:var(--hgu-green)!important;color:#fff!important}
body.hg-site .hgu-t1:has(.hgu-i1:focus-visible) .hgu-l1,body.hg-site .hgu-t1:has(.hgu-i2:focus-visible) .hgu-l2,body.hg-site .hgu-t1:has(.hgu-i3:focus-visible) .hgu-l3,body.hg-site .hgu-t1:has(.hgu-i4:focus-visible) .hgu-l4,body.hg-site .hgu-t1:has(.hgu-i5:focus-visible) .hgu-l5{outline:3px solid #397254;outline-offset:3px}}
body.hg-site .hgu-bars{background:#fff!important;border:1px solid var(--hgu-line)!important;border-radius:14px;padding:24px 26px 12px;margin:32px 0}
body.hg-site .hgu-bar{margin:0 0 16px}
body.hg-site p.hgu-barlab{margin:0 0 5px;font-size:.92em;line-height:1.5;color:var(--hgu-ink)!important}
body.hg-site .hgu-bark{display:block;height:14px;border-radius:7px;background:var(--hgu-sage)!important;overflow:hidden}
body.hg-site .hgu-barf{display:block;height:14px;border-radius:7px;background:var(--hgu-green)!important}
body.hg-site .hgu-obs{background:var(--hgu-peach)!important;border-radius:12px;padding:24px 26px 8px;margin:32px 0}
body.hg-site p.hgu-obstitel{font-weight:700;color:var(--hgu-ink)!important;margin:0 0 8px}
body.hg-site ul.hgu-vet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none!important;padding:0;margin:0 0 34px}
body.hg-site ul.hgu-vet li{list-style:none!important;background:#fff!important;border:1px solid var(--hgu-line)!important;border-left:4px solid var(--hgu-green)!important;border-radius:0 14px 14px 0;padding:24px 26px;margin:0;line-height:1.7}
body.hg-site ul.hgu-vet li strong{display:block;color:var(--hgu-ink)!important;font-size:1.03em;margin:0 0 8px}
body.hg-site .hgu-faq{margin:0 0 36px}
body.hg-site .hgu-faq details{background:#fff!important;border:1px solid var(--hgu-line)!important;border-radius:12px;margin:0 0 12px;padding:0}
body.hg-site .hgu-faq summary{cursor:pointer;list-style:none;padding:18px 52px 18px 22px;font-weight:700;color:var(--hgu-ink)!important;background:transparent!important;position:relative;line-height:1.5}
body.hg-site .hgu-faq summary::-webkit-details-marker{display:none}
body.hg-site .hgu-faq summary::after{content:"+";position:absolute;right:22px;top:14px;font-size:1.4em;color:var(--hgu-green)}
body.hg-site .hgu-faq details[open] summary::after{content:"\2212"}
body.hg-site .hgu-svar{padding:0 22px 6px}
body.hg-site .hgu-kallor{font-size:.9em;line-height:1.65;margin:0 0 34px}
body.hg-site .hgu-kallor li{overflow-wrap:anywhere;margin:0 0 10px}
body.hg-site .hgu-slut{background:var(--hgu-green)!important;border-radius:14px;padding:26px 28px 14px;margin:36px 0 0}
body.hg-site p.hgu-sluttitel{font-family:var(--hg-serif,Georgia,serif);font-size:1.4em;color:#fff!important;margin:0 0 12px}
body.hg-site .hgu-slut ul{list-style:none!important;margin:0;padding:0}
body.hg-site .hgu-slut li{margin:0 0 12px;color:#fff!important}
body.hg-site .hgu-slut a,body.hg-site .hgu-slut a:visited{color:#fff!important;text-decoration:underline!important;font-weight:600}
body.hg-site .hgu-slut span{display:block;color:#dfeae3!important;font-size:.9em;line-height:1.55}
@media(max-width:843px){
body.hg-site .hgu-fig svg.hgu-desk{display:none}
body.hg-site .hgu-fig svg.hgu-mob{display:block;max-width:430px}}
@media(max-width:760px){
body.hg-site .hgu-tw{overflow-x:visible;border:0!important;background:transparent!important;border-radius:0}
body.hg-site table.hgu-tab{min-width:0;display:block;width:100%;font-size:1em}
body.hg-site table.hgu-tab thead{display:none}
body.hg-site table.hgu-tab tbody{display:block}
body.hg-site table.hgu-tab tr{display:block;background:#fff!important;border:1px solid var(--hgu-line)!important;border-left:4px solid var(--hgu-green)!important;border-radius:0 12px 12px 0;padding:16px 20px 18px;margin:0 0 12px}
body.hg-site table.hgu-tab td{display:block;border:0!important;padding:11px 0 0;line-height:1.55}
body.hg-site table.hgu-tab td:first-child{padding:0;font-size:1.08em;font-weight:700;line-height:1.35}
body.hg-site table.hgu-tab td::before{content:attr(data-e);display:block;font-size:.72em;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin:0 0 3px;color:var(--hgu-muted)}
body.hg-site table.hgu-tab td:first-child::before{display:none}
body.hg-site table.hgu-tab td:empty{display:none}
body.hg-site .hgu-fakta,body.hg-site ul.hgu-vet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
body.hg-site .hgu-f{padding:20px 16px 18px}
body.hg-site p.hgu-ftal{font-size:1.7em}
body.hg-site .hgu-ingress,body.hg-site .hgu-nav,body.hg-site .hgu-tool,body.hg-site .hgu-bars,body.hg-site .hgu-obs,body.hg-site .hgu-slut{padding-left:20px;padding-right:20px}
body.hg-site .hgu-fig{padding:18px}
body.hg-site .hgu-panel{padding:20px 20px 8px}
body.hg-site .hgu-nav ul{columns:1}}
@media(max-width:560px){
body.hg-site ul.hgu-vet{grid-template-columns:minmax(0,1fr)}
body.hg-site ul.hgu-vet li{padding:20px}}

/* 1.1.5: kalkylator (hgu-calc) */
body.hg-site .hgu-calc{display:none;background:#fff!important;border:1px solid var(--hgu-line)!important;border-top:4px solid var(--hgu-green)!important;border-radius:4px 4px 14px 14px;padding:24px;margin:28px 0}
body.hg-site .hgu-calc.hgu-calc-on{display:block}
body.hg-site .hgu-calc-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 0}
body.hg-site label.hgu-calc-lab{display:flex;flex-direction:column;gap:6px;margin:0;font-weight:600;font-size:.92em;line-height:1.4;color:var(--hgu-ink)!important}
body.hg-site .hgu-calc input{width:100%;box-sizing:border-box;min-height:46px;padding:10px 14px;border:1px solid var(--hgu-line)!important;border-radius:8px;font-size:1.05em;background:#fff!important;color:var(--hgu-ink)!important}
body.hg-site .hgu-calc input:focus{outline:2px solid var(--hgu-green);outline-offset:1px}
body.hg-site button.hgu-calc-knapp{margin:16px 0 0;min-height:46px;padding:10px 26px;border:0!important;border-radius:999px;background:var(--hgu-green)!important;color:#fff!important;font-weight:600;font-size:1em;cursor:pointer}
body.hg-site button.hgu-calc-knapp:hover{background:var(--hgu-deep)!important}
body.hg-site .hgu-calc-ut{margin:18px 0 0;padding:16px 18px 8px;border-radius:10px;background:var(--hgu-sage)!important}
body.hg-site .hgu-calc-ut p{margin:0 0 8px;color:var(--hgu-ink)!important;line-height:1.55}
body.hg-site .hgu-calc-ut p.hgu-calc-stor{font-family:var(--hg-serif,Georgia,serif);font-size:1.9em;line-height:1.15;color:var(--hgu-green)!important;margin:0 0 10px}
body.hg-site .hgu-calc-ut p.hgu-calc-not{font-size:.88em;color:var(--hgu-muted)!important}
body.hg-site .hgu-calc>br,body.hg-site .hgu-calc-rad>br{display:none}
@media (max-width:650px){body.hg-site .hgu-calc{padding:20px 16px}body.hg-site .hgu-calc-rad{grid-template-columns:minmax(0,1fr)}}
/* 1.1.6: fotografier i innehallet (hgu-bild) utan kort, centrerade i naturlig storlek */
body.hg-site .hgu-fig.hgu-bild{padding:0;border:0!important;border-radius:0;background:none!important;margin:28px auto}
body.hg-site .hgu-fig.hgu-bild img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:14px}
body.hg-site .hgu-fig.hgu-bild figcaption{text-align:center;margin:10px 0 0}