/* Tudástár-cikkek közös stílusa – a kereső arculatával */
:root{--brand:#0b6e8f;--brand-dark:#08556e;--brand-light:#e8f2f6;--bg:#f4f8fa;--card:#fff;
  --text:#1c2b33;--muted:#5b7280;--border:#dde6ec;--ok:#1a9e5c;--err:#c0392b;--star:#f5a623}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
header{background:var(--brand);color:#fff;padding:13px 20px}
header .logo{font-size:1.2rem;font-weight:700}
header .logo a{color:#fff;text-decoration:none}
header .logo span{opacity:.75;font-weight:400}
header .logo,header .logo a{display:flex;align-items:center}
header .logo img{flex:none;margin-right:8px}
.wrap{max-width:780px;margin:0 auto;padding:28px 18px 70px}
a{color:var(--brand)}
.back{display:inline-block;margin-bottom:18px;font-weight:600;font-size:.9rem}
h1{font-size:1.65rem;line-height:1.25;margin-bottom:8px}
.lead{font-size:1.02rem;color:#2c4350;margin-bottom:6px}
.meta{color:var(--muted);font-size:.85rem;margin-bottom:26px}
h2{font-size:1.2rem;margin:32px 0 10px;padding-top:14px;border-top:1px solid var(--border)}
h3{font-size:1rem;margin:18px 0 6px}
p,li{font-size:.96rem;color:#2c4350}
p{margin:9px 0}
ul,ol{padding-left:22px;margin:9px 0}
li{margin:5px 0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.9rem;background:var(--card)}
th,td{border:1px solid var(--border);padding:8px 11px;text-align:left;vertical-align:top}
th{background:var(--brand-light);font-weight:600}
.tip{background:var(--brand-light);border:1px solid #cfe3ec;border-radius:10px;padding:13px 16px;font-size:.92rem;margin:14px 0}
.warn{background:#fdf0ee;border:1px solid #efc4bd;border-radius:10px;padding:13px 16px;font-size:.92rem;margin:14px 0}
.warn b{color:var(--err)}
.cta{background:var(--card);border:1.5px solid var(--brand);border-radius:14px;padding:20px;margin:30px 0 0;text-align:center}
.cta p{margin:0 0 12px}
.cta a.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:24px}
.cta a.btn:hover{background:var(--brand-dark)}
.related{margin-top:30px;padding-top:14px;border-top:1px solid var(--border)}
.related h2{border:none;padding:0;margin:0 0 8px}
.note{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;font-size:.86rem;color:var(--muted);margin-top:26px}
footer{margin-top:40px;padding:26px 20px;text-align:center;color:var(--muted);font-size:.84rem;border-top:1px solid var(--border)}
@media(max-width:640px){
  table,thead,tbody,tr,th,td{display:block;width:100%}
  thead{display:none}
  td{border-top:none}
  td::before{content:attr(data-l);font-weight:600;display:block;color:var(--muted);font-size:.8rem}
  tr{margin-bottom:12px;border-top:2px solid var(--border)}
}