/* Ugynokaktak demo. Archival print direction: paper tone, serif + mono, hairline rules,
   one accent (stamp oxblood). No cards, no pills, no system font stack. */

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
[hidden]{display:none !important;}

:root{
  --paper:#F4F1E9;
  --paper-2:#EDE9DF;
  --ink:#1B1A17;
  --ink-soft:#3A3732;
  --muted:#6E675C;
  --rule:rgba(27,26,23,0.16);
  --rule-soft:rgba(27,26,23,0.09);
  --accent:#8C2B22;
  --ochre:#8A7236;
  --serif:"Spectral",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}

html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background-color:var(--paper);
  background-image:radial-gradient(rgba(27,26,23,0.055) 1px,transparent 1px);
  background-size:22px 22px;
  color:var(--ink);
  font-family:var(--serif);
  font-size:18px;
  line-height:1.62;
}

a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(140,43,34,0.35);}
a:hover{border-bottom-color:var(--accent);}
a:focus,button:focus{outline:none;}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px;}

.wrap{max-width:1000px;margin:0 auto;padding:0 24px;}

.ml{
  font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);
  margin:0 0 14px;
}
.accent-ml{color:var(--accent);}

/* header */
.site-head{border-bottom:1px solid var(--rule);background:rgba(244,241,233,0.92);}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;}
.brand{border:0;display:block;flex:0 0 auto;}
.brand-name{display:block;font-size:23px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.1;}
.brand-sub{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);margin-top:4px;white-space:nowrap;}
/* A menupontok EGY sorban allnak: a nowrap az elemen BELULI tores ellen van
   (enelkul a "Kerelem-generator" ket sorba esik), a toresponte pedig 1100px,
   mert nyolc ponttal a sor ez alatt mar nem fer ki. (2026-10-31, Peti kerese.) */
.nav-desk{display:flex;gap:20px;flex-wrap:nowrap;}
.nav-desk a{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-soft);border:0;white-space:nowrap;}
.nav-desk a:hover{color:var(--accent);}

.burger{display:none;width:42px;height:42px;border:0;border-radius:6px;background:var(--ink);cursor:pointer;padding:0;position:relative;}
.burger span{position:absolute;left:11px;width:20px;height:1.5px;background:var(--paper);transition:transform .22s,opacity .18s;}
.burger span:nth-child(1){top:14px;}
.burger span:nth-child(2){top:20px;}
.burger span:nth-child(3){top:26px;}
.burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.nav-mob{border-top:1px solid var(--rule);padding:6px 24px 14px;}
.nav-mob a{display:block;padding:11px 0;border-bottom:1px solid var(--rule-soft);color:var(--ink-soft);font-family:var(--mono);font-size:13px;letter-spacing:0.05em;text-transform:uppercase;}
.nav-mob a:last-child{border-bottom:0;}

/* hero */
.hero-in{padding-top:74px;padding-bottom:66px;}
h1{
  font-size:clamp(34px,5.6vw,60px);font-weight:600;line-height:1.08;
  letter-spacing:-0.02em;margin:0 0 26px;max-width:26ch;
}
.lead{font-size:clamp(19px,2.1vw,22px);line-height:1.58;color:var(--ink-soft);max-width:60ch;margin:0;}

.count{margin-top:42px;padding-top:22px;border-top:1px solid var(--rule);display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;}
.count-num{font-size:clamp(26px,3.4vw,38px);font-weight:600;letter-spacing:-0.01em;}
.count-cap{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}

