@charset "UTF-8";
:root{--ink:#122d2d;--night:#0c2024;--ivory:#f1eee5;--gold:#c1a36a;--line:rgba(120,120,100,.3)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ivory);color:var(--ink);font:17px/1.7 Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05;letter-spacing:-.035em}h1{font-size:clamp(54px,7.6vw,112px)}h2{font-size:clamp(42px,5.6vw,80px)}h3{font-size:clamp(33px,4vw,58px)}em{font-weight:400;color:var(--gold)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{background:transparent;color:inherit;border:1px solid var(--line);padding:12px 18px}a:hover{color:var(--gold)}img{max-width:100%;display:block}p{max-width:68ch}section[id]{scroll-margin-top:110px}.eyebrow{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:.2em;margin-bottom:28px;color:var(--gold)}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:35px;background:var(--night);color:var(--ivory);padding:22px 4vw;border-bottom:1px solid #ffffff15}.wordmark{font:32px/1 Georgia,serif;letter-spacing:.06em;flex-shrink:0}.wordmark span{display:block;font:7px/1.5 Arial;letter-spacing:.15em;margin-top:7px}nav{display:flex;justify-content:center;align-items:center;gap:27px;flex:1;font:20px Georgia,serif}nav>a,.nav-group>a{padding:10px 0}.nav-group{position:relative;display:flex;align-items:center}.drop-toggle{border:0;padding:5px 7px}.submenu{display:none;position:absolute;top:100%;left:-20px;min-width:240px;background:var(--night);padding:16px 20px;box-shadow:0 15px 30px #0003}.submenu a{display:block;padding:8px 0;font-size:18px}.nav-group.open .submenu{display:block}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--gold);padding:15px}.skip:focus{top:10px}.hero{min-height:calc(100svh - 95px);position:relative;background:var(--night);color:var(--ivory);display:flex;align-items:center;padding:8vw;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 35%,#35575b55,transparent 55%),linear-gradient(130deg,#09191f,#173c39);opacity:.8}.hero-copy{position:relative;max-width:1100px}.hero-copy h1{font-size:clamp(58px,8.5vw,126px);margin-bottom:30px}.hero-copy p{max-width:580px;font-size:19px}.actions{display:flex;align-items:center;gap:36px;margin-top:45px}.button{display:inline-block;border:1px solid var(--gold);padding:16px 26px;font-size:11px;letter-spacing:.15em}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding:8px 0;font-size:11px;letter-spacing:.13em}.hero-status{position:absolute;bottom:22px;left:8vw;font-size:11px;opacity:.55}.scroll{position:absolute;bottom:25px;right:8vw;font-size:11px;letter-spacing:.1em}.section{padding:110px 8vw}.section.compact{padding-top:30px}.section-intro{display:grid;grid-template-columns:1.3fr 1fr;column-gap:8vw;align-items:center;margin-bottom:90px}.section-intro>.eyebrow{grid-column:1/-1}.intro{font-size:21px;line-height:1.65}.area-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;margin:85px 0 120px}.area-row:nth-child(odd){grid-template-columns:1.2fr .8fr}.area-row:nth-child(odd) .area-copy{order:2}.media-placeholder{min-height:420px;display:flex;align-items:flex-end;padding:28px;background:linear-gradient(140deg,#183c3d,#0f252a);color:#d0cabc;border:1px solid #a69b7733}.media-placeholder span{font:11px/1.6 Arial;letter-spacing:.07em;max-width:300px;opacity:.7}.media-placeholder.turisztika{background:linear-gradient(160deg,#6d6849,#2b3c38)}.media-placeholder.kornyezetvedelem{background:linear-gradient(160deg,#35545b,#162f2b)}.dark{background:var(--night);color:var(--ivory)}.page-title{padding:110px 8vw 65px}.page-title h1{max-width:1100px}.page-title .intro{max-width:900px}.narrow .intro{max-width:950px}.officer{display:grid;grid-template-columns:1fr 1.5fr;gap:7vw;margin-top:90px;align-items:start}.portrait{min-height:500px}.cinematic .media-placeholder{min-height:52vw;max-height:720px}.activity-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;margin-top:50px}.activity-detail ul{padding-left:20px;font-size:17px}.activity-detail li{padding:7px 0}.video-block{background:var(--ink);color:var(--ivory);position:relative;padding:95px 8vw;min-height:500px;border-bottom:1px solid #ffffff20;overflow:hidden}.video-block:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#04161fcc,transparent),var(--video-cover,none);background-size:cover;background-position:center;opacity:.7;pointer-events:none}.video-block>*{position:relative}.video-block h3{font-size:clamp(42px,5vw,70px);max-width:800px}.video-play{display:flex;align-items:center;gap:20px;border:0;padding:15px 0;letter-spacing:.13em;font-size:11px}.play-circle{border:1px solid var(--gold);width:75px;height:75px;border-radius:50%;display:grid;place-items:center;font-size:20px}.video-note{font-size:12px;opacity:.65}.video-frame{width:100%;aspect-ratio:16/9;border:0;margin-top:30px}.featured{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:60px 0}.featured article:nth-child(2){margin-top:110px}.location-photo{width:100%;height:430px;object-fit:cover}.location-filters,.route-filters{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:30px}.location-filters button{border:0;font-size:12px;letter-spacing:.05em;padding:10px}.location-filters button.active{background:var(--ink);color:var(--ivory)}.search-label{margin-left:auto;font-size:12px;display:flex;flex-direction:column}input,select{background:transparent;color:inherit;border:1px solid var(--line);padding:12px}select option{background:var(--ivory);color:var(--ink)}.editorial-locations article{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;margin:70px 0;align-items:center}.editorial-locations article:nth-child(even) .location-photo-link{order:2}.location-meta{font-size:11px;letter-spacing:.15em;color:var(--gold);margin:20px 0}.image-locations{columns:2;column-gap:35px}.image-locations article{break-inside:avoid;margin-bottom:50px}.image-locations .location-photo{height:auto;max-height:700px;object-fit:cover}.image-locations h3{font-size:35px;margin-bottom:12px}.gallery-open{font-size:11px;letter-spacing:.1em;margin-top:18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:50px 0}.gallery-grid button{padding:0;border:0}.gallery-grid img{width:100%;height:250px;object-fit:cover}.detail-heading{max-width:1100px}.detail-heading h1{font-size:clamp(48px,6.7vw,90px)}.detail-links{display:flex;flex-wrap:wrap;gap:20px}.route-filters label{display:flex;flex:1;min-width:155px;flex-direction:column;font-size:12px;gap:8px}.route-row{display:grid;grid-template-columns:80px 1fr auto;gap:35px;padding:45px 0;border-bottom:1px solid var(--line);align-items:center}.route-row h3{font-size:38px;margin-bottom:12px}.route-badge{font-size:12px;letter-spacing:.06em}.route-stats{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.route-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:950px;margin:50px 0}.route-facts>div{border-top:1px solid var(--line);padding-top:15px}.route-facts dt{font-size:11px;color:#687d7b}.route-facts dd{margin:5px 0;font-size:18px}.notice{border-left:2px solid var(--gold);padding:15px 25px;background:#c1a36a15}.partner{display:grid;grid-template-columns:40px 1fr 1.3fr;gap:5vw;align-items:center;padding:55px 0;border-bottom:1px solid var(--line)}.partner h2{font-size:40px}.partner-logo{min-height:190px;background:transparent;color:inherit}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw}.contact-layout h2{font-size:45px}dl dt{font-size:12px;color:#71807c;margin-top:20px}dl dd{margin:5px 0 25px}.legal{max-width:1150px;padding-top:20px}.legal h2{font-size:32px;margin-top:45px}.legal p{max-width:80ch}footer{background:#07171b;color:var(--ivory);padding:80px 8vw 30px}.footer-lead p{font:clamp(35px,4.8vw,65px)/1.2 Georgia,serif}.footer-bottom{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:65px;padding-top:25px;border-top:1px solid #ffffff20;font-size:11px}.footer-bottom button{font-size:11px;border:0;padding:0}dialog{background:var(--ivory);color:var(--ink);border:0;padding:35px;max-width:1000px;width:90vw;max-height:90svh;overflow:auto}dialog::backdrop{background:#001014dd}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-top h2{font-size:28px;margin-bottom:15px}.lightbox-image{width:100%;height:65svh;object-fit:contain;background:#07171b}.lightbox-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.lightbox-controls p{margin:0;font-size:12px}#privacy{max-width:650px}#privacy h2{font-size:40px}#privacy button{margin:10px 8px 5px 0}#location-count,#route-count{font-size:12px;color:#697975}body.menu-open{overflow:hidden}noscript{display:block;padding:25px}

@media(max-width:1050px){.header{justify-content:space-between;padding:18px 6vw}.menu-toggle{display:block;font-size:11px;letter-spacing:.1em}.menu-toggle span{margin-left:15px;font-size:20px}nav{display:none;position:fixed;inset:83px 0 0;background:var(--night);overflow:auto;padding:35px 8vw;font-size:28px}nav.open{display:block}nav>a{display:block;padding:15px 0}.nav-group{display:flex;flex-wrap:wrap;border-bottom:1px solid #ffffff20;padding:10px 0}.nav-group>a{flex:1}.drop-toggle{font-size:25px;padding:10px 20px}.submenu{position:static;width:100%;box-shadow:none;padding:0 20px 15px}.submenu a{font-size:21px}.hero{min-height:calc(100svh - 83px)}.section{padding:75px 6vw}.page-title{padding:75px 6vw 40px}.hero{padding:75px 6vw}.section-intro{column-gap:5vw}.hero-status{left:6vw}.featured{gap:25px}.location-photo{height:340px}}
@media(max-width:650px){body{font-size:16px}.hero-copy h1{font-size:57px}.hero-copy p{font-size:16px}.hero .eyebrow{font-size:9px;max-width:230px}.hero{padding-bottom:100px;min-height:700px;min-height:calc(100svh - 83px)}.actions{gap:24px;flex-wrap:wrap;margin-top:25px}.button{padding:14px 18px}.scroll{display:none}.hero-status{max-width:260px;font-size:10px}.section-intro,.area-row,.area-row:nth-child(odd),.officer,.activity-detail,.editorial-locations article,.contact-layout{grid-template-columns:1fr}.section-intro{margin-bottom:50px}.intro{font-size:18px}.area-row{margin:55px 0 75px;gap:30px}.area-row:nth-child(odd) .area-copy{order:0}.media-placeholder{min-height:320px}.portrait{min-height:380px}.officer{gap:30px;margin-top:55px}.cinematic .media-placeholder{min-height:320px}.activity-detail{gap:20px}.video-block{padding:65px 6vw;min-height:450px}.featured{grid-template-columns:1fr;gap:35px}.featured article:nth-child(2){margin-top:0}.image-locations{columns:1}.editorial-locations article{gap:25px;margin:40px 0 65px}.editorial-locations article:nth-child(even) .location-photo-link{order:0}.location-photo{height:320px}.search-label{margin:0;width:100%}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-grid img{height:160px}.route-row{grid-template-columns:35px 1fr;gap:15px}.route-row>a{grid-column:2}.route-row h3{font-size:31px}.route-stats{gap:12px}.route-facts{grid-template-columns:1fr 1fr}.partner{grid-template-columns:1fr;gap:20px}.partner-logo{min-height:150px}.partner h2{font-size:34px}.footer-bottom{gap:18px}dialog{padding:18px;width:96vw}.lightbox-image{height:60svh}.lightbox-controls button{padding:10px}.dialog-top h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.wordmark{display:block;background:var(--ivory);padding:7px 12px;width:155px}.wordmark img{width:100%;height:auto}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-atmosphere{background:linear-gradient(90deg,#04161ddd 0%,#051b2380 65%,#071c2333);opacity:1}.hero-logo{width:240px;height:auto;filter:invert(1);margin-bottom:35px}.hero-status{border:0;padding:6px 0;color:var(--ivory);opacity:.8;background:transparent}.area-visual{margin:0;height:480px;overflow:hidden}.area-visual img{width:100%;height:100%;object-fit:cover}.cinematic .area-visual{height:52vw;max-height:720px}.partner-logo{padding:25px;background:#fff;display:flex;align-items:center;justify-content:center}.partner-logo img{width:auto;max-width:100%;max-height:200px;object-fit:contain}.hero-copy .eyebrow{margin-bottom:22px}
@media(max-width:650px){.wordmark{width:135px}.hero-logo{width:190px;margin-bottom:25px}.area-visual{height:350px}.cinematic .area-visual{height:350px}.hero-copy h1{font-size:52px}.hero{min-height:800px}.hero-status{bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-video:not(.hero-manual-play){display:none}.hero{background:linear-gradient(90deg,#04161dbb,#051b2355),url('../images/hero-poster.jpg') center/cover}}
@media(prefers-reduced-motion:no-preference){.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal-ready.reveal-visible{opacity:1;transform:none}.area-visual img{transition:transform 1.4s ease}.area-visual:hover img{transform:scale(1.025)}}

/* Kezdőlapi logóarányok és az elnöki portré. */
.home-page .wordmark-symbol{width:64px;height:64px;padding:0;background:transparent;display:flex;align-items:center;justify-content:center}
.home-page .wordmark-symbol img{width:64px;height:64px;object-fit:contain}
.home-page .hero{padding-top:60px;padding-bottom:95px}
.home-page .hero-logo{width:clamp(330px,39vw,570px);max-width:100%;margin-bottom:24px}
.home-page .hero-copy{max-width:920px}
.home-page .hero-copy h1{font-size:clamp(46px,5.2vw,76px);line-height:1.08;margin-bottom:22px}
.home-page .hero-copy p{font-size:18px;max-width:600px;line-height:1.65}
.home-page .hero-copy .eyebrow{max-width:620px;font-size:10px;margin-bottom:18px}
.home-page .actions{margin-top:28px}
.officer-photo{margin:0;overflow:hidden;aspect-ratio:4/5;max-height:650px;background:var(--ink)}
.officer-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
@media(max-width:1050px){.home-page .header{padding-top:10px;padding-bottom:10px}}
@media(max-width:650px){.home-page .wordmark-symbol,.home-page .wordmark-symbol img{width:56px;height:56px}.home-page .hero{padding:45px 6vw 85px;min-height:calc(100svh - 80px)}.home-page .hero-logo{width:100%;max-width:390px;margin-bottom:24px}.home-page .hero-copy h1{font-size:43px}.home-page .hero-copy p{font-size:16px}.home-page .hero-copy .eyebrow{font-size:9px;max-width:320px}.home-page .actions{margin-top:24px;gap:20px}.officer-photo{max-height:none;aspect-ratio:4/5}}

/* Latest supplied full colour logo; the homepage corner symbol is retained. */
.header .wordmark:not(.wordmark-symbol){width:190px;background:transparent;padding:0}
.header .wordmark:not(.wordmark-symbol) img{display:block;width:100%;height:auto;filter:none}
.home-page .hero-logo{width:clamp(520px,58vw,850px);max-width:100%;height:auto;filter:none;margin-bottom:22px}
.home-page .hero-copy{max-width:1000px}
.home-page .hero-copy h1{font-size:clamp(38px,4.6vw,65px);line-height:1.1;margin-bottom:20px}
.home-page .hero-copy p{max-width:640px;font-size:18px;line-height:1.6}
@media(max-width:1000px){.header .wordmark:not(.wordmark-symbol){width:165px}}
@media(max-width:650px){.home-page .hero-logo{width:100%;max-width:540px;margin-bottom:20px}.home-page .hero-copy h1{font-size:clamp(30px,8vw,43px)}.home-page .hero-copy p{font-size:16px}.header .wordmark:not(.wordmark-symbol){width:155px}}
.partner-logo:has(img[src$="dreality.png"]){background:#020305}
.partner-logo img[src$="dreality.png"]{width:100%;max-width:350px;object-fit:contain}

.home-page .header{justify-content:center}
.home-page .header nav{margin-left:0;margin-right:0}
.location-description{max-width:900px;margin-top:24px}
.location-description p{margin-bottom:24px}
.official-link{margin-top:18px;margin-bottom:0}
.section-navigation{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:45px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.route-explanation{font-size:14px;max-width:800px;opacity:.8}
@media(max-width:1050px){.home-page .header{justify-content:flex-end}.home-page .header nav{margin:0}}

nav.section-navigation{position:static;inset:auto;display:flex;background:transparent;overflow:visible;padding:25px 0;font:14px/1.5 Arial,sans-serif;flex:none}

/* Contact values share one readable type size. */
.contact-layout dd,.contact-layout dd a{font:400 18px/1.7 Arial,sans-serif;letter-spacing:normal}
.contact-layout dd a{padding:0;text-transform:none}

/* Tourist trail guide: scoped styles keep the main navigation intact. */
.guide-date,.guide-note{font-size:14px;opacity:.8}.guide-overview{max-width:960px}.trail-jump{position:static;inset:auto;overflow:visible;display:flex!important;flex-wrap:wrap;justify-content:flex-start;gap:12px 25px;flex:none;background:transparent;padding:30px 0;font:15px/1.5 Arial,sans-serif}.trail-jump a{border-bottom:1px solid var(--gold);padding:8px 0}.trail-colors{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:50px 0}.trail-color{display:flex;gap:25px;align-items:flex-start}.trail-color h3{font-size:34px;margin-bottom:15px}.trail-color .trail-symbol{flex:0 0 100px;width:100px;height:auto}.trail-symbol{width:100px;height:auto;background:#fff;box-shadow:0 0 0 1px #ccc}.sign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:50px 0}.sign-card{padding:30px 24px;border:1px solid var(--line)}.sign-card h3{font-size:30px;margin:30px 0 18px}.sign-card p{font-size:16px}.sign-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sign-row .trail-symbol{width:100%}.extras{grid-template-columns:repeat(2,minmax(0,1fr))}.trail-practical{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px}.trail-practical h3{font-size:32px}.trail-sources{max-width:900px;padding-left:20px}.trail-sources li{margin:15px 0}.trail-sources a{border-bottom:1px solid var(--gold)}
@media(max-width:1000px){.sign-grid,.trail-practical{grid-template-columns:repeat(2,minmax(0,1fr))}.trail-colors{grid-template-columns:1fr}}
@media(max-width:650px){.sign-grid,.trail-practical,.extras{grid-template-columns:1fr}.trail-color{gap:20px}.sign-row .trail-symbol{max-width:90px}.trail-jump{gap:8px 20px}.sign-card{padding:25px}.guide-date{font-size:12px}}

.gallery-tabs{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.gallery-tabs a{padding:10px 0;border-bottom:2px solid transparent;text-decoration:none}.gallery-tabs a[aria-current="page"]{border-color:var(--gold);color:var(--gold)}

/* A fejezetlinkek az alapelv melletti hasábban. */
.section.guide-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:clamp(32px,6vw,88px);align-items:start;padding-bottom:40px}
.guide-intro .guide-overview h2{margin-bottom:24px}.guide-intro .guide-overview p:last-child{margin-bottom:0}
.guide-intro .trail-jump{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:0;margin:8px 0 0;font-size:19px}
.guide-intro .trail-jump a{display:block;padding:12px 0}
.guide-intro + #jelkepek{padding-top:48px}.guide-intro + #jelkepek h2{margin-bottom:24px}.guide-intro + #jelkepek .sign-grid{margin-top:28px}
@media(max-width:650px){.section.guide-intro{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.guide-intro .trail-jump{margin-top:0}.guide-intro + #jelkepek{padding-top:36px}}

/* Fejezetlinkek az alapelv fölött. */
.section.guide-intro{display:flex;flex-direction:column;gap:28px}
.guide-intro .trail-jump{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px 32px;margin:0}
.guide-intro .guide-overview{max-width:960px}
@media(max-width:650px){.guide-intro .trail-jump{gap:8px 24px}}

/* A főoldali tevékenységbevezető egy összefüggő szövegblokk. */



@media(max-width:650px){}

/* Visszafogottabb tevékenységképek a főoldalon. */
.home-page #ertekek .area-visual{height:400px;width:90%;margin-inline:auto}
@media(max-width:1050px){.home-page #ertekek .area-visual{height:320px;width:100%}}
@media(max-width:650px){.home-page #ertekek .area-visual{height:clamp(220px,58vw,300px)}}

/* Két összetartozó hasáb, balra zárt leírással. */






/* A bevezető leírás az alatta lévő kép középvonalához igazodik. */
.home-page #ertekek .section-intro{grid-template-columns:.8fr 1.2fr;column-gap:7vw}
.home-page #ertekek .section-intro>p{width:90%;max-width:none;justify-self:center;text-align:left;margin-inline:auto}
.activity-lead{font-family:Georgia,'Times New Roman',serif;font-size:26px;line-height:1.25;color:var(--gold)}
.activity-initial{font-size:44px;line-height:1;vertical-align:baseline}
#tisztsegviselok>h2{color:var(--gold)}
@media(max-width:650px){.home-page #ertekek .section-intro{grid-template-columns:1fr}.home-page #ertekek .section-intro>p{width:100%}.activity-lead{font-size:24px}.activity-initial{font-size:38px}}

/* Kisebb tisztségviselői portrék, eredeti képaránnyal. */
#tisztsegviselok .officer-photo{width:100%;max-width:280px;aspect-ratio:auto;max-height:none;justify-self:center}
#tisztsegviselok .officer-photo img{width:100%;height:auto;object-fit:contain}
@media(max-width:650px){#tisztsegviselok .officer-photo{max-width:230px}}

/* Azonos méretű, a szöveghasábhoz arányos portrék. */
#tisztsegviselok .officer{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(32px,5vw,72px)}
#tisztsegviselok .officer-photo{width:100%;max-width:320px;aspect-ratio:4/5;max-height:none;justify-self:start}
#tisztsegviselok .officer-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
@media(max-width:750px){#tisztsegviselok .officer{grid-template-columns:1fr;gap:28px}#tisztsegviselok .officer-photo{width:min(100%,280px);max-width:280px;justify-self:center}}

/* Halvány kiemelés a Felfedezések almenüjében és kategóriáinál. */
.nav-discoveries .submenu a{padding:10px 12px;border-radius:3px;transition:background-color .18s ease}
.nav-discoveries .submenu a:hover,.nav-discoveries .submenu a:focus-visible{background:rgba(193,163,106,.16)}
.location-filters button:not(.active):hover,.location-filters button:not(.active):focus-visible{background:rgba(193,163,106,.16)}
@media(min-width:1051px){.header .drop-toggle{display:none}}
@media(max-width:1050px){.header .drop-toggle{font:12px/1.4 Arial,sans-serif;padding:10px 12px}}

/* A hosszú videócímek keskeny mobilon is elférnek. */
@media(max-width:650px){.video-block h3{font-size:clamp(24px,7vw,42px);max-width:100%;overflow-wrap:anywhere;hyphens:auto}.video-block{min-width:0}}

/* ===== Korábbi WordPress CSS-javítások átemelve ===== */
/* Film, Turisztika, Környezetvédelem */
:is(#film, #turisztika, #kornyezetvedelem) {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  grid-template-areas:
    "title image"
    "text image";
  gap: 25px 50px;
  padding-top: 45px;
  padding-bottom: 55px;
}

/* Cím balra fent */
:is(#film, #turisztika, #kornyezetvedelem) > h2 {
  grid-area: title;
  margin: 0;
}

/* Leírás és felsorolás balra */
:is(#film, #turisztika, #kornyezetvedelem) > .activity-detail {
  grid-area: text;
  display: block;
  min-width: 0;
  margin: 0;
}

:is(#film, #turisztika, #kornyezetvedelem) .activity-detail > p {
  margin: 0 0 25px;
}

:is(#film, #turisztika, #kornyezetvedelem) .activity-detail > ul {
  margin: 0;
  padding-left: 22px;
}

/* Kép jobbra, a címtől a szöveg aljáig */
:is(#film, #turisztika, #kornyezetvedelem) > .area-visual {
  grid-area: image;
  position: relative;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  align-self: stretch;
}

:is(#film, #turisztika, #kornyezetvedelem) .area-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Mobilon egymás alatt */
@media (max-width: 800px) {
  :is(#film, #turisztika, #kornyezetvedelem) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "text"
      "image";
    gap: 25px;
  }

  :is(#film, #turisztika, #kornyezetvedelem) .area-visual img {
    position: static;
    height: auto;
  }
}
/* Pontos ugrás a Tisztségviselőink szakaszra */
html:has(#tisztsegviselok:target) {
  scroll-padding-top: 0;
}

#tisztsegviselok {
  scroll-margin-top: var(--mmte-nav-top, 100px);
  padding-top: 35px;
}
@media (max-width: 650px) {
  #tisztsegviselok > h2 {
    font-size: clamp(24px, 7vw, 42px);
    line-height: 1.15;
    letter-spacing: -0.02em;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}
/* Helyszínek: kisebb térköz a cím és a szűrők között */
#main:has(#locations) > .page-title {
  padding-bottom: 20px;
}

#main:has(#locations) > .page-title h1 {
  margin-bottom: 0;
}

#main:has(#locations) > .section.compact {
  padding-top: 15px;
}
@media (max-width: 650px) {
  #main:has(#locations) > .page-title h1 {
    font-size: clamp(28px, 7.5vw, 40px);
    line-height: 1.15;
    overflow-wrap: break-word;
  }

  #main:has(#locations) > .page-title {
    padding-top: 35px;
    padding-bottom: 15px;
  }
}
/* Partnerek számozásának elrejtése */
.partner > .eyebrow {
  display: none;
}

/* Logó és név közelebb egymáshoz */
.partner {
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: 25px;
}

/* Mobilos elrendezés és címméret */
@media (max-width: 650px) {
  #main:has(.partner) > .page-title h1 {
    font-size: clamp(28px, 7.5vw, 40px);
    line-height: 1.15;
    overflow-wrap: break-word;
  }

  .partner {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
    padding: 30px 0;
  }

  .partner-logo {
    min-height: 0;
    padding: 15px;
  }

  .partner h2 {
    margin-bottom: 12px;
  }
}
/* Partnereink: főcím és első logó közötti térköz */
#main:has(.partner) > .page-title {
  padding-bottom: 15px;
}

#main:has(.partner) > .page-title h1 {
  margin-bottom: 0;
}

#main:has(.partner) > .section.compact {
  padding-top: 0;
}

.partner:first-child {
  padding-top: 15px;
}

/* Helyszínek – egységes, véglegesített elrendezés */
#locations.editorial-locations article {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 10px 30px;
  align-items: start;
  margin: 20px 0 25px;
}
#locations.editorial-locations article > .location-copy { display: contents; }
#locations .location-copy > .location-meta { grid-column: 1; grid-row: 1; margin: 0; }
#locations .location-copy > h3 { grid-column: 1; grid-row: 2; margin: 0 0 10px; }
#locations .location-copy > p:not(.location-meta):not(.official-link) { grid-column: 1; grid-row: 3; margin: 0 0 8px; }
#locations .location-copy > a.text-link { grid-column: 1; grid-row: 4; justify-self: start; width: fit-content; max-width: 100%; }
#locations .location-copy > .official-link { grid-column: 1; grid-row: 5; margin: 0; }
#locations .official-link .text-link { display: inline-block; width: fit-content; max-width: 100%; }
#locations.editorial-locations article > .location-photo-link {
  grid-column: 2; grid-row: 1 / 6; position: relative;
  width: 100%; max-width: none; height: 420px; margin: 0;
  align-self: start; justify-self: stretch;
}
#locations.editorial-locations .location-photo {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
}
@media (min-width: 651px) and (max-width: 1050px) {
  #locations.editorial-locations article { display: flex; flex-direction: column; gap: 18px; }
  #locations.editorial-locations article > .location-copy { display: block; order: 1; width: 100%; }
  #locations.editorial-locations article > .location-photo-link {
    order: 2; width: 100%; max-width: 600px; height: 420px;
    margin: 0; align-self: center;
  }
}
@media (max-width: 650px) {
  #main:has(#locations) #location-count { display: none; }
  #main:has(#locations) .location-filters { margin-bottom: 15px; }
  #locations.editorial-locations article { display: flex; flex-direction: column; gap: 12px; margin: 15px 0 20px; }
  #locations.editorial-locations article > .location-copy { display: block; order: 1; }
  #locations .location-copy > h3 { margin-bottom: 12px; }
  #locations .location-copy > a.text-link { display: inline-block; margin-bottom: 10px; }
  #locations.editorial-locations article > .location-photo-link {
    order: 2; width: 90%; max-width: 360px; height: 280px; align-self: center;
  }
  #locations.editorial-locations .location-photo { position: absolute; height: 100%; object-fit: cover; }
  #locations .location-copy > :last-child { margin-bottom: 0; }
}


/* ============================================================
   MMTE V1 – iOS / Android / tablet reszponzív finomhangolás
   Az eredeti arculat és jóváhagyott szabályok megtartásával.
   ============================================================ */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { min-width: 0; }
:where(main, header, footer, section, article, .section, .page-title, .hero-copy,
       .area-copy, .activity-detail, .location-copy, .partner, .officer,
       .section-intro, .contact-layout, .sign-card, .route-row) { min-width: 0; }
:where(h1, h2, h3, h4, p, li, blockquote, figcaption, .eyebrow,
       .intro, .location-meta, .text-link, .button, .partner h2,
       .wordmark, .submenu a, .trail-jump a) {
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}
:where(a, .text-link, .official-link, .location-copy, .route-facts) { min-width: 0; }
:where(img, video, iframe, svg) { max-width: 100%; }
:where(input, select, textarea) { max-width: 100%; min-width: 0; }
:where(.section-intro, .area-row, .officer, .activity-detail, .featured,
       .contact-layout, .partner, .guide-intro, .trail-colors, .trail-practical,
       .sign-grid, .gallery-grid) > * { min-width: 0; }
/* Kifejezetten hosszú URL-ek, összefüggő szavak */
:where(.location-copy, .official-link, .contact-layout, .footer-bottom) a {
  overflow-wrap: anywhere;
}
@media (max-width: 1050px) {
  .header { min-width: 0; }
  .header nav.open { max-width: 100%; box-sizing: border-box; }
  .submenu { max-width: 100%; min-width: 0; }
  .page-title h1, .section h2, .video-block h3 {
    max-width: 100%; overflow-wrap: break-word;
  }
  .location-filters, .route-filters { min-width: 0; }
  .location-filters > *, .route-filters > * { max-width: 100%; }
}
@media (max-width: 800px) {
  /* A három tevékenység képe és szövege biztosan egymás alá kerül. */
  :is(#film, #turisztika, #kornyezetvedelem) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "text" "image";
  }
  :is(#film, #turisztika, #kornyezetvedelem) > .area-visual {
    width: 100%; height: auto; aspect-ratio: 4 / 3;
  }
  :is(#film, #turisztika, #kornyezetvedelem) .area-visual img {
    position: static; display: block; width: 100%; height: 100%; object-fit: cover;
  }
}
@media (max-width: 650px) {
  body { font-size: 16px; }
  h1 { font-size: clamp(30px, 8vw, 44px); line-height: 1.12; }
  h2 { font-size: clamp(27px, 7vw, 39px); line-height: 1.15; }
  h3 { font-size: clamp(23px, 6vw, 33px); line-height: 1.18; }
  .hero-copy h1 { font-size: clamp(30px, 8vw, 43px); }
  .section, .page-title, .video-block { min-width: 0; }
  .section-intro, .area-row, .officer, .activity-detail, .contact-layout,
  .featured, .partner { grid-template-columns: minmax(0, 1fr); }
  .actions { flex-wrap: wrap; }
  .actions > * { max-width: 100%; }
  .wordmark { max-width: 55vw; }
  .wordmark img { max-width: 100%; height: auto; }
  .search-label { width: 100%; max-width: 100%; }
  .search-label input { width: 100%; }
  #locations.editorial-locations article { min-width: 0; }
  #locations.editorial-locations article > .location-copy { min-width: 0; }
  #locations.editorial-locations article > .location-photo-link {
    max-width: min(360px, 100%); min-width: 0;
  }
  .trail-color { min-width: 0; }
  .trail-color > :not(.trail-symbol) { min-width: 0; }
  .sign-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .route-row { min-width: 0; }
  .route-row h3 { font-size: clamp(23px, 6vw, 31px); }
  .footer-bottom { flex-wrap: wrap; }
  dialog { max-width: calc(100% - 16px); }
}
@media (max-width: 380px) {
  .hero-copy h1 { font-size: clamp(28px, 8vw, 34px); }
  .page-title h1 { font-size: clamp(28px, 8vw, 34px); }
  .header { gap: 10px; }
  .menu-toggle { padding: 10px; }
  .section, .page-title { overflow-wrap: break-word; }
  .location-filters button, .route-filters button { max-width: 100%; white-space: normal; }
}
/* Csak ott törjük bárhol a szót, ahol egyébként kilógna. */
@supports (overflow-wrap: anywhere) {
  :where(.page-title h1, .hero-copy h1, .video-block h3,
         .partner h2, #tisztsegviselok h2) { overflow-wrap: anywhere; }
}

/* MMTE V1 – 2026-10-12: Tevékenységek, menüugrások, MovingDog */
/* A három tevékenység címe és leírása balra, a kép jobbra. */
@media (min-width: 801px) {
  :is(#film, #turisztika, #kornyezetvedelem) {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    grid-template-areas: "title image" "text image";
    align-items: start;
    gap: 18px clamp(24px, 4vw, 65px);
  }
  :is(#film, #turisztika, #kornyezetvedelem) > h2 {grid-area:title;min-width:0;}
  :is(#film, #turisztika, #kornyezetvedelem) > .activity-detail {grid-area:text;min-width:0;}
  :is(#film, #turisztika, #kornyezetvedelem) > .area-visual {
    grid-area:image; width:100%; max-width:520px; height:auto;
    aspect-ratio:4/3; min-height:0; margin:0; align-self:start; justify-self:end;
    position:relative; overflow:hidden;
  }
  :is(#film, #turisztika, #kornyezetvedelem) > .area-visual img {
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  }
}
@media (max-width: 800px) {
  :is(#film, #turisztika, #kornyezetvedelem) {
    display:grid; grid-template-columns:minmax(0,1fr);
    grid-template-areas:"title" "text" "image"; gap:18px;
  }
  :is(#film, #turisztika, #kornyezetvedelem) > .area-visual {
    grid-area:image; width:100%; max-width:560px; aspect-ratio:4/3;
    height:auto; margin:0 auto; overflow:hidden;
  }
  :is(#film, #turisztika, #kornyezetvedelem) > .area-visual img {
    position:static; width:100%; height:100%; object-fit:cover;
  }
}
/* Horgonyokra ugrás: a ragadós fejléc ne takarja el a címet. */
html {scroll-padding-top:clamp(75px, 7vw, 110px);}
:where(section[id], article[id], #film, #turisztika, #kornyezetvedelem, #tisztsegviselok) {
  scroll-margin-top:clamp(75px, 7vw, 110px);
}
html:has(#tisztsegviselok:target) {scroll-padding-top:clamp(75px, 7vw, 110px);}
/* MovingDog logó: fekete tábla, az eredeti fehér logógrafika változatlan. */
.partner-logo:has(img[src*="movingdog" i]),
.partner-logo:has(img[alt*="movingdog" i]) {background:#000; color:#fff;}
.partner:has(img[src*="movingdog" i]) .partner-logo,
.partner:has(img[alt*="movingdog" i]) .partner-logo {background:#000; color:#fff;}

/* MMTE V1 – Partnereink: 01 / 02 / 03 sorszámok elrejtése.
   A partner neve, logója és leírása változatlan. */
.partner > .eyebrow,
.partner > .partner-number,
.partner > .partner-index {
  display: none !important;
}
/* A sorszámos oszlop helyét se tartsa fenn a rács. */
@media (min-width: 651px) {
  .partner {
    grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    gap: 25px;
  }
}
@media (max-width: 650px) {
  .partner { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================
   MMTE V1 – 2026-10-12: mobil / tablet finomhangolás
   Csak a kért nézetekre és oldalelemekre.
   ============================================================ */
/* Rólunk: a három tevékenység sorszámai nem jelennek meg. */
#main:has(#kuldetes) .area-row .eyebrow,
#main:has(#kuldetes) .area-row .area-number,
#main:has(#kuldetes) .area-row .area-index {display:none!important;}

/* Rólunk: tableten a képek ne nőjenek túl a szöveges blokkokon. */
@media (min-width:651px) and (max-width:1050px) {
  #main:has(#kuldetes) .area-row {gap:clamp(20px,4vw,44px);margin:36px 0 48px;align-items:center;}
  #main:has(#kuldetes) .area-row .area-visual {width:100%;max-width:360px;height:auto;aspect-ratio:4/3;justify-self:center;}
  #main:has(#kuldetes) .area-row .area-visual img {width:100%;height:100%;object-fit:cover;}
  #main:has(#kuldetes) .area-row .media-placeholder {min-height:0;aspect-ratio:4/3;}
  /* Felfedezések: a kereső férjen el a kategóriák mellett. */
  #main:has(#locations) .location-filters {display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;}
  #main:has(#locations) .location-filters .search-label {width:auto;min-width:170px;max-width:230px;margin-left:auto;flex:0 1 230px;}
  #main:has(#locations) .location-filters .search-label input {width:100%;}
}
@media (max-width:650px) {
  /* Rólunk: kisebb idézetek, kisebb üres szakaszközök. */
  #main:has(#kuldetes) .page-title h1 em,
  #main:has(#kuldetes) .section-intro h2 em {font-size:.74em;line-height:1.12;}
  #main:has(#kuldetes) .area-row {margin:22px 0 34px;gap:16px;}
  #main:has(#kuldetes) .area-row .area-visual {height:auto;aspect-ratio:4/3;max-height:260px;}
  #main:has(#kuldetes) .area-row .area-visual img {height:100%;object-fit:cover;}
  #main:has(#kuldetes) .section-intro {margin-bottom:25px;}

  /* Tevékenységünk: a címbeli idézet és a hosszú szakaszcím. */
  #main:has(> #film) > .page-title h1 {font-size:clamp(26px,6.8vw,36px);line-height:1.08;letter-spacing:-.04em;}
  #main:has(> #film) > .page-title h1 em {font-size:.86em;}
  #kornyezetvedelem > h2 {font-size:clamp(25px,6.6vw,36px);line-height:1.12;letter-spacing:-.045em;overflow-wrap:normal;hyphens:auto;}

  /* Felfedezések: kompakt főcím és egy soros térképes alcím. */
  #main:has(#locations) > .page-title h1 {font-size:clamp(25px,6.7vw,35px);line-height:1.1;letter-spacing:-.045em;}
  #main:has(#locations) .section-intro h2 em {font-size:clamp(13px,3.4vw,17px);letter-spacing:-.025em;white-space:nowrap;}

  /* Felfedezések: balra kategóriák, jobbra összes helyszín és kereső. */
  #main:has(#locations) .location-filters {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;align-items:start;}
  #main:has(#locations) .location-filters > button {grid-column:1;justify-self:start;text-align:left;padding:7px 8px;}
  #main:has(#locations) .location-filters > button:first-of-type {grid-column:2;grid-row:1;}
  #main:has(#locations) .location-filters > .search-label {grid-column:2;grid-row:2 / span 3;width:100%;min-width:0;margin:0;align-self:start;}
  #main:has(#locations) .location-filters > .search-label input {width:100%;min-width:0;}
}
/* Galéria: a kijelölt Épített örökség fül mögött se legyen zöld kitöltés. */
.gallery-tabs a {background:transparent;}
.gallery-tabs a[aria-current="page"] {background:transparent;}