/* (1) CIKCAKK-FIX. A .lex-card (Istenek/Fajok/Kasztok) "margin: .6rem auto"-t
     kapott egy flex-column konteneren belul -- ott a vizszintes auto-margo
     FELULIRJA az align-items:stretch-et, ezert minden kartya a SAJAT
     tartalmahoz zsugorodott es kulonbozo szelessegu lett (balra-jobbra
     ugralo, "cikcakkos" lista). Fix szelesseg + kozepre igazitas -> minden
     kartya pontosan egy vonalban kezdodik es vegzodik. */
  #spellBrowserOverlay .lex-card {
    width: 100%; max-width: 82rem;
    margin-left: auto; margin-right: auto;
  }
  /* bovitett lore-szoveg (Istenek) -- olvashato hasab, elvalasztva a
     rovid felvezeto mondattol */
  .lex-lead { font-weight: 600; }
  .lex-lore { margin-top: .5rem; }
  /* D-505: gyengeség-sor piros kiemeléssel. */
  .bestiary-weakness strong { color: var(--danger-bright, #d96f6f); }
  .bestiary-spawn-btn { margin-top: .4rem; }
  .lex-lore p { margin: .5rem 0; line-height: 1.75; font-size: 1rem; max-width: 92ch; }
  /* Kepzettsegek: a vilagbeli lore utan elvalasztva jon a szabalykonyv-hu
     mechanikai szoveg (Motor `description`) */
  .skill-rule-head {
    margin: .9rem 0 .25rem; font-size: .74rem; text-transform: uppercase;
    letter-spacing: .07em; opacity: .6; font-weight: 700;
  }
  /* (2) HELYEK: eddig a hero-kep balra tapadt, alatta teljes szelessegben
     futo szoveg -> nagy ures folt jobbra, semmi keret. Most kartyas racs:
     a kep es a hozza tartozo szoveg egy dobozban, ket hasabban. */
  #catalogPanel-helyek .ynev-section {
    max-width: 82rem; margin: 1.1rem auto; padding: 1rem 1.2rem;
    border: 1px solid var(--border); border-top: 1px solid var(--border);
    border-radius: 10px; background: var(--panel-raised);
  }
  /* Minden helyszin sajat kartyaba kerul (a #601 JS csomagolja be): balra a
     hangulatkep, jobbra a cim + szoveg, egyseges magassagu sorokban -- igy
     nem "lepcsozik" a lista, mint a korabbi float-os elrendezesnel. */
  .mx-place-card {
    display: grid; grid-template-columns: 22rem 1fr; gap: 1.2rem;
    align-items: start;
    padding: 1rem 0; border-top: 1px solid var(--border-dim);
  }
  .mx-place-card:first-child { border-top: none; padding-top: .3rem; }
  .mx-place-card.no-image { grid-template-columns: 1fr; }
  .mx-place-card .ynev-hero-card { max-width: none; width: 100%; margin: 0; }
  .mx-place-card > .mx-place-text > h4 { margin-top: 0; }
  #catalogPanel-helyek .ynev-section p,
  #catalogPanel-helyek .ynev-section li { font-size: 1.02rem; line-height: 1.75; }
  #catalogPanel-helyek .ynev-place-list { max-height: none; }
  @media (max-width: 760px) {
    .mx-place-card { grid-template-columns: 1fr; }
  }
  /* (3) VILAG ful: ugyanaz a kartyas, kenyelmesen olvashato tipografia. */
  #catalogPanel-vilag .ynev-section {
    max-width: 82rem; margin: 1.1rem auto; padding: 1rem 1.2rem;
    border: 1px solid var(--border); border-radius: 10px; background: var(--panel-raised);
  }
  #catalogPanel-vilag .ynev-section p,
  #catalogPanel-vilag .ynev-section li { font-size: 1.02rem; line-height: 1.75; }
  /* (4) KRONOLOGIA + OLVASMANYOK (Rovid tortenetek): nagyobb betu, a doboz
     teljes szelesseget kitolto, konyv-szeru hasab. A .mx-hist-box/.mx-read-box
     mar 100vw a #600 blokktol -- itt a BELSO tipografia nol meg. */
  .mx-hist-box, .mx-read-box { font-size: 1.06rem; }
  /* A .mx-hist-p / .mx-tale-p eredeti max-width:64ch a keskenyebb (95vw)
     ablakhoz keszult -- a teljes szelessegu dobozban ez egy vekony
     szalagga szoritotta a szoveget, a jobb oldalon nagy ures folttal.
     Szelesebb hasab + nagyobb betu, kozepre igazitva. */
  .mx-hist-p, .mx-tale-p {
    font-size: 1.12rem !important; line-height: 1.85 !important;
    max-width: 100ch !important; margin-left: auto; margin-right: auto;
  }
  .mx-hist-inner, .mx-read-body { max-width: 108ch; margin-left: auto; margin-right: auto; }
  .mx-hist-box p, .mx-hist-box li { font-size: 1.06rem; line-height: 1.8; }
  .mx-read-box p, .mx-read-box li { font-size: 1.12rem; line-height: 1.85; }
  .mx-read-box h3, .mx-hist-box h3 { font-size: 1.5rem; }
  .mx-read-box h4, .mx-hist-box h4 { font-size: 1.22rem; }
  .mx-hist-title { font-size: 1.9rem !important; }
  .mx-hist-img { height: 20rem !important; }