/* Csoda-labor – közös keret. A színek a Nemo téma változóiból (sötét mód alapból, világos a data-nautilus-mod alatt);
   téma nélkül is működik (tartalék színek). */
.cl-labor, .cl-beagyazott, .cl-kiserlet {
	--cl-szoveg: #ecdcb6;
	--cl-halvany: rgba(236, 220, 182, .7);
	--cl-rez: var(--n-rez-vilagos, #d9bd84);
	--cl-rez-sotet: var(--n-rez-sotet, #6f5430);
	--cl-vonal: rgba(217, 189, 132, .3);
	--cl-hatter: #10181b;
	--cl-hatter-2: rgba(255, 255, 255, .04);
	--cl-kiemelt: rgba(176, 141, 87, .16);
	--cl-jo: #6fae7f;
	--cl-var: #d9a24c;
	--cl-cim-font: var(--n-cim-font, "Cormorant Garamond", Georgia, serif);
	--cl-cimke-font: var(--n-cimke-font, "Cinzel", Georgia, serif);
	--cl-szoveg-font: var(--n-szoveg-font, "EB Garamond", Georgia, serif);
	font-family: var(--cl-szoveg-font);
	color: var(--cl-szoveg);
}
html[data-nautilus-mod="vilagos"] .cl-labor,
html[data-nautilus-mod="vilagos"] .cl-beagyazott,
html[data-nautilus-mod="vilagos"] .cl-kiserlet {
	--cl-szoveg: var(--n-tinta, #2b2118);
	--cl-halvany: var(--n-tinta-2, #5e4c38);
	--cl-rez: #7a4e2e;
	--cl-vonal: rgba(111, 84, 48, .35);
	--cl-hatter: rgba(255, 252, 242, .75);
	--cl-hatter-2: rgba(111, 84, 48, .06);
	--cl-kiemelt: rgba(176, 141, 87, .18);
	--cl-jo: #2e6b45;
	--cl-var: #8a5a12;
}

.cl-labor { max-width: 980px; margin: 1.2rem auto 2.5rem; text-align: start; }
.cl-labor__bev { max-width: 42em; margin: 0 auto 1.6rem; text-align: center; font-size: 1.12rem; color: var(--cl-halvany); font-style: italic; }

/* Menetrend */
.cl-menetrend { margin: 0 auto 2.2rem; max-width: 34rem; padding: 1rem 1.3rem 1.1rem; border: 1px solid var(--cl-vonal); border-radius: 4px; background: var(--cl-hatter-2); }
.cl-menetrend__cim { margin: 0 0 .6rem; font-family: var(--cl-cimke-font); font-size: .95rem; letter-spacing: .14em; text-transform: uppercase; text-align: center; color: var(--cl-rez); }
.cl-menetrend__lista { margin: 0; padding: 0; list-style: none; counter-reset: cl; }
.cl-menetrend__lista li { counter-increment: cl; border-top: 1px dotted var(--cl-vonal); }
.cl-menetrend__lista li:first-child { border-top: 0; }
.cl-menetrend__lista a { display: flex; gap: .6rem; align-items: baseline; padding: .42rem .2rem; color: inherit; text-decoration: none; }
.cl-menetrend__lista a::before { content: counter(cl, upper-roman) "."; min-width: 2.2em; font-family: var(--cl-cimke-font); font-size: .8rem; color: var(--cl-rez); }
.cl-menetrend__lista a:hover .cl-menetrend__nev, .cl-menetrend__lista a:focus-visible .cl-menetrend__nev { text-decoration: underline; text-underline-offset: 3px; }
.cl-menetrend__nev { font-size: 1.08rem; }
.cl-menetrend__regeny { margin-left: auto; font-style: italic; font-size: .92rem; color: var(--cl-halvany); text-align: end; }
.cl-menetrend__kov a { color: var(--cl-halvany); font-style: italic; }
.cl-menetrend__kov a::before { content: "…"; }

/* Egy kísérlet szakasza */
.cl-szakasz { margin: 0 0 3rem; scroll-margin-top: 6rem; }
.cl-szakasz__cim { margin: 0; font-family: var(--cl-cim-font); font-size: clamp(1.6rem, 3.4vw, 2.1rem); font-weight: 600; text-align: center; color: var(--cl-szoveg); }
.cl-szakasz__regeny { margin: .1rem 0 .6rem; text-align: center; font-family: var(--cl-cimke-font); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cl-rez); }
.cl-szakasz__felvezetes { max-width: 40em; margin: 0 auto 1.1rem; text-align: center; color: var(--cl-halvany); }

/* Hamarosan… */
.cl-hamarosan { max-width: 30rem; margin: 1rem auto 0; padding: 1.3rem 1.4rem 1.2rem; text-align: center; border: 1px dashed var(--cl-rez); border-radius: 6px; background: var(--cl-kiemelt); }
.cl-hamarosan__jel { display: block; font-size: 1.9rem; line-height: 1; color: var(--cl-rez); }
.cl-hamarosan__cim { margin: .35rem 0 .2rem; font-family: var(--cl-cim-font); font-size: 1.55rem; font-style: italic; }
.cl-hamarosan__szoveg { margin: 0; color: var(--cl-halvany); }
.cl-ures { text-align: center; font-style: italic; color: var(--cl-halvany); }

/* Előnézet (csak a szerkesztő látja) */
.cl-elonezet { margin: 0 0 .6rem; padding: .3rem .7rem; border-left: 3px solid #b9473a; background: rgba(185, 71, 58, .12); font-family: system-ui, sans-serif; font-size: .82rem; color: inherit; }

/* Bejegyzésbe ágyazva */
.cl-beagyazott { margin: 1.6rem 0; }
.cl-beagyazott__fej { margin: 0 0 .5rem; font-family: var(--cl-cimke-font); font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; color: var(--n-rezvoros, #8c5a3c); }
.cl-beagyazott__fej span { font-weight: 700; }

/* A kísérlet doboza: sárgarézkeretes műszerlap */
.cl-kiserlet { position: relative; padding: clamp(.8rem, 2.4vw, 1.4rem); border: 1px solid var(--cl-rez-sotet); border-radius: 8px; background: var(--cl-hatter); box-shadow: inset 0 0 0 3px rgba(176, 141, 87, .18), 0 10px 28px rgba(0, 0, 0, .25); text-align: start; }

/* Fülek */
.cl-fulek { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 1rem; border-bottom: 1px solid var(--cl-vonal); }
.cl-ful { appearance: none; margin: 0 0 -1px; padding: .45rem .95rem .4rem; border: 1px solid transparent; border-radius: 5px 5px 0 0; background: none; color: var(--cl-halvany); font-family: var(--cl-cimke-font); font-size: .82rem; letter-spacing: .08em; cursor: pointer; }
.cl-ful:hover, .cl-ful:focus { background: none; color: var(--cl-szoveg); box-shadow: none; }
.cl-ful[aria-selected="true"], .cl-ful[aria-selected="true"]:hover, .cl-ful[aria-selected="true"]:focus { border-color: var(--cl-vonal); border-bottom-color: transparent; background: var(--cl-kiemelt); color: var(--cl-rez); }
.cl-ful:focus-visible { outline: 2px solid var(--cl-rez); outline-offset: 2px; }
.cl-panel[hidden] { display: none; }

/* Közös űrlapelemek és gombok */
.cl-kiserlet button.cl-gomb { appearance: none; padding: .45rem 1rem; border: 1px solid var(--cl-rez); border-radius: 4px; background: var(--cl-kiemelt); color: var(--cl-szoveg); font-family: var(--cl-cimke-font); font-size: .8rem; letter-spacing: .06em; cursor: pointer; }
.cl-kiserlet button.cl-gomb:hover { background: var(--cl-rez); color: #1b1410; }
.cl-kiserlet button.cl-gomb:focus-visible { outline: 2px solid var(--cl-rez); outline-offset: 2px; }
.cl-kiserlet input[type="range"] { width: 100%; accent-color: var(--n-rez, #b08d57); }
.cl-kiserlet input[type="number"] { width: 100%; box-sizing: border-box; padding: .4rem .5rem; border: 1px solid var(--cl-vonal); border-radius: 4px; background: var(--cl-hatter-2); color: var(--cl-szoveg); font: inherit; }
.cl-kiserlet label { color: var(--cl-halvany); font-size: .95rem; }
@media (prefers-reduced-motion: reduce) { .cl-kiserlet * { transition: none !important; animation: none !important; } }

/* 1.1.0 – kapcsolat a Verneáriummal */
.cl-cedulasor { margin: .9rem auto 0; max-width: 40em; text-align: center; font-size: .95rem; color: var(--cl-halvany); }
.cl-cedulasor__fej { font-variant: small-caps; letter-spacing: .06em; color: var(--cl-szoveg); }
.cl-cedulasor a { color: var(--cl-rez); }
.cl-probald { margin: .6rem 0 0; font-size: .95rem; }
.cl-probald__jel { opacity: .8; }