/* Recept, receptsamling och artikel (pass 2). Ur prototyp/mallar/_bygg_mallar.py (mall_recept, mall_artikel), oförändrat utom
   .schemaval (bara mockup) borttagen och tillägg märkta "pass 2". */
.rtopp{display:grid;gap:1.25rem}@media (min-width:48rem){.rtopp{grid-template-columns:minmax(0,20rem) 1fr;align-items:center}}
.rbild{gap:.5rem;align-content:center}.rbild svg{width:40%;height:auto}.tider{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;margin:0}
.tider div{padding:.6rem .75rem;background:var(--yta);border:2px solid var(--kant);border-radius:.75rem}.tider dt{font-size:.8rem;color:var(--text2)}.tider dd{margin:0;font-weight:800}
.ingr{list-style:none;padding:0;margin:0}.ingr label{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;cursor:pointer;border-bottom:1px solid var(--kant)}
.ingr input{flex:none;width:1.3rem;height:1.3rem;accent-color:var(--accent)}.ingr input:checked~*{text-decoration:line-through}
.steg{padding-left:1.4rem}.steg li{margin-bottom:.9rem;padding-left:.25rem}.produktruta{border-style:dashed;border-color:var(--annons-kant)}
.kop{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.75rem}.kop li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}
@media (min-width:60rem){.rtva{grid-template-columns:20rem minmax(0,1fr)}}
.toc summary{cursor:pointer;min-height:2.75rem;display:flex;align-items:center}.toc ol{margin:.25rem 0 0;padding-left:1.25rem}.toc a{display:inline-block;padding:.35rem 0}
/* pass 2 */
figure.rbild,figure.toppbild{margin:0}.rbild img,.toppbild img,.kortbild{display:block;width:100%;height:auto;border-radius:.75rem;background:var(--yta2)}
.rbild img{aspect-ratio:4/3}@media (min-width:48rem){.rbild img{aspect-ratio:1}}.toppbild img{aspect-ratio:16/9}.kortbild{aspect-ratio:4/3;object-fit:cover}
.rbild.platshallare{aspect-ratio:4/3}@media (min-width:48rem){.rbild.platshallare{aspect-ratio:1}}
.recept .ingress p,.artikel .ingress p{margin:0}.utrustning{margin:.75rem 0 0}
.ingr-grupp{font-size:1rem;margin:1.25rem 0 .25rem}.ingr small{color:var(--text2)}
.steg .temp{display:inline-block;padding:0 .4rem;border-radius:.4rem;background:var(--varn-bg);color:var(--text);font-weight:700;white-space:nowrap}
.stegbild{display:block;width:100%;max-width:24rem;height:auto;margin:.5rem 0 0;border-radius:.6rem}
.sockertabell tr.vald th,.sockertabell tr.vald td{background:var(--yta2);font-weight:700}
.fotnot{line-height:0}.fotnot a{padding:0 .1rem;text-decoration:none}
.relaterat{margin-top:2.5rem}
@media print{
 .topp,.huvudmeny,.smulor,.fot,.annons,.utkastrad,.toc,.produktruta,.relaterat,.platshallare,.ingr input{display:none!important}
 body{background:#fff;color:#000}.tva,.rtva,.rtopp{display:block}.tider div,.tabell,.ruta{border-color:#999;background:#fff}a{color:#000;text-decoration:none}
 details.faq{border:0}details.faq>*{display:block}
}
/* Pass 3: lexikon. Ur prototyp/mallar/lexikon.html (sidans egen <style>) plus listsidans filter och tabell. */
.h3{font-size:1.1rem;margin:0 0 .5rem}.finns li{margin-bottom:.5rem}.finns a{display:inline-block;padding:.6rem 0;font-weight:650}
@media (min-width:60rem){.tva.lex>aside{position:sticky;top:1rem;margin-top:4rem}}
@media (max-width:59.99rem){.lex{display:flex;flex-direction:column;gap:0}.lex>article{display:contents}.lex>article>*:nth-child(n+4){order:2}.lex>aside{order:1;margin-top:0}}
.lexfilter{align-items:center;flex-wrap:wrap}.lexfilter label{font-weight:700}
.lexfilter select{flex:1;min-width:0;min-height:2.75rem;font:inherit;padding:.5rem .9rem;border:2px solid var(--annons-kant);border-radius:999px;background:var(--yta);color:var(--text)}
.lextabell th[scope=row]{font-weight:700}.lexkort{display:block;font-weight:400;font-size:.9rem;color:var(--text2);margin-top:.2rem}
.lextabell tr:target{background:var(--varn-bg)}
.kallor li{overflow-wrap:anywhere}   /* pass 3: långa käll-URL:er (EFSA, EUR-Lex) gav sidoscroll vid 320–360 px */