/* ===========================================================================
   Közös arculati réteg a tananyagok lapjaihoz.

   MIÉRT VAN
   A négy anyag HTML-je négy külön gépi export, mindegyik a maga betűivel:
   a jegyzet és a konzultációs kézvezetők Arial + Georgia, a lexikon Times New
   Roman, az esetfeldolgozások Fraunces + Inter + Source Serif. Aki kódot
   váltott be, eddig úgy érezte, elhagyta a Rendszerműhelyt. Ez a lap köti
   össze őket.

   MIT NEM CSINÁL
   Nem írja át az anyagok színvilágát. Az esetfeldolgozások indigója és a
   kézvezetők petróleumja az anyag saját hangja — a borítójuk is ebben készült.
   Egy család, négy hang: közös a betű, a védjegysáv és az arany hangsúly.

   Nem nyúl a HOSSZÚ OLVASÓFELÜLETEKHEZ sem: a jegyzet `.doc` blokkja
   szándékosan talpas, sorkizárt, behúzott bekezdésekkel — az könyv, nem
   felület. Csak a körülötte lévő kezelőszervek betűje változik.

   HOGYAN KERÜL BE
       node scripts/arculat/tananyag-arculat.mjs
   Újrafuttatható; egy új szerzői export után is helyreteszi.
   =========================================================================== */

@import 'fonts.css';

:root {
  --rm-cream: #f2eee5;
  --rm-paper: #fffdf8;
  --rm-ink: #17324b;
  --rm-deep: #1f5961;
  --rm-muted: #60747a;
  --rm-line: #d7ded9;
  --rm-gold: #bd943f;
  --rm-teal: #397b80;
}

/* ---------------------------------------------------------------------------
   Védjegysáv

   Minden tananyaglap tetején ugyanaz a sáv: az embléma, a név, és egy út
   vissza a nyitóoldalra. Ez az egyetlen elem, ami MINDEN lapon azonos —
   ettől lesz a négy anyagból egy gyűjtemény.

   Az egész sáv egyetlen hivatkozás: bárhová esik a kattintás, hazavisz.
   --------------------------------------------------------------------------- */
.rm-bar {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.42rem clamp(0.8rem, 3vw, 1.4rem);
  background: var(--rm-cream);
  border-bottom: 1px solid rgba(189, 148, 63, 0.45);
  color: var(--rm-deep);
  text-decoration: none;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.82rem;
  line-height: 1.3;
  /* A tananyagok fejléce tapadó; ez a sáv fölötte áll és elgörög — a
     navigáció nem veszít helyet tőle. */
  position: relative;
  z-index: 300;
}

.rm-bar:hover {
  background: #ece7db;
}

.rm-bar:focus-visible {
  outline: 3px solid rgba(57, 123, 128, 0.35);
  outline-offset: -3px;
}

.rm-bar-mark {
  width: 24px;
  height: 24px;
  flex: none;
}

.rm-bar-mark .rm-ring {
  fill: none;
  stroke: #c8d2cd;
  stroke-width: 3.4;
}

.rm-bar-mark .rm-orbit {
  fill: none;
  stroke: var(--rm-teal);
  stroke-width: 3.2;
  opacity: 0.5;
}

.rm-bar-mark .rm-deep {
  fill: var(--rm-deep);
}
.rm-bar-mark .rm-gold {
  fill: var(--rm-gold);
}
.rm-bar-mark .rm-teal {
  fill: #4a8189;
}

.rm-bar-name {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 600;
  font-size: 0.98rem;
  color: var(--rm-ink);
  letter-spacing: -0.01em;
}

/* A visszaút szövege: a névtől arany ponttal elválasztva. Szűk kijelzőn
   elmarad — ott a védjegy és a nyíl is elég. */
.rm-bar-back {
  margin-left: auto;
  color: var(--rm-muted);
  white-space: nowrap;
}

.rm-bar-back::after {
  content: ' →';
  color: var(--rm-gold);
}

@media (max-width: 560px) {
  .rm-bar-back {
    font-size: 0;
  }
  .rm-bar-back::after {
    font-size: 1rem;
  }
}

@media print {
  .rm-bar {
    display: none;
  }
}

/* ---------------------------------------------------------------------------
   Betűk

   Csak azokon az anyagokon, amelyek rendszerbetűvel készültek — a jelölést a
   beszerelő szkript teszi ki (`data-rm-tipo`). Az esetfeldolgozások saját
   betűkészlete átgondolt (Fraunces a címeknek, Source Serif a folyószövegnek),
   azt nem írjuk felül.
   --------------------------------------------------------------------------- */
body[data-rm-tipo] {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

body[data-rm-tipo] h1,
body[data-rm-tipo] h2,
body[data-rm-tipo] .brand,
body[data-rm-tipo] .cover h1,
body[data-rm-tipo] .exercise h3 {
  font-family: 'Fraunces', Georgia, serif;
  letter-spacing: -0.012em;
}

/* A jegyzet olvasófelülete könyv: talpas betű, sorkizárás, behúzás. Ehhez nem
   nyúlunk — a szkript betűje ide nem ér el. */
body[data-rm-tipo] .doc,
body[data-rm-tipo] .doc h1,
body[data-rm-tipo] .doc h2,
body[data-rm-tipo] .doc h3 {
  font-family: 'Times New Roman', Times, serif;
}

/* A borító a saját arányában álljon. A képre `width`/`height` attribútum
   került (enélkül ugrál a tördelés betöltés közben), de az anyag stíluslapja
   csak a szélességet szabályozza — magasság nélkül a kép megnyúlna. */
.portal-cover {
  height: auto;
}

/* Az űrlapelemek nem öröklik maguktól a lap betűjét. */
body[data-rm-tipo] input,
body[data-rm-tipo] textarea,
body[data-rm-tipo] select,
body[data-rm-tipo] button {
  font-family: inherit;
}