/* style.css */
/* Tailwind ile stillendirilmeyen temel gövde özellikleri */
body {
    background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url('assets/images/arkaplan.webp') no-repeat center center fixed;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
}

:root {
    --site-page-max: 100%;
    --site-page-gutter: clamp(1rem, 2.4vw, 3.5rem);
    --site-block-gap: clamp(1.5rem, 2.5vw, 2.75rem);
}

/*
 * Sayfa kabuklari genis ekrani kullanir; metin ve kartlar ekran kenarina
 * yapismasin diye akiskan bir guvenli bosluk korunur. Icerideki kucuk metin
 * bloklarinin max-width degerlerine dokunulmaz.
 */
:where(body > nav, body > header, body > section, body > footer) > :where(.max-w-7xl, .max-w-6xl, .max-w-5xl, .max-w-4xl, .blog-index-shell),
:where(body > main) > :where(.max-w-7xl, .max-w-6xl, .max-w-5xl, .max-w-4xl, .blog-index-shell),
:where(body > main > header, body > main > section, body > main > footer, body > main > article, body > main > article > header, body > main > article > section) > :where(.max-w-7xl, .max-w-6xl, .max-w-5xl, .max-w-4xl, .blog-index-shell) {
    width: 100%;
    max-width: var(--site-page-max) !important;
    padding-left: var(--site-page-gutter) !important;
    padding-right: var(--site-page-gutter) !important;
}

/* Sinifinda gap tanimlanmamis kart/kolon izgaralari artik birbirine dayanmaz. */
.grid:not([class*="gap-"]):not([class*="space-"]) {
    gap: var(--site-block-gap);
}

/* Galeri: sayfa icinde kucuk, esit pencereler; buyuk goruntu sadece modalda. */
[data-content-gallery] [data-gallery-grid] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .75rem;
}

[data-content-gallery] [data-gallery-grid] figcaption {
    display: -webkit-box;
    min-height: 3.6rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.gallery-card-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    padding: .55rem;
    border-top: 1px solid #27272a;
    background: #09090b;
}

.gallery-action,
.gallery-modal-action,
.gallery-page-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 0;
    border: 1px solid #3f3f46;
    border-radius: .65rem;
    background: #18181b;
    color: #f4f4f5;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}

.gallery-action {
    min-height: 3rem;
    padding: .45rem .25rem;
    flex-direction: column;
    font-size: .64rem;
}

.gallery-action i { font-size: .95rem; }

.gallery-action:hover,
.gallery-action:focus-visible,
.gallery-modal-action:hover,
.gallery-modal-action:focus-visible,
.gallery-page-action:hover,
.gallery-page-action:focus-visible {
    border-color: #f39c12;
    color: #f39c12;
    outline: none;
    transform: translateY(-1px);
}

.gallery-action-offer {
    border-color: rgba(37, 211, 102, .55);
    color: #25d366;
}

.gallery-action-offer:hover,
.gallery-action-offer:focus-visible {
    border-color: #25d366;
    background: #25d366;
    color: #07140c;
}

[data-content-gallery] [data-modal-content] {
    padding: 3.5rem .5rem 1rem;
    min-height: 0;
}

[data-content-gallery] [data-gallery-modal] {
    z-index: 1000;
}

[data-content-gallery] [data-gallery-close] {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

[data-content-gallery] [data-modal-prev],
[data-content-gallery] [data-modal-next] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

[data-content-gallery] [data-modal-prev] { left: .5rem; }
[data-content-gallery] [data-modal-next] { right: .5rem; }

[data-content-gallery] [data-modal-image] {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100vh - 14.5rem);
    object-fit: contain;
}

.gallery-modal-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(100%, 34rem);
    gap: .55rem;
    margin-top: .75rem;
    flex: 0 0 auto;
}

.gallery-modal-action {
    min-height: 2.8rem;
    padding: .55rem .75rem;
    font-size: .78rem;
}

.gallery-share-sheet {
    position: fixed;
    inset: 0;
    z-index: 1200;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .82);
    backdrop-filter: blur(8px);
}

