/* A módszertan (/modszertan/) saját stílusa: hosszú, olvasott szöveg — nagyobb betű, keskenyebb hasáb; szószedet, gyakori
   kérdések, a végpontok táblázata, kódblokkok és az élő beágyazási előnézet. Az alap.css tokenjeire épül. */
header p.logo{margin:0}
.logo a{color:inherit;text-decoration:none}
.logo a:focus-visible{outline:2px solid var(--nap-feny);outline-offset:5px;border-radius:4px}
.modsz-cim{font-size:clamp(22px,3.6vw,30px);font-weight:640;letter-spacing:-.02em;margin-top:14px}

main.modsz p,main.modsz li,main.modsz dd{font-size:15px;line-height:1.7;color:var(--ink-2)}
main.modsz p,main.modsz ul,main.modsz ol,main.modsz dl,main.modsz details,main.modsz .kiemelo{max-width:68ch}
main.modsz b{color:var(--ink);font-weight:620}
main.modsz ul,main.modsz ol{padding-left:1.3em;margin:0 0 .9em}
main.modsz li{margin-bottom:.5em}
main.modsz li::marker{color:var(--ink-3)}
main.modsz .kiemelo p{font-size:14.5px}
main.modsz p.modsz-lead{font-size:17px;line-height:1.6;color:var(--ink);max-width:60ch}
main.modsz .keplet{font-family:var(--mono);font-size:13.5px;line-height:1.6;color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:9px;padding:12px 14px;overflow-x:auto}
main.modsz .hivatkozas{-webkit-user-select:all;user-select:all}
main.modsz h3.alcim{font-size:17px;font-weight:650;margin:30px 0 8px;letter-spacing:-.01em;color:var(--ink)}
main.modsz h3.alcim:first-of-type{margin-top:22px}
main.modsz :not(pre)>code{font-family:var(--mono);font-size:.88em;color:var(--ink);background:var(--surface-2);
  padding:1px 5px;border-radius:5px;overflow-wrap:anywhere}
#rovid{border-bottom:0;padding-bottom:12px}
.valtozas time{font-weight:620;color:var(--ink)}
.valtozas-nap{font-size:15px;font-weight:660;color:var(--ink);margin:22px 0 6px;padding-top:16px;border-top:1px solid var(--line)}
.valtozas-nap:first-of-type{margin-top:0;padding-top:0;border-top:0}

/* szószedet */
.szoszedet{margin:0}
.szoszedet dt{font-weight:660;font-size:15.5px;color:var(--ink);margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.szoszedet dt:first-child{margin-top:0;padding-top:0;border-top:0}
.szoszedet dd{margin:5px 0 0}

/* gyakori kérdések */
.gyik details{border-top:1px solid var(--line)}
.gyik details:last-of-type{border-bottom:1px solid var(--line)}
.gyik summary{position:relative;cursor:pointer;list-style:none;padding:15px 34px 15px 0;font-size:15.5px;font-weight:640;color:var(--ink)}
.gyik summary::-webkit-details-marker{display:none}
.gyik summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--mono);
  font-size:20px;font-weight:400;color:var(--kiemel)}
.gyik details[open] summary::after{content:"−"}
.gyik summary:hover{color:var(--kiemel)}
.gyik summary:focus-visible{outline:2px solid var(--nap-feny);outline-offset:2px;border-radius:4px}
.gyik details p{margin:0 0 16px}

/* a végpontok táblázata: a saját dobozában görget, az oldal nem */
.tabla-doboz{max-width:100%;overflow-x:auto;margin:0 0 1em;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.tabla-doboz:focus-visible{outline:2px solid var(--nap-feny);outline-offset:2px}
table.vegpontok{border-collapse:collapse;width:100%;min-width:720px;font-size:13.5px}
.vegpontok caption{text-align:left;padding:10px 12px 0;font-size:12.5px;color:var(--ink-3)}
.vegpontok th,.vegpontok td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);
  color:var(--ink-2);line-height:1.5;font-size:13.5px}
.vegpontok th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2)}
.vegpontok tbody tr:last-child td{border-bottom:0}
.vegpontok td:first-child{min-width:15rem}
.vegpontok td:first-child code{overflow-wrap:normal;white-space:nowrap}

/* kódblokkok */
pre.kod{margin:0 0 1em;max-width:100%;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:9px;
  padding:12px 14px}
pre.kod:focus-visible{outline:2px solid var(--nap-feny);outline-offset:2px}
pre.kod code{font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--ink);background:none;padding:0;white-space:pre}
.kod-sor{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:-4px 0 1em}

/* az élő előnézet */
.elonezet{max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;margin:0 0 1em;
  width:fit-content}
.elonezet iframe{display:block;max-width:100%;border:0;background:transparent}