/* disclaimer strip */
.strip{background:var(--ink);color:#E8E3D7;}
.strip-in{padding-top:16px;padding-bottom:16px;}
.strip p{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.7;letter-spacing:0.02em;}
.strip a{color:#E8C9A0;border-bottom-color:rgba(232,201,160,0.4);}

/* sections */
.sec{padding:76px 0;border-top:1px solid var(--rule);}
.sec:first-of-type{border-top:0;}
.sec-alt{background:var(--paper-2);}
h2{font-size:clamp(26px,3.6vw,40px);font-weight:600;line-height:1.14;letter-spacing:-0.018em;margin:0 0 20px;max-width:24ch;}
.sec p{max-width:62ch;}
.sec-lead{font-size:20px;color:var(--ink-soft);margin:0 0 38px;}
.sec-lead em{font-style:italic;color:var(--ink);}
.note{font-size:16px;color:var(--muted);border-left:2px solid var(--rule);padding-left:16px;margin-top:30px;}

/* document rows */
.docs{margin-top:10px;}
.doc{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:28px;
  padding:30px 0;border-top:1px solid var(--rule);}
.doc:last-child{border-bottom:1px solid var(--rule);}
.doc-tag{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;margin:0;color:var(--ink);}
.doc-when{display:block;font-size:11px;letter-spacing:0.12em;color:var(--accent);margin-top:7px;}
.doc-body p{margin:0;max-width:58ch;}
.doc-what{color:var(--ink-soft);}
.doc-not{margin-top:12px !important;font-size:16.5px;color:var(--muted);}
.nl{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--ochre);margin-right:7px;}
.doc-later .doc-tag{color:var(--muted);}

/* search keys */
.keys{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;}
.keys li{border-top:1px solid var(--rule);padding:22px 0;color:var(--ink-soft);font-size:17px;}
.keys .ml{display:block;margin-bottom:8px;color:var(--ink);}

/* numbers */
.nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin:6px 0 38px;}
.num{border-top:2px solid var(--ink);padding-top:16px;}
.num-accent{border-top-color:var(--accent);}
.num-v{display:block;font-size:clamp(30px,4.4vw,46px);font-weight:600;letter-spacing:-0.02em;line-height:1.05;}
.num-accent .num-v{color:var(--accent);}
.num-c{display:block;margin-top:10px;font-family:var(--mono);font-size:11.5px;line-height:1.75;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);}

blockquote{margin:34px 0;padding-left:22px;border-left:2px solid var(--ochre);}
blockquote p{font-style:italic;font-size:20px;line-height:1.56;margin:0;max-width:52ch;}
blockquote cite{display:block;margin-top:12px;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}

