/* ==========================================================================
   2.17.0 – Verne és a találmányok / Verne és a holdutazás. A Könyvtár lapján (n-konyvtar.css) belül: szabadalmi
   cédula-kártyák minősítés-címkével és idősávval; a holdutazásnál kéthasábos összevetés és méretarányos tusrajz.
   ========================================================================== */
.nautilus-vt { --nvt-tinta: #3b2a1a; --nvt-rez: #9a7434; --nvt-kek: #2f5f7a; --nvt-zold: #4d6b35; --nvt-voros: #8e2f24; }

/* szűrő */
.nvt-szuro { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: flex-end; justify-content: center; margin: 0 0 .8rem; }
.nvt-szuro label { display: flex; flex-direction: column; gap: .15rem; font-size: .85rem; }
.nvt-szuro label span { font-variant: small-caps; letter-spacing: .06em; opacity: .8; }
.nvt-szuro select { font: inherit; padding: .2rem .4rem; max-width: 18rem; }
.nvt-szuro__db { font-variant: small-caps; letter-spacing: .05em; opacity: .8; padding-bottom: .3rem; }
.nvt-jelmagyarazat { margin: 0 auto 1.4rem; max-width: 70ch; font-size: .88rem; text-align: center; line-height: 1.8; opacity: .9; }

/* minősítés-címke */
.nvt-ert { display: inline-block; padding: .05rem .55rem; border: 1px solid currentColor; border-radius: 999px; font-size: .74rem; letter-spacing: .04em; font-variant: small-caps; white-space: nowrap; }
.nvt-ert--tovabbgondolas { color: var(--nvt-kek); }
.nvt-ert--reszleges { color: var(--nvt-zold); background: rgba(77, 107, 53, .08); }

/* területek és kártyák */
.nvt-terulet { margin: 0 0 1.8rem; }
.nvt-terulet[hidden] { display: none; }
.nvt-terulet__cim { font-family: var(--n-cim-font, Georgia, serif); font-size: 1.35rem; margin: 0 0 .7rem; border-bottom: 1px solid var(--n-vonal, rgba(59, 42, 26, .3)); padding-bottom: .25rem; }
.nvt-terulet__cim span { font-size: .8em; opacity: .6; }
.nvt-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); gap: 1rem 1.2rem; }
.nvt-kartya { position: relative; margin: 0; padding: .8rem .95rem .7rem; border: 1px solid var(--n-vonal, rgba(59, 42, 26, .3)); border-left: 4px solid var(--nvt-kek); border-radius: 4px; background: rgba(255, 255, 255, .18); }
.nvt-kartya--reszleges { border-left-color: var(--nvt-zold); }
.nvt-kartya[hidden] { display: none; }
.nvt-kartya.is-ellenorizetlen { opacity: .55; }
.nvt-kartya__fej { margin: 0 0 .3rem; }
.nvt-kartya__cim { margin: 0 0 .25rem; font-family: var(--n-cim-font, Georgia, serif); font-size: 1.12rem; line-height: 1.25; }
.nvt-kartya__mu { margin: 0 0 .45rem; font-size: .86rem; font-style: italic; opacity: .85; }
.nvt-kartya__adat { display: grid; grid-template-columns: auto 1fr; gap: .15rem .6rem; margin: .4rem 0; font-size: .9rem; }
.nvt-kartya__adat dt { font-variant: small-caps; letter-spacing: .05em; opacity: .7; }
.nvt-kartya__adat dd { margin: 0; }
.nvt-kartya__osszevetes { margin: .35rem 0; font-size: .92rem; line-height: 1.45; }
.nvt-kartya__hatar { margin: .35rem 0; padding: .35rem .5rem; font-size: .85rem; line-height: 1.4; background: rgba(142, 47, 36, .06); border-left: 2px solid rgba(142, 47, 36, .5); }
.nvt-kartya__forras { margin: .45rem 0 0; font-size: .78rem; opacity: .85; }
.nvt-kartya__forras > span { margin-right: .5rem; }

/* idősáv: a regény éve → a valós mérföldkő éve */
.nvt-idosav { display: flex; align-items: center; gap: .4rem; margin: .35rem 0 .5rem; font-family: var(--n-cimke-font, Georgia, serif); font-size: .82rem; }
.nvt-idosav__ev { font-weight: 700; }
.nvt-idosav__ev--regeny { color: var(--nvt-rez); }
.nvt-idosav__ev--valos { color: var(--nvt-kek); }
.nvt-idosav__vonal { position: relative; flex: 1; height: 1px; background: currentColor; opacity: .55; text-align: center; }
.nvt-idosav__vonal::after { content: ""; position: absolute; right: -1px; top: -4px; border: 4.5px solid transparent; border-left-color: currentColor; border-right: 0; }
.nvt-idosav__vonal.is-korabbi { border-top: 1px dashed currentColor; background: none; }
.nvt-idosav__vonal span { position: absolute; left: 50%; bottom: 3px; transform: translateX(-50%); white-space: nowrap; font-size: .74rem; font-style: italic; }
.nvt-idosav { padding-top: .5rem; }

