@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#112a39;--muted:#607987;--teal:#087e83;--line:#dbe6e9;--bg:#f6f9f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:white}a{color:inherit;text-decoration:none}.shell{width:min(1200px,calc(100% - 56px));margin:auto}.topbar{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e6edef}.top-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:800;letter-spacing:-.9px}.logo img{object-fit:contain}.logo small{display:block;font-size:9px;letter-spacing:2px;color:#7a929d;margin-top:2px}.top-inner nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:700}.top-inner nav a:hover{color:var(--teal)}.nav-cta{padding:12px 19px;border-radius:9px;background:#e8f4f2;color:#06777c}.hero{background:linear-gradient(120deg,#eef7f6 0%,#f9fbfb 62%,#e9f5f1 100%);overflow:hidden}.hero-layout{min-height:510px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;color:#087d83}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,5vw,65px);letter-spacing:-3px;line-height:1.12;max-width:650px;margin:18px 0 20px}.hero-text>p{max-width:560px;color:#536e7b;font-size:18px;line-height:1.7}.hero-search{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dce8e8;box-shadow:0 12px 32px #174c4e12;border-radius:13px;padding:0 18px;max-width:540px;margin:32px 0 23px}.hero-search svg{color:#087e83;flex-shrink:0}.hero-search input{font:inherit;width:100%;border:0;outline:0;padding:20px 0;background:transparent}.hero-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;background:#087e83;color:#fff;padding:15px 23px;border-radius:10px;font-weight:700}.hero-visual{position:relative;min-height:400px;display:grid;place-items:center}.world-globe{width:min(360px,82%);aspect-ratio:1;border-radius:50%;position:relative;box-shadow:inset -35px -26px 55px #00606a39,0 45px 65px #21797a1c;background:radial-gradient(circle at 30% 27%,#c7e8df,#70b5af 58%,#2e7d87);overflow:hidden}.globe-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 35px,#ffffff5c 36px 37px,transparent 38px 72px),repeating-linear-gradient(90deg,transparent 0 45px,#ffffff3a 46px 47px,transparent 48px 92px);border-radius:50%;transform:rotate(-16deg)}.globe-lines:after{content:'';position:absolute;inset:15%;border:40px solid #8fd1a3;border-radius:38% 65% 54% 38%;transform:rotate(-30deg);opacity:.68;filter:blur(5px)}.orbit{position:absolute;border:1px solid #a6d3cf;border-radius:50%;width:460px;height:310px;transform:rotate(-25deg)}.orbit-b{transform:rotate(35deg);width:430px;height:330px}.float-tag{position:absolute;padding:13px 17px;background:white;border:1px solid #e2eded;border-radius:11px;box-shadow:0 12px 28px #174e5117;font-size:11px;letter-spacing:1px;font-weight:800}.float-tag b{color:#087e83;margin-left:12px}.tag-a{top:20%;left:0}.tag-b{bottom:20%;right:0}.section{padding:88px 0}.section-alt{background:var(--bg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:34px}.section-head h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(27px,3vw,38px);letter-spacing:-1.3px;margin:10px 0}.section-head p{margin:0;color:var(--muted)}.section-head>a{font-weight:700;color:var(--teal);white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-item{display:flex;align-items:center;gap:17px;min-height:92px;padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.2s}.category-item:hover,.feature-card:hover,.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #183b4714}.category-index{font-size:12px;color:var(--teal);font-weight:800}.category-item strong{flex:1;font-size:16px}.category-arrow{color:var(--teal);font-size:20px}.feature-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card,.article-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.feature-art{height:185px;background:linear-gradient(145deg,#e7f3f1,#d2e7e8);display:grid;place-items:center;overflow:hidden}.feature-art img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:23px}.overline{font-size:11px;letter-spacing:1.4px;color:var(--teal);font-weight:800}.feature-copy h3,.article-body h3{font-family:Manrope,Arial,sans-serif;font-size:19px;letter-spacing:-.4px;line-height:1.35;margin:10px 0 20px}.feature-go{font-size:13px;color:var(--teal);font-weight:800}.art-symbol{width:165px;height:130px;position:relative}.map-symbol{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#b7ded2,#67a5a8);box-shadow:inset -15px -12px 25px #337e8652}.globe-grid{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 24px,#fff8 25px 26px,transparent 27px 50px),repeating-linear-gradient(90deg,transparent 0 29px,#fff6 30px 31px,transparent 32px 60px)}.chart-symbol{display:flex;align-items:end;justify-content:space-evenly;border-bottom:2px solid #75afb1}.chart-symbol span{width:22px;border-radius:6px 6px 0 0;background:#65aba8;height:45%}.chart-symbol span:nth-child(2){height:70%;background:#158c8f}.chart-symbol span:nth-child(3){height:54%;background:#93c3af}.chart-symbol span:nth-child(4){height:95%;background:#1d6e85}.article-card img,.article-cover{height:180px;width:100%;object-fit:cover}.article-cover{background:linear-gradient(135deg,#1a6573,#71b8ac);display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:3px;font-weight:800}.article-cover span{margin-left:20px}.article-body{padding:23px}.article-body small{color:var(--teal)}.article-body p{color:var(--muted);line-height:1.6}.article-body>span{color:var(--teal);font-weight:800}.empty-articles{grid-column:1/-1;background:#fff;border:1px dashed #bad4d6;padding:35px;border-radius:15px;color:var(--muted)}.empty-articles strong{color:var(--ink)}.workshop{margin-top:20px;margin-bottom:85px;border-radius:20px;padding:48px 54px;background:linear-gradient(110deg,#e3f3ef,#f4f8f5);display:flex;align-items:center;justify-content:space-between;gap:35px}.workshop h2{font-size:34px;margin:10px 0}.workshop p{color:var(--muted);max-width:620px;line-height:1.6}footer{background:#102e3a;color:#fff}.footer-main{padding:42px 0;display:flex;justify-content:space-between;gap:20px}.footer-main strong{font-size:22px}.footer-main p{color:#b4c9d1}.footer-main>div:last-child{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.footer-bottom{border-top:1px solid #ffffff29;padding:20px 0;color:#b4c9d1;font-size:13px}.article-page{max-width:850px;padding-top:70px;padding-bottom:100px}.article-page h1{font:800 clamp(32px,5vw,56px)/1.15 Manrope;letter-spacing:-2px}.article-lead{font-size:20px;color:var(--muted)}.article-hero-image{max-width:100%;border-radius:14px}.article-text{font-size:18px;line-height:1.9;white-space:normal;margin-top:35px}[hidden]{display:none!important}@media(max-width:850px){.top-inner{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 0}.top-inner nav{gap:13px;overflow:auto;padding:8px 0;width:100%;font-size:12px}.hero-layout{grid-template-columns:1fr}.hero-visual{display:none}.hero-text{padding:65px 0}.category-grid,.feature-grid,.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.shell{width:calc(100% - 32px)}.section{padding:55px 0}.hero h1{letter-spacing:-1.5px}.category-grid,.feature-grid,.article-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.workshop{margin:0 16px 55px;padding:28px;flex-direction:column;align-items:start}.footer-main{flex-direction:column}}