.gallery-share-sheet.hidden { display: none; }
.gallery-share-sheet.flex { display: flex; }

.gallery-share-panel {
    width: min(100%, 38rem);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    padding: 1.25rem;
    border: 1px solid #3f3f46;
    border-radius: 1.25rem;
    background: #111113;
    color: #f4f4f5;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .65);
}

.gallery-share-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.gallery-share-head h3 {
    margin: .2rem 0 0;
    color: #fff;
    font-size: clamp(1.25rem, 4vw, 1.7rem);
    font-weight: 900;
}

.gallery-share-eyebrow {
    margin: 0;
    color: #f39c12;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.gallery-share-close {
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid #52525b;
    border-radius: 999px;
    background: #18181b;
    color: #fff;
    font-size: 1.25rem;
}

.gallery-share-note {
    margin: 1rem 0;
    color: #a1a1aa;
    font-size: .86rem;
    line-height: 1.55;
}

.gallery-share-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.gallery-share-option {
    display: flex;
    min-height: 3.4rem;
    align-items: center;
    gap: .75rem;
    padding: .7rem .85rem;
    border: 1px solid #3f3f46;
    border-radius: .8rem;
    background: #18181b;
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    text-align: left;
}

.gallery-share-option i {
    width: 1.35rem;
    color: #f39c12;
    font-size: 1.25rem;
    text-align: center;
}

.gallery-share-option:hover,
.gallery-share-option:focus-visible {
    border-color: #f39c12;
    outline: none;
}

.gallery-share-status {
    min-height: 1.35rem;
    margin: .8rem 0 0;
    color: #f39c12;
    font-size: .78rem;
    line-height: 1.4;
}

.gallery-share-page {
    min-height: 70vh;
    padding: clamp(2rem, 5vw, 5rem) var(--site-page-gutter);
}

.gallery-share-page-shell { width: 100%; }

.gallery-share-breadcrumb {
    display: flex;
    gap: .6rem;
    margin-bottom: 1.25rem;
    color: #a1a1aa;
    font-size: .8rem;
}

.gallery-share-breadcrumb a:hover { color: #f39c12; }

.gallery-share-page-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: start;
}

.gallery-share-page-figure {
    display: flex;
    min-height: 20rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #27272a;
    border-radius: 1.25rem;
    background: #000;
}

.gallery-share-page-figure img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(82vh, 70rem);
    object-fit: contain;
}

.gallery-share-page-info {
    position: sticky;
    top: 6.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid #3f3f46;
    border-radius: 1.25rem;
    background: rgba(17, 17, 19, .94);
}

.gallery-share-page-info h1 {
    margin: .55rem 0 1rem;
    color: #fff;
    font-size: clamp(1.55rem, 3vw, 2.4rem);
    font-weight: 900;
    line-height: 1.15;
}

.gallery-share-page-info > p:not(.gallery-share-eyebrow):not(.gallery-share-contact):not(.gallery-share-status) {
    color: #a1a1aa;
    line-height: 1.7;
}

.gallery-share-page-actions {
    display: grid;
    gap: .7rem;
    margin-top: 1.35rem;
}

.gallery-page-action {
    min-height: 3.25rem;
    padding: .75rem 1rem;
}

.gallery-share-contact {
    margin: 1rem 0 0;
    color: #d4d4d8;
    font-size: .82rem;
}

.neoncu-whatsapp-support {
    position: fixed;
    right: 1.15rem;
    bottom: calc(1.15rem + env(safe-area-inset-bottom));
    z-index: 90;
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    min-height: 3.75rem;
    padding: .5rem .85rem .5rem .55rem;
    border: 1px solid rgba(37, 211, 102, .72);
    border-radius: 999px;
    background: rgba(6, 78, 45, .97);
    color: #fff;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .5);
    transition: transform .2s ease, box-shadow .2s ease;
}

.neoncu-whatsapp-support:hover,
.neoncu-whatsapp-support:focus-visible {
    color: #fff;
    outline: 2px solid #25d366;
    outline-offset: 3px;
    transform: translateY(-2px);
    box-shadow: 0 20px 48px rgba(37, 211, 102, .25);
}

