:root{--seo-blue:#0b2f61;--seo-teal:#10a696;--seo-ink:#0b2548;--seo-muted:#62748c;--seo-line:#dce7f1;--seo-bg:#f5f9fc;--seo-card:#fff}
.seo-page{background:linear-gradient(180deg,#f8fbfd 0,#eef5fa 100%);color:var(--seo-ink)}
.seo-topbar{position:sticky;top:0;z-index:50}.seo-topbar .mainnav{gap:20px}.seo-topbar .mainnav>a{font-size:13px}
.seo-main{max-width:1180px;margin:0 auto;padding:26px 22px 70px}.seo-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#75879b;font-size:13px;margin:4px 0 18px}.seo-breadcrumb a{color:#4d6e95}.seo-breadcrumb span[aria-current="page"]{font-weight:700;color:#5f7188}
.seo-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0,#f1f9fb 55%,#e7f6f3 100%);border:1px solid var(--seo-line);border-radius:24px;padding:48px 50px;margin-bottom:24px;box-shadow:0 18px 45px rgba(31,66,98,.07)}
.seo-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-100px;top:-150px;background:radial-gradient(circle,rgba(24,172,154,.18),rgba(24,172,154,0) 68%)}
.seo-hero>*{position:relative;z-index:1}.seo-hero .eyebrow{display:inline-flex;background:#e8f7f4;color:#087f73;border:1px solid #cdeae4;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;letter-spacing:.05em}.seo-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 15px;max-width:900px}.seo-hero p{max-width:830px;font-size:18px;line-height:1.65;color:#5b6f87;margin:0}.seo-hero .seo-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.seo-button,.seo-button-secondary{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 17px;border-radius:12px;font-weight:900}.seo-button{background:#0b9f91;color:#fff}.seo-button-secondary{background:#fff;color:#173e68;border:1px solid #ccdae7}
.seo-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.seo-stat{background:#fff;border:1px solid var(--seo-line);border-radius:16px;padding:18px}.seo-stat strong{display:block;font-size:28px;letter-spacing:-.03em;color:#0b3a6f}.seo-stat span{display:block;color:#667991;margin-top:3px;font-size:13px}
.seo-section{background:var(--seo-card);border:1px solid var(--seo-line);border-radius:20px;padding:30px;margin:18px 0;box-shadow:0 9px 25px rgba(31,66,98,.035)}.seo-section-head{margin-bottom:20px}.seo-section-head h2,.seo-section h2{font-size:29px;letter-spacing:-.025em;margin:4px 0 8px}.seo-section h3{font-size:20px;margin:23px 0 7px}.seo-section p,.seo-section li{color:#536981;line-height:1.7}.seo-section a:not(.seo-button):not(.seo-button-secondary){color:#0579d7;font-weight:750}.seo-note{border-left:4px solid #16aa9b;background:#eff9f7;border-radius:10px;padding:15px 17px;color:#416377;margin:17px 0}.seo-warning{border-left-color:#e6a62e;background:#fff8e8}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-card{background:#fff;border:1px solid var(--seo-line);border-radius:16px;padding:20px;min-height:160px}.seo-card h3{margin:0 0 8px;font-size:18px}.seo-card p{margin:0;color:#61738a;line-height:1.55;font-size:14px}.seo-card .seo-card-link{display:inline-flex;margin-top:13px;color:#087e74;font-weight:900;font-size:13px}
.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.district-card{display:block;background:#f9fcfd;border:1px solid #dce8f1;border-radius:14px;padding:16px;transition:.15s ease}.district-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(22,57,87,.07)}.district-card b{display:block;color:#0b345f;font-size:15px}.district-card small{display:block;color:#718299;margin-top:5px;line-height:1.35}
.seo-table-wrap{overflow:auto;border:1px solid var(--seo-line);border-radius:14px}.seo-table{width:100%;border-collapse:collapse;min-width:690px}.seo-table th,.seo-table td{text-align:left;padding:13px 14px;border-bottom:1px solid #e7eef4;vertical-align:top}.seo-table th{background:#f4f8fb;color:#294967;font-size:13px}.seo-table td{color:#526a81;line-height:1.5}.seo-table tr:last-child td{border-bottom:0}
.seo-faq details{border:1px solid #dce7ef;border-radius:12px;padding:0 15px;background:#fff;margin:9px 0}.seo-faq summary{cursor:pointer;font-weight:850;color:#173b64;padding:15px 0}.seo-faq details p{margin:0 0 15px;color:#5c7187}.seo-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;padding:0;list-style:none}.seo-checklist li{position:relative;padding:10px 12px 10px 38px;background:#f8fbfc;border:1px solid #e0e9ef;border-radius:12px}.seo-checklist li:before{content:"✓";position:absolute;left:12px;top:10px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#dff6f1;color:#078474;font-size:12px;font-weight:900}
.seo-cta-box{display:grid;grid-template-columns:1fr 1.35fr;gap:22px;align-items:center;background:linear-gradient(135deg,#0c345f,#0c716f);color:#fff;border-radius:22px;padding:30px;margin:24px 0}.seo-cta-box h2{margin:4px 0 8px;font-size:28px}.seo-cta-box p{color:#d9e9ed;margin:0;line-height:1.55}.seo-cta-box .section-kicker{color:#8ce1d6}.seo-address-form{display:grid;grid-template-columns:120px 1fr 1.25fr auto;gap:8px}.seo-address-form input{min-width:0;height:48px;border:1px solid rgba(255,255,255,.3);background:#fff;border-radius:10px;padding:0 12px;color:#18324e}.seo-address-form button{white-space:nowrap;background:#ffd327;color:#4b3a00;box-shadow:none;padding:0 15px}
.seo-search-box{display:flex;gap:9px;max-width:680px}.seo-search-box input{flex:1;height:50px;border:1px solid #cddbe7;background:#fff;border-radius:11px;padding:0 15px;font-size:16px}.seo-search-box button{background:#0c9d90;color:#fff;box-shadow:none}.water-result{margin-top:18px;padding:20px;border:1px solid #cfe5df;background:#f0faf7;border-radius:15px}.water-result h3{margin:0 0 8px}.water-result strong{color:#087e72}.water-matches{display:grid;gap:8px;margin-top:14px}.water-matches a{display:flex;justify-content:space-between;gap:12px;border:1px solid #dce7ef;background:#fff;border-radius:10px;padding:11px 13px;color:#173d68}.water-matches a span{color:#62778d;font-size:13px}
.seo-related{margin:30px 0}.seo-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.seo-related-grid a{position:relative;display:block;background:#fff;border:1px solid var(--seo-line);border-radius:14px;padding:17px 45px 17px 17px}.seo-related-grid b{display:block;color:#123a65}.seo-related-grid span{display:block;color:#6b7d91;font-size:13px;margin-top:4px}.seo-related-grid i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#0c9c8e;font-size:21px}
.seo-footer{margin-top:0}.seo-source-line{font-size:13px;color:#75879b;border-top:1px solid #e3ebf2;margin-top:18px;padding-top:14px}.seo-source-line a{color:#4a6f96}.seo-pill-list{display:flex;gap:8px;flex-wrap:wrap}.seo-pill-list span,.seo-pill-list a{display:inline-flex;background:#eef6fb;border:1px solid #d8e6ef;color:#315779;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:750}
@media (max-width:980px){.seo-grid{grid-template-columns:repeat(2,1fr)}.district-grid{grid-template-columns:repeat(3,1fr)}.seo-cta-box{grid-template-columns:1fr}.seo-address-form{grid-template-columns:1fr 1fr}.seo-address-form button{grid-column:1/-1}.seo-stat-row{grid-template-columns:1fr 1fr}.seo-topbar .mainnav{gap:10px}}
@media (max-width:720px){.seo-main{padding:18px 14px 48px}.seo-hero{padding:30px 20px;border-radius:18px}.seo-hero p{font-size:16px}.seo-section{padding:21px 17px}.seo-grid,.district-grid,.seo-stat-row,.seo-related-grid,.seo-checklist{grid-template-columns:1fr}.seo-address-form{grid-template-columns:1fr}.seo-cta-box{padding:22px}.seo-search-box{display:grid}.seo-table{min-width:610px}.seo-section-head h2,.seo-section h2{font-size:25px}}

/* v1.2 – lokációs SEO oldalak */
.location-hero h1{max-width:980px}.location-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.location-metric{background:#f8fbfd;border:1px solid #dce8f1;border-radius:15px;padding:17px;min-height:128px}.location-metric span{display:block;color:#6b7f95;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.location-metric strong{display:block;color:#0b315f;font-size:21px;line-height:1.2;margin:8px 0}.location-metric small{display:block;color:#75869a;font-size:12px}.location-metric.water{background:#f1faf8;border-color:#cfeae4}.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.city-card{position:relative;display:block;background:#f9fcfd;border:1px solid #dce8f1;border-radius:14px;padding:16px 42px 16px 16px;min-height:82px;transition:.15s ease}.city-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(22,57,87,.07)}.city-card b{display:block;color:#0b345f;font-size:15px}.city-card span{display:block;color:#718299;margin-top:5px;font-size:12px}.city-card i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#0c9c8e;font-size:19px}.district-card .district-more{display:block;margin-top:10px;color:#0b8e82;font-size:11px;font-weight:900}.seo-pill-list a{transition:.12s ease}.seo-pill-list a:hover{background:#e5f4f1;color:#087d72}
@media (max-width:1050px){.location-metric-grid,.city-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.location-metric-grid,.city-grid{grid-template-columns:1fr}.location-metric{min-height:0}.seo-topbar .mainnav>a{font-size:14px}}


/* v1.3 – országos települési SEO katalógus */
.settlement-search-wrap{display:flex;align-items:center;gap:12px;margin:20px 0 14px}.settlement-search{flex:1;min-width:0;border:1px solid #cbd9e8;border-radius:14px;padding:14px 16px;font:inherit;color:#09234b;background:#fff;box-shadow:0 8px 24px rgba(28,72,111,.05)}.settlement-search:focus{outline:3px solid rgba(14,159,147,.13);border-color:#0e9f93}.settlement-result-count{white-space:nowrap;font-size:13px;font-weight:700;color:#64748b}.settlement-alpha{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 26px}.settlement-alpha a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 9px;border:1px solid #d7e2ee;border-radius:10px;background:#fff;color:#0b6f75;font-weight:800;text-decoration:none}.settlement-alpha a:hover{background:#ecfbf8;border-color:#86d8d0}.settlement-groups{display:grid;gap:28px}.settlement-letter-group{scroll-margin-top:92px}.settlement-letter-group>h3{font-size:28px;margin:0 0 12px;color:#072552;border-bottom:1px solid #e3ebf4;padding-bottom:8px}.settlement-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.settlement-link{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid #e0e8f1;border-radius:12px;background:#fff;text-decoration:none;color:#123;min-width:0}.settlement-link:hover{border-color:#82d5cd;box-shadow:0 8px 22px rgba(20,86,105,.08);transform:translateY(-1px)}.settlement-link b{font-size:14px;line-height:1.25;color:#07335d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settlement-link span{font-size:11px;color:#7b899b}.settlement-link[hidden],.settlement-letter-group[hidden]{display:none!important}.settlement-page .settlement-copy p{max-width:1050px}.settlement-metrics .location-metric strong{font-size:18px;line-height:1.25}
@media(max-width:1100px){.settlement-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.settlement-search-wrap{align-items:stretch;flex-direction:column}.settlement-result-count{padding-left:2px}.settlement-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-letter-group>h3{font-size:24px}}
@media(max-width:460px){.settlement-link-grid{grid-template-columns:1fr}}