/* holdutazás */
.nvt-rajz-keret { margin: 0 auto 1rem; max-width: 640px; text-align: center; }
.nvt-rajz { display: block; width: 100%; height: auto; color: var(--n-szoveg, #3b2a1a); font-family: var(--n-cimke-font, Georgia, serif); }
.nvt-rajz__talaj { fill: none; stroke: currentColor; stroke-width: 1.4; opacity: .6; }
.nvt-rajz__test { fill: rgba(154, 116, 52, .14); stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.nvt-rajz__vonalka { fill: url(#nvt-vonalka); stroke: none; }
.nvt-rajz__ablak { fill: rgba(47, 95, 122, .35); stroke: currentColor; stroke-width: 1.1; }
.nvt-rajz__ember { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.nvt-rajz__meret { fill: none; stroke: currentColor; stroke-width: .8; opacity: .7; }
.nvt-rajz__szoveg text { fill: currentColor; font-size: 13px; }
.nvt-rajz__szoveg .nvt-rajz__nev { font-size: 14px; font-style: italic; }
.nvt-rajz-keret figcaption { font-size: .85rem; font-style: italic; opacity: .8; }

.nvt-osszegzes { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: 0 0 1rem; }
.nvt-jel { display: inline-block; padding: .05rem .5rem; border-radius: 999px; font-size: .74rem; font-variant: small-caps; letter-spacing: .04em; border: 1px solid currentColor; white-space: nowrap; }
.nvt-jel--egyezes { color: var(--nvt-zold); }
.nvt-jel--reszleges { color: var(--nvt-rez); }
.nvt-jel--elteres { color: var(--nvt-voros); }

.nvt-hold { border-top: 2px solid var(--n-vonal, rgba(59, 42, 26, .35)); }
.nvt-hold__fej, .nvt-hold__sor { display: grid; grid-template-columns: 11rem 1fr 1fr; gap: .4rem 1rem; padding: .55rem .2rem; border-bottom: 1px solid var(--n-vonal, rgba(59, 42, 26, .25)); }
.nvt-hold__fej { font-variant: small-caps; letter-spacing: .06em; font-size: .85rem; opacity: .75; }
.nvt-hold__fej span:first-child { visibility: hidden; }
.nvt-hold__sor { border-left: 3px solid transparent; }
.nvt-hold__sor--egyezes { border-left-color: var(--nvt-zold); }
.nvt-hold__sor--reszleges { border-left-color: var(--nvt-rez); }
.nvt-hold__sor--elteres { border-left-color: var(--nvt-voros); }
.nvt-hold__sor.is-ellenorizetlen { opacity: .55; }
.nvt-hold__szempont { padding-left: .4rem; }
.nvt-hold__szempont .nvt-jel { margin-top: .25rem; }
.nvt-hold__regeny { font-style: italic; }
.nvt-hold__ertekeles { grid-column: 2 / -1; font-size: .88rem; opacity: .9; }
.nvt-hold__ertekeles em { display: block; margin-top: .15rem; font-size: .84rem; opacity: .85; }
.nvt-hold__forras { display: block; margin-top: .15rem; font-size: .78rem; }
.nvt-zaro { margin: 1.2rem auto 0; max-width: 70ch; font-style: italic; text-align: center; }

.nvt-hamarosan { margin: 2rem auto; max-width: 46ch; text-align: center; font-style: italic; }
.nvt-hamarosan__hold { margin: 0; font-size: 3.2rem; line-height: 1; font-style: normal; opacity: .75; }
.nvt-hamarosan__datum { font-style: normal; font-variant: small-caps; letter-spacing: .05em; }
@media (max-width: 700px) {
	.nvt-hold__fej { display: none; }
	.nvt-hold__sor { grid-template-columns: 1fr; }
	.nvt-hold__regeny::before, .nvt-hold__apollo::before { content: attr(data-cimke); display: block; font-style: normal; font-variant: small-caps; letter-spacing: .05em; font-size: .78rem; opacity: .7; }
	.nvt-hold__ertekeles { grid-column: auto; }
	.nvt-hold__sor > span { padding-left: .4rem; }
}
@media print { .nvt-szuro { display: none; } .nvt-kartya { break-inside: avoid; } }