/*
  MÁRKA-TOKENEK — SZÁNDÉKOS, DÁTUMOZOTT PILLANATKÉP.
  Értékek az avestudio.pro `app/globals.css`-éből, 2026-08-17-én kimásolva.

  MIÉRT MÁSOLAT, ha a repo doktrínája a „kötetlen másolat" ellen szól. Mert ez
  egy különálló, build nélküli statikus fájl: nincs mihez képest SZÁRMAZTATNI.
  A doktrína a származtatható listákra vonatkozik — itt a származtatás fizikailag
  nem lehetséges, ezért a becsületes megoldás a pillanatkép + a felülvizsgálati
  kioldó kiírása:
  ⚠ HA A MÁRKA VÁLTOZIK, EZT A FÁJLT KÉZZEL KELL KÖVETNI. Nem fog magától.

  MIÉRT EGYEZZEN A LÁTVÁNY. Nem esztétika: a lap „AVE Studio"-nak nevezi magát,
  ugyanarra az `@id`-re hivatkozik, és átlinkel az avestudio.pro-ra. Ha
  vizuálisan semmi köze hozzá, a látogató szakadást él meg — és épp az
  entitás-egységet gyengítenénk, amit a spanyol avestudio.com-mal szemben
  amúgy is védeni kell.
*/
:root {
  color-scheme: light;                 /* a márka cream-re van rögzítve */
  --bg:          #f6f4ed;              /* cream / pergamen              */
  --bg-subtle:   #ede8db;              /* mélyebb meleg krém            */
  --surface:     #fcfbf6;              /* kiemelt panel                 */
  --text:        #323232;              /* szén-tinta                    */
  --text-muted:  rgba(50, 50, 50, .72);/* AA normál méreten cream-en    */
  --border:      rgba(50, 50, 50, .16);
  --accent:      #b23a24;              /* terrakotta                    */
  --accent-hover:#8f2e1d;
  --stamp:       #33405b;              /* tinta-navy                    */
  --brass:       #c9a24b;              /* meleg arany                   */
  --radius:      2px;                  /* a márka éles sarka            */
  --serif: "Spectral", "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 400 1.0625rem/1.7 var(--sans);
  -webkit-font-smoothing: antialiased;
}

.wrap { max-width: 44rem; margin: 0 auto; padding: 0 1.25rem; }

/* Fejléc — csak névtábla. Orientáció az AI-válaszból érkezőnek: rögtön lássa,
   kinél jár. A márkanév itt is szerepel, negyedik helyen a title / og:site_name
   / JSON-LD mellett. */
.masthead {
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  padding: 1rem 0;
  margin-bottom: 3rem;
}
.masthead .wrap { display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap; }
.brand { font-family: var(--serif); font-weight: 600; font-size: 1.15rem; letter-spacing: .01em; }
.brand-note { font-size: .85rem; color: var(--text-muted); }

h1 {
  font: 600 clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem)/1.2 var(--serif);
  margin: 0 0 1.25rem;
  letter-spacing: -.01em;
}
h2 {
  font: 600 clamp(1.25rem, 1.05rem + .8vw, 1.5rem)/1.3 var(--serif);
  margin: 3.25rem 0 .85rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}
p { margin: 0 0 1.15rem; }
.lead { font-size: 1.15rem; }
.lead strong { font-weight: 600; }

ol { padding-left: 0; list-style: none; counter-reset: step; }
ol li {
  counter-increment: step;
  position: relative;
  padding-left: 2.6rem;
  margin: 0 0 1.15rem;
}
ol li::before {
  content: counter(step);
  position: absolute; left: 0; top: .1rem;
  width: 1.8rem; height: 1.8rem;
  display: grid; place-items: center;
  background: var(--stamp); color: var(--surface);
  font: 600 .9rem/1 var(--sans);
  border-radius: var(--radius);
}

a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--accent-hover); }
/* A11y AA — látható fókusz. Az aingler.app nyitott lelete pont az volt, hogy a
   linket CSAK az alfa különböztette meg; itt aláhúzás + fókuszgyűrű van. */
a:focus-visible { outline: 2px solid var(--stamp); outline-offset: 3px; border-radius: var(--radius); }