/* dark section */
.sec-dark{background:var(--ink);color:#DDD7C9;border-top:0;}
.sec-dark h2{color:#F4F1E9;}
.sec-dark .ml{color:#A79B83;}
.sec-dark p{color:#C9C2B2;}

/* sources */
.src{list-style:none;margin:0;padding:0;}
.src li{border-top:1px solid var(--rule);padding:20px 0;max-width:68ch;color:var(--ink-soft);font-size:17px;}
.src .ml{display:block;margin-bottom:7px;color:var(--ink);}

/* footer */
.site-foot{background:var(--ink);color:#A79B83;border-top:1px solid var(--rule);}
.foot-in{padding-top:52px;padding-bottom:56px;}
.foot-brand{font-size:21px;font-weight:600;color:#F4F1E9;margin:0 0 14px;}
.site-foot p{margin:0 0 10px;max-width:66ch;font-size:15.5px;line-height:1.7;}
.foot-date{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:#6E675C;margin-top:18px;}

@media (max-width:1100px){
  .nav-desk{display:none;}
  .burger{display:block;}
}

@media (max-width:820px){
  body{font-size:17px;}
  .hero-in{padding-top:52px;padding-bottom:48px;}
  .sec{padding:56px 0;}
  .doc{grid-template-columns:minmax(0,1fr);gap:12px;padding:26px 0;}
  .keys,.nums{grid-template-columns:minmax(0,1fr);gap:0;}
  .nums{gap:26px;margin-bottom:30px;}
  .count{gap:10px;}
  h1{max-width:none;}
}

/* al-cimek, lepeslistak, cim-blokkok (05-06. szekcio) */
.subh{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:0.15em;
  text-transform:uppercase;color:var(--ink);margin:44px 0 0;}
.steps{list-style:none;margin:16px 0 0;padding:0;}
.steps li{border-top:1px solid var(--rule);padding:18px 0;max-width:68ch;color:var(--ink-soft);font-size:17px;}
.steps li:last-child{border-bottom:1px solid var(--rule);}
.steps .ml{display:block;margin-bottom:7px;color:var(--ink);}
.addr{margin-top:36px;border-top:2px solid var(--ink);padding-top:18px;
  font-family:var(--mono);font-size:13.5px;line-height:2.05;letter-spacing:0.01em;color:var(--ink-soft);}
.addr span{display:block;}
.addr-accent{border-top-color:var(--accent);}

/* nyitas napi statusz */
.status{display:flex;gap:12px;align-items:flex-start;border-top:2px solid var(--accent);
  padding-top:16px;margin-bottom:10px;}
.status-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:9px;}
.status-txt{font-family:var(--mono);font-size:13px;line-height:1.85;color:var(--ink-soft);max-width:60ch;}
.status-txt strong{color:var(--ink);font-weight:500;}

/* generator urlap */
.privacy{font-family:var(--mono);font-size:12.5px;line-height:1.85;color:var(--ink-soft);
  border-left:2px solid var(--ochre);padding-left:16px;margin:0 0 10px;max-width:60ch;}
.radios{margin-top:16px;border-top:1px solid var(--rule);}
.radios label{display:block;border-bottom:1px solid var(--rule-soft);padding:13px 0;
  font-size:16.5px;color:var(--ink-soft);cursor:pointer;}
.radios input{margin-right:11px;accent-color:var(--accent);}
.fgrid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;}
.fld{border-top:1px solid var(--rule);padding:14px 0 10px;}
.fld label{display:block;margin-bottom:6px;}
.fld input{width:100%;border:0;border-bottom:1px solid var(--rule);background:transparent;
  font-family:var(--serif);font-size:17px;color:var(--ink);padding:5px 0;}
.fld input::placeholder{color:#A49B8B;font-style:italic;}
.fld input:focus{border-bottom-color:var(--accent);outline:none;}
.gen-actions{margin-top:28px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.btn{font-family:var(--mono);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;
  background:var(--ink);color:var(--paper);border:0;padding:14px 22px;cursor:pointer;}
.btn:hover{background:var(--accent);}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--rule);}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.copyok{font-family:var(--mono);font-size:11.5px;letter-spacing:0.02em;color:var(--ochre);line-height:1.6;}
.warn{border-left:2px solid var(--accent);padding:12px 0 12px 16px;margin-bottom:22px;
  font-family:var(--mono);font-size:12.5px;line-height:1.8;color:var(--accent);max-width:62ch;}
.level{background:#FFFDF8;border:1px solid var(--rule);padding:26px 24px;overflow-x:auto;
  font-family:var(--mono);font-size:12.5px;line-height:1.85;color:var(--ink);white-space:pre-wrap;
  margin:16px 0 0;max-width:none;}
#genout{margin-top:46px;border-top:2px solid var(--ink);padding-top:10px;}

@media (max-width:820px){
  .fgrid{grid-template-columns:minmax(0,1fr);gap:0;}
  .level{font-size:11.5px;padding:18px 14px;}
  .gen-actions{gap:10px;}
  .btn{padding:13px 18px;}
}

@media print{
  body *{visibility:hidden;}
  #levelszoveg,#levelszoveg *{visibility:visible;}
  #levelszoveg{position:absolute;left:0;top:0;width:100%;border:0;background:#fff;color:#000;
    font-size:11pt;padding:0;}
}

/* 09. szekcio: tamogatas es kolofon */
.inline-act{display:flex;margin-top:14px;gap:12px;align-items:center;flex-wrap:wrap;}
.btn-s{padding:10px 16px;font-size:11px;text-decoration:none;display:inline-block;}
a.btn-s{border-bottom:0;}
a.btn-s:hover{border-bottom:0;}
.kolofon{margin-top:44px;border-top:1px solid var(--rule);padding-top:22px;}
.kolofon p:last-child{font-size:16.5px;color:var(--muted);max-width:62ch;margin:0;}

/* ragados fejlec + horgony-tavolsag */
.site-head{position:sticky;top:0;z-index:60;background:var(--paper);}
section[id]{scroll-margin-top:96px;}

/* tartalomjegyzek */
.sec-toc{padding:54px 0;border-top:0;}
.toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 46px;margin-top:4px;}
.toc-group{border-top:1px solid var(--rule);padding-top:14px;}
.toc-part{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--accent);margin:0 0 10px;}
.toc a{display:flex;gap:12px;align-items:baseline;padding:6px 0;border:0;color:var(--ink-soft);
  font-size:16.5px;line-height:1.45;}
.toc a:hover{color:var(--accent);}
.toc-n{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;color:var(--muted);flex:0 0 auto;}
.toc a:hover .toc-n{color:var(--accent);}

/* vissza a tetejere */
.foot-top{margin-top:16px;}
.foot-top a{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  color:#A79B83;border-bottom-color:rgba(167,155,131,0.35);}
.foot-top a:hover{color:#E8C9A0;}

@media (max-width:820px){
  .toc{grid-template-columns:minmax(0,1fr);gap:24px;}
  .sec-toc{padding:40px 0;}
  section[id]{scroll-margin-top:84px;}
}

/* tamogatas-oldal */
.tam-cim{font-size:clamp(30px,4.6vw,48px);font-weight:600;line-height:1.1;letter-spacing:-0.02em;
  margin:0 0 22px;max-width:18ch;}
.tam-atadas{margin-top:34px;border-top:1px solid var(--rule);padding-top:20px;}
.tam-atadas p{max-width:62ch;}
.tam-info{margin-top:52px;}
.tam-vissza{margin-top:40px;}
.tam-vissza a{font-family:var(--mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;}

@media (max-width:820px){
  .tier{padding-left:28px;}
  .tam-osszeg{gap:8px;}
}

/* Tamogatas: harom kave, mindegyik gombon ott az ar. Az ar a gomb masodik sora,
   hogy a latogato a kattintas ELOTT lassa, mibe kerul. (2026-10-31.) */
.tam-gombok .btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1.2;}
.btn-ar{font-size:14px;letter-spacing:0.04em;opacity:0.85;}

/* Suti-sav. SOTET, a lap sajat tintajan: a papir-hatteru valtozat beleolvadt a lapba
   es konnyen atneztek rajta (2026-10-31, Peti: "legyen szembetunobb"). A lap dizajn-nyelve
   nem hasznal lekerekitett kartyat, ezert ez nem lebego doboz, hanem egy teljes szelessegu
   sotet sav, akcent-vonallal a tetejen es becsusszanassal. */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:9000;background:var(--ink);
  color:#DDD7C9;border-top:3px solid var(--accent);
  box-shadow:0 -18px 44px rgba(27,26,23,0.34);
  opacity:0;transform:translateY(16px);transition:opacity .26s ease,transform .26s ease;}
.cookie-bar.is-visible{opacity:1;transform:translateY(0);}
.cookie-in{max-width:1100px;margin:0 auto;padding:20px 24px;display:flex;gap:24px;
  align-items:center;justify-content:space-between;flex-wrap:wrap;}
.cookie-txt{margin:0;max-width:64ch;font-size:16px;line-height:1.5;color:#DDD7C9;}
.cookie-txt a{color:#F4F1E9;border-bottom-color:rgba(244,241,233,0.5);}
.cookie-txt a:hover{color:#fff;}
.cookie-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex-shrink:0;}
/* A gombok a sotet savon fordulnak: az elfogadas vilagos tomb, a masik vilagos keret. */
.cookie-btns .btn{background:var(--paper);color:var(--ink);}
.cookie-btns .btn:hover{background:#fff;}
.cookie-btns .btn-ghost{background:transparent;color:#DDD7C9;border:1px solid rgba(221,215,201,0.45);}
.cookie-btns .btn-ghost:hover{background:rgba(244,241,233,0.12);color:#F4F1E9;}
.foot-legal{margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;
  text-transform:uppercase;}
.foot-legal a{color:#6E675C;}
.foot-sep{margin:0 10px;color:var(--rule);}

@media (max-width:620px){
  .cookie-in{flex-direction:column;align-items:stretch;gap:14px;padding:16px 20px;}
  .cookie-btns{width:100%;flex-direction:column-reverse;}
  .cookie-btns .btn{width:100%;text-align:center;}
}