/* V3: világos, kék-fehér atlasz arculat és valódi beágyazható térképek */
:root{--ink:#173b63;--muted:#586c80;--teal:#2876b9;--line:#e1e9f1;--bg:#f7f9fc}
body{background:#fff;color:var(--ink)}.hero{background:linear-gradient(115deg,#f2f7fd 0%,#fff 62%,#edf4fb 100%)}
.eyebrow{color:#3979ac}.nav-cta{background:#eaf3fc;color:#205c90}.btn{background:#2876b9!important;color:white!important}
.section-alt{background:#f7f9fc}.feature-card{background:#fff;border:1px solid #e2eaf2;box-shadow:0 10px 25px #1d49700a;overflow:hidden}
.feature-art{height:225px!important;background:#edf4fa!important;position:relative;overflow:hidden}
.map-preview,.preview-placeholder,.map-preview iframe{width:100%;height:100%;display:block}
.map-preview iframe{border:0;background:#fff}.preview-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:radial-gradient(circle at 70% 30%,#d4e7f7,#f2f7fc 70%);text-align:center;padding:16px}
.preview-mark{letter-spacing:2px;font-size:11px;font-weight:800;color:#5382a8}.preview-placeholder strong{font-size:17px;color:#173b63}
.preview-load{background:#fff;border:1px solid #a7c8e2;border-radius:9px;padding:10px 15px;font:inherit;font-size:13px;font-weight:700;color:#205c90;cursor:pointer;box-shadow:0 3px 12px #183d6210}
.preview-load:hover{background:#eaf3fc}.feature-go{display:inline-block;margin-top:10px;color:#2876b9!important;font-weight:700}
.category-item:hover{background:#f0f6fd}.hero-visual{filter:hue-rotate(18deg) saturate(.75)}
@media(max-width:700px){.feature-art{height:205px!important}}

/* V4: letisztult nyitóoldal, dekorációs földgömb nélkül */
.hero{background:linear-gradient(115deg,#f6f9fe,#eaf2fb)}.hero-layout{display:block;min-height:0;padding:64px 0 72px}.hero-text{max-width:830px}.hero-visual,.world-globe,.orbit,.float-tag{display:none!important}
.hero h1{max-width:850px}.feature-art{height:245px;background:#eaf1f8}.map-preview{position:relative}.map-preview iframe{width:100%;height:100%;border:0;background:white}.preview-placeholder{background:#eaf2fa}.preview-load{background:#1c5e97;color:white;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:700}.preview-error{font-size:12px;color:#576d81}.map-preview .preview-open{position:absolute;right:8px;bottom:8px;background:#fff;border:1px solid #d5e2f0;border-radius:7px;padding:6px 9px;color:#164c78;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0002}.feature-art:has(iframe){overflow:hidden}.feature-card:focus-within{outline:2px solid #1c5e97}
.article-text h2,.article-text h3{line-height:1.35;margin:1.5em 0 .5em}.article-text p{margin:0 0 1.1em}.article-text ul,.article-text ol{padding-left:1.5em}.article-text img{max-width:100%;height:auto;border-radius:12px}.article-text a{color:#1d65a0;text-decoration:underline}

/* 2026-10-08: tömörített nyitóoldal, a térképkártyák működésének módosítása nélkül */
.hero-layout{padding:25px 0 30px!important;min-height:0!important}
.hero-text{padding:0!important;max-width:850px}
.hero h1{font-size:clamp(26px,3.1vw,41px);line-height:1.15;margin:9px 0 10px}
.hero p{font-size:14px;line-height:1.5;margin:0 0 14px}
.hero-search{padding:8px 12px;box-shadow:none}
.hero-links{gap:12px;margin-top:12px}
.section{padding:28px 0!important}
.section-head{margin-bottom:14px;gap:12px}
.section-head h2{font-size:clamp(21px,2.2vw,28px);margin:3px 0 5px;letter-spacing:-.6px}
.section-head p{font-size:13px;line-height:1.45}
.category-grid{gap:9px}
.category-item{min-height:58px;padding:11px 13px;gap:11px;border-radius:10px}
.category-item strong{font-size:13px}
.category-indicator{width:30px;height:30px}
.feature-grid,.article-grid{gap:12px}
.feature-card,.article-card{border-radius:12px}
.feature-art{height:155px!important}
.article-card img,.article-cover{height:125px}
.feature-body,.article-body{padding:12px 14px!important}
.feature-body h3,.article-body h3{font-size:16px;line-height:1.3;margin:4px 0 6px}
.feature-body p,.article-body p{font-size:12px;line-height:1.45}
.feature-go{margin-top:5px}
.workshop{margin-top:10px;margin-bottom:28px;padding:20px 24px;gap:16px;border-radius:14px}
.workshop h2{font-size:23px;margin:5px 0}
.workshop p{font-size:13px;line-height:1.45}
.footer-main{padding:23px 0}
@media(max-width:850px){.hero-layout{padding:20px 0 25px!important}.hero-text{padding:0!important}.section{padding:24px 0!important}.feature-art{height:145px!important}}
@media(max-width:550px){.hero-layout{padding:17px 0 20px!important}.section{padding:19px 0!important}.category-grid,.feature-grid,.article-grid{grid-template-columns:1fr}.category-item{min-height:52px}.feature-art{height:165px!important}.workshop{margin:6px 12px 20px;padding:17px}}