/* Forrás-sor. SZÁNDÉKOSAN nem „Tudj meg többet →" gomb: a link itt HIVATKOZÁS,
   ami az állítást igazolja, nem tölcsér. Ez tartja távol a lapot a doorway-page
   besorolástól, és ez adja a bejárási utat az avestudio.pro mély lapjaira.
   A konverzió a lapon marad.
   ?ref=ailathatosag a tartalmi forrás-linkeken (tulaj-döntés 2026-08-17);
   ellenőrizve, hogy az avestudio.pro canonicalja levágja a query stringet. */
.src {
  font-size: .92rem;
  color: var(--text-muted);
  border-left: 2px solid var(--brass);
  padding: .1rem 0 .1rem .85rem;
  margin: -.25rem 0 1.15rem;
}
.src strong { font-weight: 500; color: var(--text); }

/* `nowrap`, mert a „95 000 Ft + ÁFA-tól" a kötőjelnél eltört („ÁFA-" / „tól").
   Az ár a lap egyetlen olyan eleme, amit a mért mezőnyben a legjobban beülő
   versenytárs is kiírt (N6) — ne essen szét két sorra. */
.price { font-family: var(--serif); font-size: 1.35rem; font-weight: 600;
         color: var(--accent); white-space: nowrap; }

/* Konverziós blokk — ez a doorway-ellensúly: a megkeresés ITT történik, nem
   átlinkelve. Ezért kap kiemelt felületet. */
.contact {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.5rem 1.5rem .5rem;
  margin: 1.25rem 0 0;
}
.contact p:last-child { margin-bottom: 1.15rem; }

footer {
  margin-top: 4.5rem;
  border-top: 1px solid var(--border);
  background: var(--bg-subtle);
  padding: 2rem 0;
  font-size: .9rem;
  color: var(--text-muted);
}
footer p { margin: 0 0 .5rem; }

@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

/* ── Kutatási rovat ──────────────────────────────────────────────────────────
   A rovat lapjai a MÉRT al-kérdésekre íródnak, egy lelet = egy lap (SPEC 183).
   A szöveg az ADATBÓL készül, nem a tanulmány prózájából — ez tartja a lapokat
   az „appreciably similar" duplikátum-küszöb alatt, amit a Google a domainek
   KÖZÖTT is alkalmaz. A tanulmány marad a citálható, fagyasztott artefaktum. */

.kicker { font: 500 .85rem/1.4 var(--sans); letter-spacing: .08em;
          text-transform: uppercase; color: var(--text-muted); margin: 0 0 .5rem; }
.figure { font-family: var(--serif); font-size: 1.5rem; font-weight: 600;
          color: var(--stamp); display: block; margin: .25rem 0; }
.card { background: var(--surface); border: 1px solid var(--border);
        border-radius: var(--radius); padding: 1.25rem 1.4rem; margin: 1.5rem 0; }
.card p:last-child { margin-bottom: 0; }
.backlinks { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--border);
             font-size: .95rem; }
.index { list-style: none; padding: 0; }
.index li { margin: 0 0 1.4rem; }
.index a { font-family: var(--serif); font-size: 1.15rem; font-weight: 600;
           text-decoration: none; }
.index a:hover { text-decoration: underline; }
.index p { margin: .25rem 0 0; color: var(--text-muted); font-size: .95rem; }

/* A névtábla mostantól navigál is: a márkanév a gyökérre, a rovat elérhető
   MINDEN lapról. DESIGN_OPS „elérhetőségi kapu": minden új útvonalra vezessen
   feltétel nélküli nav-link, különben árva marad. */
.masthead .wrap { justify-content: flex-start; }
a.brand { text-decoration: none; color: var(--text); }
a.brand:hover { color: var(--accent); }
.mast-nav { margin-left: auto; font-size: .95rem; }
.mast-nav a { text-decoration: none; }
.mast-nav a:hover { text-decoration: underline; }

table { border-collapse: collapse; width: 100%; margin: 1.5rem 0;
        background: var(--surface); border: 1px solid var(--border);
        border-radius: var(--radius); font-size: .98rem; }
th, td { border-bottom: 1px solid var(--border); padding: .55rem .8rem; text-align: left; }
thead th { font: 500 .85rem/1.4 var(--sans); letter-spacing: .04em;
           text-transform: uppercase; color: var(--text-muted); }
tbody tr:last-child th, tbody tr:last-child td { border-bottom: 0; }
td { font-variant-numeric: tabular-nums; }

caption { text-align: left; font-size: .92rem; color: var(--text-muted);
          padding: 0 0 .6rem; caption-side: top; }
th[scope="row"] { font-weight: 500; }