:root{color-scheme:dark;--bg:#151b22;--surface:#252e37;--line:#3c4854;--text:#f1f3f4;--muted:#bdc8d2;--gold:#f5c76c;--blue:#78c5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0,#20446466,transparent 600px),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{border-bottom:1px solid var(--line);background:#191f26}.header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.4}.brand small{display:block;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--muted)}.mark{display:grid;place-items:center;background:linear-gradient(135deg,#f9d885,#efa932);color:#20262d;width:42px;height:42px;border-radius:11px;font-size:1.4rem}.back{display:inline-block;border:1px solid #f5c76c60;border-radius:10px;padding:10px 18px;color:var(--gold);font-weight:700;white-space:nowrap}.back:hover{background:#f5c76c13}.intro{padding:64px 0 36px;max-width:730px}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--gold);font-weight:700}h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.08;letter-spacing:-.055em;margin:20px 0}h1 span{color:var(--gold)}.intro>p:last-child{font-size:1.12rem;color:var(--muted);max-width:650px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 54px}.topics a{background:#222c36;border:1px solid var(--line);border-radius:12px;padding:18px 20px;font-weight:750;display:flex;align-items:center;gap:14px}.topics a span{font-size:.75rem;color:var(--gold)}.topics a:hover{border-color:var(--gold)}.topics a[aria-selected=true]{background:#f5c76c;color:#20262d;border-color:#f5c76c}.topics a[aria-selected=true] span{color:#665020}article{--accent:var(--blue);scroll-margin-top:24px}article#parabola{--accent:#78d4bf}article#klima{--accent:var(--gold)}article[hidden]{display:none}article+article{margin-top:70px}.articlehead{border-top:1px solid var(--line);padding-top:28px}h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.035em;margin:12px 0}.reading{font-size:.85rem;color:var(--muted)}.diagram{margin:30px 0 44px;padding:28px;background:linear-gradient(125deg,#293640,#202932);border:1px solid var(--line);border-radius:18px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:0}.flow li{position:relative;display:flex;flex-direction:column;gap:12px}.flow li:not(:last-child):after{content:'→';position:absolute;right:0;top:8px;color:var(--accent)}.node{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:12px;color:var(--accent);font-variant-numeric:tabular-nums}.flow strong{font-size:.92rem;font-weight:650}.diagram figcaption{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:.82rem;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px}aside{align-self:start;position:sticky;top:24px;font-size:.85rem;border-left:2px solid var(--accent);padding-left:20px}aside p{font-size:.65rem;letter-spacing:.14em;color:var(--accent)}aside ol{padding-left:18px;color:var(--muted)}aside li{margin:12px 0}aside a:hover{color:var(--accent)}.prose{max-width:750px}.prose section{scroll-margin-top:28px;margin-bottom:36px}.prose h3{font-size:1.3rem;line-height:1.4;letter-spacing:-.015em;margin:0 0 12px}.prose p{margin:0;color:#cbd3dc;line-height:1.9}.sources{border-top:1px solid var(--line);padding-top:28px;font-size:.88rem}.sources h3{font-size:1rem}.sources a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.sources li{margin-bottom:10px}.contact{margin:70px 0 30px;padding:32px;border:1px solid #7c6b46;border-top:3px solid var(--gold);border-radius:16px;background:linear-gradient(110deg,#272d32,#383329);display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{font-size:1.7rem}.contact p{color:var(--muted);margin-bottom:0}footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px 40px;color:var(--muted);font-size:.8rem}.skip{position:absolute;left:15px;top:10px;transform:translateY(-200%);background:var(--gold);color:#20262d;padding:10px;z-index:5}.skip:focus{transform:none}@media(max-width:800px){.reading-layout{grid-template-columns:1fr;gap:25px}aside{position:static}.topics a{padding:14px;gap:8px;font-size:.85rem}.contact{flex-direction:column;align-items:flex-start}.intro{padding-top:40px}footer{flex-direction:column}.header{gap:10px}.brand{font-size:.85rem}.back{padding:9px 12px;font-size:.85rem}}@media(max-width:500px){.wrap{width:calc(100% - 30px)}.mark{display:none}.topics{gap:7px}.topics a{flex-direction:column;align-items:flex-start;font-size:.76rem;padding:10px 8px}.flow{grid-template-columns:1fr;gap:26px}.flow li:nth-child(2):after{content:'↓'}.flow li:nth-child(3):after{content:'→'}.diagram{padding:20px}.brand small{font-size:.55rem}.contact{padding:24px}}
/* Keep the active panel aligned; use an unambiguous vertical flow on phones. */
[role=tabpanel]+[role=tabpanel]{margin-top:0}
@media(max-width:500px){.flow{grid-template-columns:1fr;gap:26px}.flow li{flex-direction:row;align-items:center;gap:14px}.flow li:not(:last-child):after,.flow li:nth-child(2):after,.flow li:nth-child(3):after{content:'↓';left:17px;right:auto;top:40px}.node{flex-shrink:0}}

.device-note{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;padding:20px 15px 0;color:#a7afb7;font-size:.875rem;text-align:center;line-height:1.5}.device-note svg{width:64px;height:32px;flex-shrink:0;color:#cfa85d}

footer{flex-wrap:wrap}

/* Topic-specific illustrated backgrounds; the reading area stays calm. */
#antenna{--topic-image:url('kepek/kisokos-adotorony.webp')}
#parabola{--topic-image:url('kepek/kisokos-muhold.webp')}
#klima{--topic-image:url('kepek/kisokos-klima.webp')}
.articlehead{position:relative;isolation:isolate;overflow:hidden;min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;padding:44px;border:1px solid #526475;border-radius:22px;background:#152332}
.articlehead:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--topic-image);background-size:cover;background-position:center}
.articlehead:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1421ed 0%,#0b1421a6 42%,#0b142122 100%),linear-gradient(0deg,#0b1421bb,transparent 65%)}
.articlehead h2{max-width:590px;color:#fff;text-shadow:0 2px 16px #0009}.articlehead .eyebrow{margin:0;color:#f5cf83}.articlehead .reading{color:#d4dee8;margin-bottom:0}.topics{margin-bottom:28px}
@media(max-width:800px){.articlehead{padding:30px;min-height:360px}.articlehead h2{max-width:70%}}
@media(max-width:500px){.articlehead{padding:24px 20px;min-height:400px}.articlehead:before{background-position:70% center}.articlehead:after{background:linear-gradient(0deg,#0b1421fa 0%,#0b1421cc 36%,#0b142122 80%)}.articlehead h2{max-width:100%;font-size:1.8rem}.articlehead .eyebrow{font-size:.7rem}}

.brand-symbol{display:block;width:52px;height:52px;flex-shrink:0}.brand{letter-spacing:-.025em}@media(max-width:510px){.brand-symbol{width:40px;height:40px}.brand{gap:8px}}@media(max-width:360px){.brand-symbol{width:34px;height:34px}.brand{font-size:.85rem}}