.neoncu-whatsapp-support-icon {
    display: inline-flex;
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #25d366;
    color: #063c24;
    font-size: 1.65rem;
}

.neoncu-whatsapp-support-copy { display: grid; gap: .12rem; }
.neoncu-whatsapp-support-copy strong { font-size: .76rem; line-height: 1.1; }
.neoncu-whatsapp-support-copy small { color: #bbf7d0; font-size: .68rem; }

@media (min-width: 640px) {
    [data-content-gallery] [data-gallery-grid] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
}

@media (min-width: 1024px) {
    [data-content-gallery] [data-gallery-grid] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    [data-content-gallery] [data-modal-content] {
        padding: 1rem 5.5rem;
    }

    [data-content-gallery] [data-gallery-close] {
        top: 2rem;
        right: 2rem;
    }

    [data-content-gallery] [data-modal-prev] { left: 2rem; }
    [data-content-gallery] [data-modal-next] { right: 2rem; }
}

@media (max-width: 767px) {
    .gallery-share-page-grid { grid-template-columns: minmax(0, 1fr); }
    .gallery-share-page-info { position: static; }
    .gallery-share-page-figure { min-height: 0; }
    .gallery-share-page-figure img { width: 100%; max-height: none; }
}

@media (max-width: 420px) {
    .gallery-share-options { grid-template-columns: minmax(0, 1fr); }
    .gallery-action { min-height: 2.85rem; font-size: .58rem; }
    .gallery-modal-action { padding: .5rem .35rem; font-size: .7rem; }
    .neoncu-whatsapp-support-copy { display: none; }
    .neoncu-whatsapp-support { min-height: 3.5rem; padding: .4rem; }
    .neoncu-whatsapp-support-icon { width: 2.7rem; height: 2.7rem; }
}

@media (min-width: 1440px) {
    [data-content-gallery] [data-gallery-grid] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* Ardisik icerik bolumlerinde sinir cizgilerinin ust uste binmesini engeller. */
:where(body > section, body > main > section) > div > section + section {
    margin-top: clamp(3rem, 5vw, 5rem);
}

/* Derlenmiş yardımcı stil dosyasında bulunmayan içerik aralıkları. */
.mt-16 {
    margin-top: clamp(3rem, 5vw, 5rem) !important;
}

@media (min-width: 768px) {
    .md\:mt-16 {
        margin-top: clamp(3rem, 5vw, 5rem) !important;
    }

    .md\:mt-24 {
        margin-top: 6rem;
    }
}

/* Belediye SEO rehberi ve 549 yerel proje sayfasi. */
.municipality-main { background: #050505; color: #fff; }
.municipality-shell { width: min(100% - 2rem, 1500px); margin-inline: auto; }
.municipality-hero { position: relative; overflow: hidden; padding: clamp(6rem, 9vw, 9rem) 0 clamp(4.5rem, 7vw, 7rem); border-bottom: 1px solid #27272a; background: radial-gradient(circle at 85% 15%, rgba(243,156,18,.17), transparent 30%), #050505; }
.municipality-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.municipality-hero-bg img { position: absolute; inset: 0 0 0 auto; width: min(72vw, 1180px); height: 100%; object-fit: cover; object-position: center; opacity: .72; filter: saturate(.92) contrast(1.04); }
.municipality-hero-bg span { position: absolute; inset: 0; background: linear-gradient(90deg, #050505 0%, #050505 32%, rgba(5,5,5,.94) 48%, rgba(5,5,5,.42) 78%, rgba(5,5,5,.18) 100%), linear-gradient(0deg, rgba(5,5,5,.82), transparent 45%); }
.municipality-hero-content { position: relative; z-index: 1; }
.municipality-breadcrumb { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 2rem; color: #a1a1aa; font-size: .88rem; }
.municipality-breadcrumb a { color: #f39c12; }
.municipality-eyebrow, .municipality-section-heading > p { margin: 0 0 .8rem; color: #f39c12; font-size: .82rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.municipality-hero h1 { max-width: 1050px; margin: 0; font-size: clamp(2.45rem, 5.7vw, 5.7rem); line-height: 1.02; font-weight: 950; letter-spacing: -.045em; }
.municipality-lead { max-width: 900px; margin: 1.6rem 0 0; color: #d4d4d8; font-size: clamp(1.05rem, 1.8vw, 1.35rem); line-height: 1.75; }
.municipality-hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.municipality-primary-button, .municipality-secondary-button { display: inline-flex; min-height: 3.5rem; align-items: center; justify-content: center; gap: .7rem; padding: .85rem 1.45rem; border-radius: 999px; font-weight: 850; transition: .2s ease; }
.municipality-primary-button { background: #f39c12; color: #111; }
.municipality-primary-button:hover { background: #fff; }
.municipality-secondary-button { border: 1px solid #52525b; color: #fff; }
.municipality-secondary-button:hover { border-color: #f39c12; color: #f39c12; }
.municipality-disclaimer { display: flex; max-width: 1000px; gap: .75rem; margin: 1.6rem 0 0; padding: .9rem 1rem; border: 1px solid #3f3f46; border-radius: .9rem; background: rgba(24,24,27,.78); color: #a1a1aa; font-size: .82rem; line-height: 1.55; }
.municipality-disclaimer i { margin-top: .2rem; color: #f39c12; }
.municipality-image-credit { position: relative; z-index: 2; margin: .65rem 0 0; color: #71717a; font-size: .68rem; }
.municipality-image-credit a { color: #a1a1aa; text-decoration: underline; text-underline-offset: 2px; }
.municipality-stats { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 2rem; }
.municipality-stats span { min-width: 145px; padding: 1rem 1.2rem; border: 1px solid #3f3f46; border-radius: 1rem; background: rgba(24,24,27,.82); color: #a1a1aa; }
.municipality-stats strong { display: block; color: #f39c12; font-size: 1.65rem; line-height: 1.1; }
.municipality-search { display: flex; max-width: 760px; align-items: center; gap: .8rem; margin-top: 2rem; padding: .9rem 1.1rem; border: 1px solid #52525b; border-radius: 999px; background: #fff; color: #111; }
.municipality-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #111; font: inherit; }
.municipality-section, .municipality-directory { padding: clamp(4rem, 7vw, 7rem) 0; }
.municipality-section-alt { border-block: 1px solid #27272a; background: #0b0b0d; }
.municipality-section-heading { max-width: 900px; margin-bottom: 2.2rem; }
.municipality-section-heading h2 { margin: 0; font-size: clamp(2rem, 3.5vw, 3.7rem); line-height: 1.08; font-weight: 900; letter-spacing: -.035em; }
.municipality-section-heading > span { display: block; margin-top: 1rem; color: #a1a1aa; font-size: 1.05rem; line-height: 1.7; }
.municipality-scenario-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.2rem; }
.municipality-scenario-grid article { position: relative; min-height: 260px; padding: 2rem; border: 1px solid #3f3f46; border-radius: 1.5rem; background: linear-gradient(145deg, rgba(39,39,42,.72), rgba(9,9,11,.9)); }
.municipality-scenario-grid article > span { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; margin-bottom: 1.5rem; border-radius: 50%; background: #f39c12; color: #111; font-weight: 950; }
.municipality-scenario-grid h3 { margin: 0 0 .8rem; font-size: 1.3rem; }
.municipality-scenario-grid p, .municipality-list-cards p { margin: 0; color: #a1a1aa; line-height: 1.75; }
.municipality-two-column { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: clamp(2rem, 5vw, 6rem); }
.municipality-list-cards { display: grid; gap: 1rem; }
.municipality-list-cards article { display: flex; gap: 1rem; padding: 1.35rem; border: 1px solid #3f3f46; border-radius: 1.1rem; background: #111114; }
.municipality-list-cards i { width: 2.5rem; flex: none; color: #f39c12; font-size: 1.5rem; text-align: center; }
.municipality-list-cards h3 { margin: 0 0 .45rem; }
.municipality-brief-list { display: grid; gap: .8rem; margin: 0; padding: 1.5rem; border: 1px solid #3f3f46; border-radius: 1.5rem; background: #111114; list-style: none; }
.municipality-brief-list li { position: relative; padding: .7rem .7rem .7rem 2.2rem; color: #d4d4d8; line-height: 1.55; }
.municipality-brief-list li::before { content: '✓'; position: absolute; left: .55rem; color: #f39c12; font-weight: 900; }
.municipality-brief-builder-section { border-block: 1px solid rgba(243,156,18,.28); background: radial-gradient(circle at 85% 20%, rgba(243,156,18,.13), transparent 34%), #08080a; }
.municipality-brief-builder { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); gap: clamp(1.4rem, 4vw, 4rem); align-items: start; }
.municipality-brief-form, .municipality-brief-preview { border: 1px solid #3f3f46; border-radius: 1.5rem; background: rgba(17,17,20,.94); }
.municipality-brief-form { display: grid; gap: 1.4rem; padding: clamp(1.2rem, 3vw, 2rem); }
.municipality-brief-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.municipality-brief-form label, .municipality-brief-form legend { color: #e4e4e7; font-size: .9rem; font-weight: 750; }
.municipality-brief-form select, .municipality-brief-form input[type="month"], .municipality-brief-form textarea { width: 100%; margin-top: .55rem; border: 1px solid #52525b; border-radius: .8rem; background: #fff; color: #18181b; font: inherit; }
.municipality-brief-form select, .municipality-brief-form input[type="month"] { min-height: 3.25rem; padding: .7rem .85rem; }
.municipality-brief-form textarea { resize: vertical; padding: .9rem; line-height: 1.55; }
.municipality-brief-form select:focus, .municipality-brief-form input:focus, .municipality-brief-form textarea:focus { border-color: #f39c12; outline: 3px solid rgba(243,156,18,.18); }
.municipality-brief-form fieldset { margin: 0; padding: 1rem; border: 1px solid #3f3f46; border-radius: 1rem; }
.municipality-brief-form legend { padding: 0 .45rem; }
.municipality-brief-checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin-top: .35rem; }
.municipality-brief-checks label { display: flex; align-items: flex-start; gap: .65rem; padding: .75rem; border-radius: .75rem; background: #18181b; color: #d4d4d8; font-weight: 600; line-height: 1.4; cursor: pointer; }
.municipality-brief-checks input { width: 1.1rem; height: 1.1rem; margin-top: .12rem; accent-color: #f39c12; }
.municipality-brief-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.municipality-brief-actions button { display: inline-flex; min-height: 3.25rem; align-items: center; justify-content: center; gap: .55rem; padding: .8rem 1.15rem; border: 1px solid #f39c12; border-radius: 999px; background: #f39c12; color: #111; font: inherit; font-weight: 850; cursor: pointer; }
.municipality-brief-actions .municipality-brief-copy { border-color: #52525b; background: transparent; color: #fff; }
.municipality-brief-actions button:hover, .municipality-brief-actions button:focus-visible { border-color: #fff; outline: none; }
.municipality-brief-status { min-height: 1.4rem; margin: 0; color: #f39c12; font-size: .85rem; }
.municipality-brief-preview { position: sticky; top: 6rem; padding: clamp(1.3rem, 3vw, 2rem); }
.municipality-brief-preview > p { margin: 0 0 .5rem; color: #f39c12; font-size: .78rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.municipality-brief-preview h3 { margin: 0 0 1.2rem; font-size: 1.55rem; }
.municipality-brief-preview ul { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.municipality-brief-preview li { padding: .75rem .85rem; border: 1px solid #3f3f46; border-radius: .75rem; color: #d4d4d8; font-size: .88rem; line-height: 1.5; overflow-wrap: anywhere; }
.municipality-brief-preview > span { display: block; margin-top: 1.2rem; color: #a1a1aa; font-size: .78rem; line-height: 1.55; }
.municipality-process { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; counter-reset: step; }
.municipality-process li { display: grid; grid-template-columns: 3rem 1fr; gap: .15rem 1rem; padding: 1.15rem; border: 1px solid #3f3f46; border-radius: 1rem; counter-increment: step; }
.municipality-process li::before { content: counter(step); grid-row: span 2; display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 50%; background: #f39c12; color: #111; font-weight: 900; }
.municipality-process span { color: #a1a1aa; line-height: 1.55; }
.municipality-service-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; }
.municipality-service-links a, .municipality-related-links a { display: flex; min-height: 3.5rem; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid #3f3f46; border-radius: .9rem; color: #e4e4e7; transition: .2s ease; }
.municipality-service-links a:hover, .municipality-related-links a:hover { border-color: #f39c12; color: #f39c12; transform: translateY(-2px); }
.municipality-faqs { display: grid; gap: .85rem; }
.municipality-faqs details { border: 1px solid #3f3f46; border-radius: 1rem; background: #111114; }
.municipality-faqs summary { display: flex; cursor: pointer; list-style: none; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem; font-weight: 800; }
.municipality-faqs p { margin: 0; padding: 0 1.25rem 1.25rem; color: #a1a1aa; line-height: 1.7; }
.municipality-related-links { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .8rem; }
.municipality-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 3rem; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid rgba(243,156,18,.5); border-radius: 1.7rem; background: linear-gradient(120deg, rgba(243,156,18,.16), #111114); }
.municipality-cta p { margin: 0 0 .4rem; color: #f39c12; font-weight: 800; }
.municipality-cta h2 { max-width: 850px; margin: 0; font-size: clamp(1.6rem, 3vw, 2.8rem); }
.municipality-cta > a { display: inline-flex; flex: none; align-items: center; gap: .6rem; padding: 1rem 1.3rem; border-radius: 999px; background: #25d366; color: #062b19; font-weight: 900; }
.municipality-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.2rem; }
.municipality-city-card { overflow: hidden; border: 1px solid #3f3f46; border-radius: 1.4rem; background: #111114; }
.municipality-city-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.4rem; }
.municipality-city-head p { margin: 0 0 .3rem; color: #f39c12; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.municipality-city-head h2 { margin: 0; font-size: 1.3rem; }
.municipality-city-head > span { flex: none; padding: .35rem .55rem; border-radius: 999px; background: #27272a; color: #d4d4d8; font-size: .72rem; }
.municipality-metro-link { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.4rem; border-block: 1px solid #3f3f46; background: rgba(243,156,18,.1); color: #f39c12; font-weight: 800; }
.municipality-district-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .55rem; padding: 1.2rem; }
.municipality-district-links a { padding: .55rem .65rem; border: 1px solid #3f3f46; border-radius: .65rem; color: #d4d4d8; font-size: .82rem; }
.municipality-district-links a:hover { border-color: #f39c12; color: #f39c12; }
.municipality-empty { padding: 3rem; text-align: center; color: #a1a1aa; }

@media (max-width: 1023px) {
  .municipality-scenario-grid, .municipality-directory-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .municipality-related-links { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .municipality-shell { width: min(100% - 1.25rem, 1500px); }
  .municipality-hero { padding-top: 5rem; }
  .municipality-hero-bg img { width: 100%; opacity: .42; object-position: 62% center; }
  .municipality-hero-bg span { background: linear-gradient(90deg, rgba(5,5,5,.96), rgba(5,5,5,.72)), linear-gradient(0deg, #050505 0%, transparent 42%, rgba(5,5,5,.55) 100%); }
  .municipality-two-column, .municipality-scenario-grid, .municipality-directory-grid, .municipality-brief-builder, .municipality-brief-fields, .municipality-brief-checks { grid-template-columns: minmax(0,1fr); }
  .municipality-brief-preview { position: static; }
  .municipality-brief-actions { display: grid; }
  .municipality-brief-actions button { width: 100%; }
  .municipality-scenario-grid article { min-height: 0; padding: 1.4rem; }
  .municipality-service-links, .municipality-related-links { grid-template-columns: minmax(0,1fr); }
  .municipality-cta { align-items: stretch; flex-direction: column; }
  .municipality-cta > a { justify-content: center; }
  .municipality-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .45rem; }
  .municipality-stats span { min-width: 0; padding: .8rem .6rem; font-size: .68rem; }
  .municipality-stats strong { font-size: 1.25rem; }
}