/* Generated Stabil Core 3 bundle. Source order is intentional. */

/* === SOURCE: district.css === */
.district-hero{
    padding:90px 0;
    background:linear-gradient(135deg,#eff6ff,#f8fafc);
}

.district-hero-inner{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(280px,.7fr) minmax(300px,.75fr);
    gap:28px;
    align-items:center;
}

.district-hero-data{
    position:relative;
    overflow:hidden;
}

.district-hero-data::before{
    content:"";
    position:absolute;
    inset:auto -10% -45% 45%;
    width:520px;
    height:520px;
    border-radius:999px;
    background:radial-gradient(circle,rgba(37,99,235,.18),transparent 65%);
    pointer-events:none;
}

.district-hero-copy,
.district-hero-visual,
.district-quick-card{
    position:relative;
    z-index:1;
}

.district-hero-location{
    margin-top:-8px;
    font-weight:900;
    color:#2563eb !important;
}

.district-label{
    display:inline-flex;
    padding:9px 15px;
    border-radius:999px;
    background:#fff;
    color:#2563eb;
    font-weight:900;
    border:1px solid #dbeafe;
}

.district-hero h1{
    margin:22px 0;
    font-size:64px;
    line-height:1.05;
    color:#0f172a;
}

.district-hero p{
    max-width:680px;
    font-size:20px;
    line-height:1.8;
    color:#64748b;
}

.district-summary-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:30px;
    padding:36px;
    box-shadow:0 25px 70px rgba(15,23,42,.12);
}

.district-summary-card strong{
    display:block;
    font-size:24px;
    margin-bottom:20px;
}

.district-summary-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.district-summary-card li{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:15px 0;
    border-bottom:1px solid #e5e7eb;
}

.district-summary-card li:last-child{
    border-bottom:0;
}

.district-summary-card span{
    color:#64748b;
    font-weight:700;
}

.district-summary-card b{
    color:#0f172a;
}

.district-summary-card b a{
    color:#2563eb;
    text-decoration:none;
}

.district-info-section{
    padding:70px 0;
    background:#fff;
}

.district-compare-cta-section{
    padding:0 0 70px;
    background:#fff;
}

.district-compare-cta{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px;
    align-items:center;
    padding:32px;
    border-radius:30px;
    border:1px solid #bfdbfe;
    background:
        radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 36%),
        linear-gradient(135deg,#eff6ff,#fff);
    box-shadow:0 20px 55px rgba(15,23,42,.08);
}

.district-compare-cta span{
    color:#2563eb;
    font-weight:900;
}

.district-compare-cta h2{
    margin:10px 0;
    color:#0f172a;
    font-size:32px;
}

.district-compare-cta p{
    margin:0;
    max-width:760px;
    color:#64748b;
    line-height:1.8;
}

.district-compare-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:flex-end;
}

.district-compare-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 20px;
    border-radius:16px;
    background:#2563eb;
    color:#fff;
    text-decoration:none;
    font-weight:900;
}

.district-compare-actions .district-compare-secondary{
    background:#fff;
    color:#2563eb;
    border:1px solid #bfdbfe;
}

.district-hero-button.is-active{
    background:#10b981;
    color:#fff;
    border-color:#10b981;
}

button.district-hero-button{
    border:0;
    cursor:pointer;
    font:inherit;
}

button.district-hero-button:focus-visible,
.district-compare-actions a:focus-visible,
.archive-card-action:focus-visible{
    outline:3px solid rgba(37,99,235,.35);
    outline-offset:3px;
}

.district-hero-visual{
    min-height:330px;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(15,23,42,.18);
}

.district-hero-visual img{
    display:block;
    width:100%;
    height:100%;
    min-height:330px;
    object-fit:cover;
}

.district-gradient-placeholder{
    display:grid;
    place-items:center;
    min-height:330px;
    background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.38),transparent 34%),
        linear-gradient(135deg,#2563eb,#06b6d4 52%,#10b981);
}

.district-gradient-placeholder span{
    width:112px;
    height:112px;
    display:grid;
    place-items:center;
    border-radius:32px;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:64px;
    font-weight:1000;
    border:1px solid rgba(255,255,255,.28);
    backdrop-filter:blur(10px);
}

.district-info-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:24px;
    align-items:stretch;
}

.district-info-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:26px;
    padding:30px;
    box-shadow:0 20px 55px rgba(15,23,42,.08);
}

.district-info-card h3{
    margin:0 0 14px;
    font-size:26px;
}

.district-info-card p{
    margin:0;
    color:#64748b;
    line-height:1.8;
}

.district-info-card{
    position:relative;
    overflow:hidden;
}

.district-info-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#2563eb,#06b6d4);
}

.district-meta-list{
    display:grid;
    gap:0;
    margin:0;
}

.district-meta-list div{
    display:grid;
    grid-template-columns:minmax(120px,.55fr) minmax(0,1fr);
    gap:16px;
    padding:14px 0;
    border-bottom:1px solid #e5e7eb;
}

.district-meta-list div:first-child{
    padding-top:0;
}

.district-meta-list div:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.district-meta-list dt{
    margin:0;
    color:#64748b;
    font-weight:800;
}

.district-meta-list dd{
    margin:0;
    color:#0f172a;
    font-weight:700;
    line-height:1.7;
    overflow-wrap:anywhere;
    white-space:pre-line;
}

.district-content{
    padding:70px 0;
    background:#f8fafc;
}

.district-map-section{
    padding:0 0 70px;
    background:#fff;
}

.district-map-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    padding:32px;
    border-radius:30px;
    background:linear-gradient(135deg,#0f172a,#1e3a8a);
    color:#fff;
    box-shadow:0 20px 60px rgba(15,23,42,.18);
}

.district-map-card span{
    display:inline-flex;
    margin-bottom:8px;
    color:#bfdbfe;
    font-weight:900;
}

.district-map-card h2{
    margin:0 0 8px;
    color:#fff;
    font-size:30px;
}

.district-map-card p{
    margin:0;
    color:#dbeafe;
}

.district-map-card a{
    flex:0 0 auto;
    display:inline-flex;
    padding:13px 18px;
    border-radius:999px;
    background:#fff;
    color:#1e3a8a;
    font-weight:900;
    text-decoration:none;
}

.district-map-embed{
    margin-top:18px;
    border-radius:28px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    box-shadow:0 18px 48px rgba(15,23,42,.08);
    background:#f8fafc;
}

.district-map-embed iframe{
    display:block;
    width:100%;
    height:380px;
    border:0;
}

.district-chip-list a{
    color:#2563eb;
    text-decoration:none;
    font-weight:900;
}

.district-related-section{
    padding:70px 0;
    background:#fff;
}

.district-related-block + .district-related-block{
    margin-top:42px;
}

.district-related-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.district-related-head span{
    display:block;
    color:#2563eb;
    font-weight:900;
}

.district-related-head h2{
    margin:8px 0 0;
    color:#0f172a;
    font-size:32px;
}

.district-related-head a{
    flex:none;
    color:#2563eb;
    text-decoration:none;
    font-weight:900;
}

.district-related-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.district-related-card{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:150px;
    padding:22px;
    border:1px solid #e5e7eb;
    border-radius:24px;
    background:#f8fafc;
    color:inherit;
    text-decoration:none;
    transition:.25s ease;
}

.district-related-card:hover{
    transform:translateY(-4px);
    background:#eff6ff;
    border-color:#bfdbfe;
}

.district-related-card strong{
    color:#0f172a;
    font-size:21px;
}

.district-related-card span{
    color:#64748b;
    line-height:1.5;
}

.district-related-card em{
    margin-top:auto;
    color:#2563eb;
    font-style:normal;
    font-weight:900;
}

.district-text-section{
    padding:70px 0;
    background:#f8fafc;
}

.district-text-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:24px;
}

.district-text-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:28px;
    padding:30px;
    box-shadow:0 18px 48px rgba(15,23,42,.07);
}

.district-text-card h2{
    margin:0 0 14px;
    color:#0f172a;
    font-size:28px;
}

.district-text-card p{
    margin:0;
    color:#475569;
    line-height:1.9;
    white-space:pre-line;
}

.district-chip-list{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:0;
    margin:0;
}

.district-chip-list li{
    padding:10px 14px;
    border-radius:999px;
    background:#eff6ff;
    color:#1d4ed8;
    font-weight:800;
}

.district-content .container{
    max-width:900px;
}

.district-content p{
    font-size:18px;
    line-height:1.9;
    color:#334155;
}

.district-extra-section{
    padding:70px 0;
    background:#f8fafc;
}

.district-extra-card{
    max-width:980px;
    margin:0 auto;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:30px;
    padding:34px;
    box-shadow:0 20px 55px rgba(15,23,42,.08);
}

.district-extra-card h2{
    margin:0 0 24px;
    font-size:30px;
    color:#0f172a;
}

.district-extra-list div{
    grid-template-columns:minmax(170px,.35fr) minmax(0,1fr);
}

.district-extra-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:16px;
}

.district-extra-item{
    min-width:0;
    padding:18px;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:linear-gradient(180deg,#fff,#f8fafc);
}

.district-extra-item span{
    display:block;
    margin:0 0 8px;
    color:#64748b;
    font-size:13px;
    font-weight:800;
}

.district-extra-item p{
    margin:0;
    color:#0f172a;
    font-weight:700;
    line-height:1.65;
    overflow-wrap:anywhere;
    word-break:break-word;
    white-space:normal;
}

.district-update-section{
    padding:36px 0 70px;
    background:#f8fafc;
}

.district-update-section p{
    max-width:760px;
    margin:0 auto;
    padding:18px 22px;
    border:1px solid #dbeafe;
    border-radius:20px;
    background:#eff6ff;
    color:#1e40af;
    font-weight:800;
    text-align:center;
}

.district-hero-cover{
    position:relative;
    min-height:clamp(520px,62vw,820px);
    display:flex;
    align-items:flex-end;
    padding:120px 0 96px;
    overflow:hidden;
    isolation:isolate;
    background-color:#0f172a;
    background-image:var(--district-hero-desktop);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.district-hero-cover::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:42%;
    background:linear-gradient(0deg,rgba(15,23,42,.75),transparent);
    z-index:-1;
}

.district-hero-overlay{
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(circle at 18% 20%,rgba(59,130,246,.44),transparent 34%),
        linear-gradient(90deg,rgba(15,23,42,.86) 0%,rgba(15,23,42,.62) 42%,rgba(15,23,42,.24) 100%);
}

.district-hero-cover-inner{
    width:100%;
    position:relative;
    z-index:1;
}

.district-hero-cover .district-hero-copy{
    max-width:820px;
    color:#fff;
}

.district-hero-cover .district-label{
    background:rgba(255,255,255,.16);
    color:#fff;
    border-color:rgba(255,255,255,.26);
    backdrop-filter:blur(14px);
}

.district-hero-cover h1{
    max-width:980px;
    color:#fff;
    text-shadow:0 18px 42px rgba(0,0,0,.35);
}

.district-hero-cover p{
    color:#e2e8f0;
    text-shadow:0 10px 28px rgba(0,0,0,.35);
}

.district-hero-cover .district-hero-location{
    color:#bfdbfe !important;
}

.district-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-bottom:24px;
    color:rgba(255,255,255,.76);
    font-weight:800;
}

.district-breadcrumb a{
    color:#fff;
    text-decoration:none;
}

.district-breadcrumb a:hover{
    text-decoration:underline;
}

.district-breadcrumb strong{
    color:#dbeafe;
}

.district-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.district-hero-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:13px 20px;
    border:1px solid rgba(255,255,255,.26);
    border-radius:999px;
    background:#fff;
    color:#0f172a;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 16px 42px rgba(0,0,0,.2);
    cursor:pointer;
}

.district-hero-button-ghost{
    background:rgba(255,255,255,.14);
    color:#fff;
    backdrop-filter:blur(14px);
}

.district-quick-section{
    position:relative;
    z-index:2;
    margin-top:-54px;
    padding:0 0 70px;
    background:#fff;
}

.district-quick-section .district-summary-card{
    max-width:1120px;
    margin:0 auto;
}

.district-quick-section .district-summary-card ul{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:0 24px;
}

.district-quick-section .district-summary-card li{
    flex-direction:column;
    justify-content:flex-start;
    gap:7px;
}

.district-quick-section .district-summary-card b{
    font-size:22px;
    line-height:1.25;
}

@media (max-width: 900px){
    .district-compare-cta{
        grid-template-columns:1fr;
    }

    .district-compare-actions{
        justify-content:flex-start;
    }

    .district-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .district-related-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .district-hero-cover{
        background-image:var(--district-hero-tablet);
        background-size:cover;
        background-position:center center;
        padding:108px 0 82px;
    }

    .district-hero-overlay{
        background:
            radial-gradient(circle at 22% 18%,rgba(59,130,246,.4),transparent 42%),
            linear-gradient(90deg,rgba(15,23,42,.86),rgba(15,23,42,.5));
    }

    .district-hero-inner{
        grid-template-columns:1fr;
    }

    .district-summary-card{
        max-width:none;
    }
}

@media (min-width: 641px) and (max-width: 1024px){
    .district-info-grid,
    .district-text-grid,
    .district-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .district-quick-section .district-summary-card ul{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .district-map-card{
        align-items:flex-start;
        flex-direction:column;
    }

    .district-map-embed iframe{
        height:340px;
    }
}

@media (max-width: 640px){
    .district-compare-cta{
        padding:24px;
    }

    .district-compare-cta h2{
        font-size:26px;
    }

    .district-compare-actions a{
        width:100%;
    }

    .district-related-grid{
        grid-template-columns:1fr;
    }

    .district-related-head h2{
        font-size:27px;
    }

    .district-hero-cover{
        min-height:560px;
        background-image:var(--district-hero-mobile);
        background-size:cover;
        background-position:center center;
        padding:92px 0 72px;
    }

    .district-breadcrumb{
        font-size:13px;
        gap:7px;
    }

    .district-hero-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .district-hero-button{
        width:100%;
    }

    .district-quick-section{
        margin-top:-34px;
        padding-bottom:52px;
    }

    .district-quick-section .district-summary-card ul{
        grid-template-columns:1fr;
    }

    .district-hero:not(.district-hero-cover){
        padding:60px 0;
    }

    .district-hero h1{
        font-size:42px;
    }

    .district-summary-card,
    .district-info-card,
    .district-extra-card,
    .district-text-card{
        border-radius:22px;
        padding:24px;
    }

    .district-map-card{
        align-items:flex-start;
        flex-direction:column;
        border-radius:22px;
        padding:24px;
    }

    .district-map-embed{
        border-radius:22px;
    }

    .district-map-embed iframe{
        height:280px;
    }

    .district-hero-visual,
    .district-hero-visual img,
    .district-gradient-placeholder{
        min-height:240px;
    }

    .district-meta-list div,
    .district-extra-list div{
        grid-template-columns:1fr;
        gap:6px;
    }

    .district-extra-grid{
        grid-template-columns:1fr;
    }
}

/* v1.6.20 Paket 4 — District internal link hub */
.district-breadcrumb{
    scroll-margin-top:110px;
}

.district-breadcrumb a,
.district-breadcrumb strong{
    display:inline-flex;
    align-items:center;
    min-height:30px;
}

.district-breadcrumb a{
    padding:4px 8px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
}

.district-breadcrumb a:hover,
.district-breadcrumb a:focus{
    background:rgba(255,255,255,.18);
    text-decoration:none;
}

.district-link-hub-section{
    padding:0 0 70px;
    background:#fff;
}

.district-link-hub{
    padding:30px;
    border:1px solid #bfdbfe;
    border-radius:34px;
    background:
        radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 34%),
        linear-gradient(135deg,#eff6ff,#fff);
    box-shadow:0 22px 58px rgba(15,23,42,.08);
}

.district-link-hub-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}

.district-link-hub-head span{
    display:inline-flex;
    margin-bottom:8px;
    color:#2563eb;
    font-weight:900;
}

.district-link-hub-head h2{
    margin:0;
    color:#0f172a;
    font-size:clamp(28px,3vw,38px);
    letter-spacing:-.035em;
}

.district-link-hub-head p{
    max-width:540px;
    margin:0;
    color:#64748b;
    line-height:1.75;
}

.district-link-hub-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:14px;
}

.district-link-hub-card{
    display:grid;
    gap:9px;
    min-height:165px;
    padding:20px;
    color:inherit;
    text-decoration:none;
    border:1px solid rgba(148,163,184,.22);
    border-radius:24px;
    background:#fff;
    box-shadow:0 12px 32px rgba(15,23,42,.06);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.district-link-hub-card:hover,
.district-link-hub-card:focus{
    transform:translateY(-4px);
    border-color:#93c5fd;
    box-shadow:0 18px 44px rgba(37,99,235,.11);
}

.district-link-hub-card em{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    font-style:normal;
    border-radius:16px;
    background:#eff6ff;
}

.district-link-hub-card strong{
    color:#0f172a;
    font-size:20px;
}

.district-link-hub-card span{
    color:#64748b;
    line-height:1.55;
}

.district-neighbor-links{
    margin-top:18px;
    padding:20px;
    border:1px dashed #bfdbfe;
    border-radius:24px;
    background:rgba(255,255,255,.72);
}

.district-neighbor-links h3{
    margin:0 0 14px;
    color:#0f172a;
    font-size:22px;
}

.district-neighbor-links div{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.district-neighbor-links a,
.district-neighbor-links span{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 14px;
    border-radius:999px;
    background:#eff6ff;
    color:#1d4ed8;
    font-weight:900;
    text-decoration:none;
}

.district-neighbor-links a:hover,
.district-neighbor-links a:focus{
    color:#fff;
    background:#2563eb;
}

#district-similar-links,
#district-same-province-links,
#district-same-region-links,
#district-link-hub{
    scroll-margin-top:110px;
}

@media (max-width: 760px){
    .district-link-hub{
        padding:20px;
        border-radius:26px;
    }

    .district-link-hub-head{
        display:block;
    }

    .district-link-hub-head p{
        margin-top:12px;
    }
}

/* v1.6.35 rich district content blocks */
.district-text-card{
    position:relative;
    overflow:hidden;
}

.district-text-card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:#2563eb;
}

.district-text-economy::before{background:#16a34a;}
.district-text-history::before{background:#7c3aed;}
.district-text-places::before{background:#f97316;}
.district-text-neighbors::before{background:#2563eb;}
.district-text-climate::before{background:#06b6d4;}

.district-text-description{
    display:block;
    margin:-6px 0 16px;
    color:#64748b;
    font-size:14px;
    line-height:1.65;
}

.district-text-card.is-long-text p{
    padding:16px;
    border-radius:18px;
    background:#f8fafc;
}

.district-map-card{
    position:relative;
    overflow:hidden;
}

.district-map-card::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-90px;
    width:260px;
    height:260px;
    border-radius:999px;
    background:rgba(96,165,250,.18);
    pointer-events:none;
}

/* v1.6.15 Paket 3 — District detail polish */
.district-hero-cover{
    min-height:clamp(560px,64vw,860px);
}

.district-hero-overlay{
    background:
        radial-gradient(circle at 16% 18%,rgba(59,130,246,.48),transparent 34%),
        radial-gradient(circle at 82% 0,rgba(20,184,166,.22),transparent 30%),
        linear-gradient(90deg,rgba(15,23,42,.90) 0%,rgba(15,23,42,.66) 45%,rgba(15,23,42,.24) 100%);
}

.district-hero-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    max-width:840px;
    margin-top:28px;
}

.district-hero-stats span{
    display:block;
    padding:15px 16px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(255,255,255,.12);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
    backdrop-filter:blur(14px);
}

.district-hero-stats small{
    display:block;
    margin-bottom:7px;
    color:rgba(255,255,255,.72);
    font-size:12px;
    font-weight:900;
}

.district-hero-stats strong{
    display:block;
    color:#fff;
    font-size:clamp(18px,2vw,24px);
    line-height:1.1;
}

.district-quick-section .district-summary-card{
    border:1px solid rgba(148,163,184,.22);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(14px);
}

.district-quick-section .district-summary-card > strong{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.district-quick-section .district-summary-card > strong::after{
    content:"Dolu alanlar";
    padding:7px 10px;
    color:#1d4ed8;
    font-size:12px;
    border-radius:999px;
    background:#eff6ff;
}

.district-quick-section .district-summary-card li{
    position:relative;
    padding:18px 0;
}

.district-quick-section .district-summary-card li em{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-bottom:4px;
    font-style:normal;
    border-radius:15px;
    background:#eff6ff;
}

.district-info-card{
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.district-info-card:hover{
    transform:translateY(-3px);
    border-color:#bfdbfe;
    box-shadow:0 24px 60px rgba(37,99,235,.10);
}

.district-extra-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
}

.district-extra-head span{
    display:inline-flex;
    margin-bottom:8px;
    color:#2563eb;
    font-weight:900;
}

.district-extra-head h2{
    margin:0 0 8px;
}

.district-extra-head p{
    max-width:620px;
    margin:0;
    color:#64748b;
    line-height:1.7;
}

.district-extra-head > strong{
    flex:none;
    padding:9px 12px;
    color:#1d4ed8;
    border-radius:999px;
    background:#eff6ff;
}

.district-extra-item{
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.district-extra-item:hover{
    transform:translateY(-2px);
    border-color:#bfdbfe;
    box-shadow:0 12px 28px rgba(37,99,235,.08);
}

.district-related-featured{
    padding:26px;
    border:1px solid #bfdbfe;
    border-radius:32px;
    background:
        radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 36%),
        linear-gradient(135deg,#eff6ff,#fff);
}

.district-related-card small{
    display:inline-flex;
    width:max-content;
    padding:7px 10px;
    color:#1d4ed8;
    font-weight:900;
    border-radius:999px;
    background:#eff6ff;
}

.district-related-card{
    background:#fff;
}

.district-chip-list li:has(a){
    padding:0;
}

.district-chip-list li a{
    display:inline-flex;
    padding:10px 14px;
}

@media (max-width: 900px){
    .district-hero-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 640px){
    .district-hero-stats{
        grid-template-columns:1fr;
        gap:9px;
    }

    .district-extra-head{
        display:block;
    }

    .district-extra-head > strong{
        display:inline-flex;
        margin-top:14px;
    }

    .district-related-featured{
        padding:18px;
        border-radius:24px;
    }
}

/* v1.6.40 Paket 8 — Sticky district page navigation */
#district-quick-info,
#district-info-cards,
#district-map,
#district-text-info,
#district-content,
#district-extra-info{
    scroll-margin-top:110px;
}

.district-charts-section{
    scroll-margin-top:110px;
}

.district-page-nav{
    position:sticky;
    top:0;
    z-index:20;
    padding:12px 0;
    background:rgba(248,250,252,.88);
    border-bottom:1px solid rgba(148,163,184,.22);
    box-shadow:0 12px 34px rgba(15,23,42,.05);
    backdrop-filter:blur(14px);
}

.district-page-nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.district-page-nav span{
    flex:none;
    color:#2563eb;
    font-size:13px;
    font-weight:1000;
}

.district-page-nav div{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
}

.district-page-nav a{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 13px;
    color:#475569;
    text-decoration:none;
    border:1px solid rgba(148,163,184,.28);
    border-radius:999px;
    background:#fff;
    font-size:13px;
    font-weight:900;
    transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.district-page-nav a:hover,
.district-page-nav a:focus,
.district-page-nav a.is-active{
    color:#fff;
    background:#2563eb;
    border-color:#2563eb;
    transform:translateY(-1px);
}

@media (max-width: 720px){
    .district-page-nav{
        position:relative;
        top:auto;
    }

    .district-page-nav-inner{
        display:block;
    }

    .district-page-nav span{
        display:block;
        margin-bottom:10px;
    }

    .district-page-nav div{
        flex-wrap:nowrap;
        justify-content:flex-start;
        overflow-x:auto;
        padding-bottom:4px;
        scroll-snap-type:x proximity;
    }

    .district-page-nav a{
        flex:0 0 auto;
        scroll-snap-align:start;
    }
}

/* v1.8.0 Paket 5 — District header and data cards */
.district-hero-cover{
    min-height:clamp(500px,58vw,780px);
    padding:112px 0 86px;
}

.district-hero-cover .district-hero-copy{
    max-width:860px;
}

.district-hero-cover h1{
    margin:14px 0 16px;
    font-size:clamp(42px,7vw,72px);
    letter-spacing:-.055em;
}

.district-hero-cover .district-hero-copy > p:not(.district-hero-location){
    max-width:720px;
    margin:0;
    font-size:clamp(17px,2vw,20px);
}

.district-hero-cover .district-hero-location{
    display:inline-flex;
    flex-wrap:wrap;
    max-width:100%;
    margin:0;
    padding:9px 14px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:999px;
    background:rgba(255,255,255,.13);
    color:#dbeafe !important;
    backdrop-filter:blur(14px);
}

.district-hero-stats{
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
    max-width:780px;
    margin-top:22px;
}

.district-hero-stats span{
    padding:13px 14px;
    border-radius:16px;
}

.district-hero-actions{
    margin-top:24px;
}

.district-quick-section{
    margin-top:-48px;
    padding:0 0 64px;
}

.district-quick-card{
    position:relative;
    max-width:1180px;
    margin:0 auto;
    padding:24px;
    border:1px solid rgba(191,219,254,.86);
    border-radius:30px;
    background:rgba(255,255,255,.97);
    box-shadow:0 24px 64px rgba(15,23,42,.10);
    backdrop-filter:blur(14px);
}

.district-quick-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.district-quick-head span{
    display:inline-flex;
    min-height:30px;
    align-items:center;
    padding:0 11px;
    border-radius:999px;
    background:#eff6ff;
    color:#2563eb;
    font-size:12px;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.district-quick-head h2{
    margin:0;
    color:#0f172a;
    font-size:clamp(22px,3vw,30px);
    letter-spacing:-.035em;
}

.district-quick-grid{
    display:grid;
    /* Keep dense district data readable. Auto-fit could create six narrow
       columns on desktop and made long values such as municipality names
       visually collide with the next section. */
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:minmax(178px,auto);
    align-items:stretch;
    gap:14px;
}

.district-data-card{
    min-width:0;
    min-height:178px;
    height:auto;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:18px;
    border:1px solid rgba(148,163,184,.22);
    border-radius:22px;
    background:linear-gradient(180deg,#fff,#f8fafc);
    box-shadow:0 12px 30px rgba(15,23,42,.055);
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.district-data-card:hover,
.district-data-card:focus-within{
    transform:translateY(-4px);
    border-color:#bfdbfe;
    box-shadow:0 18px 44px rgba(37,99,235,.11);
}

.district-data-card__icon,
.district-info-card__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border-radius:16px;
    background:#eff6ff;
    color:#2563eb;
}

.district-data-card__label{
    color:#64748b;
    font-size:13px;
    font-weight:900;
}

.district-data-card__value{
    display:block;
    min-width:0;
    max-width:100%;
    color:#0f172a;
    font-size:clamp(24px,3.2vw,34px);
    line-height:1.14;
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
}

.district-data-card__value a{
    color:inherit;
    text-decoration:none;
}

.district-data-card small{
    margin-top:auto;
    min-width:0;
    color:#64748b;
    font-size:13px;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.district-info-section{
    padding:64px 0;
}

.district-info-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.district-info-card{
    padding:26px;
    border-radius:26px;
}

.district-info-card__head{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:18px;
}

.district-info-card__head h3{
    margin:0;
    color:#0f172a;
    font-size:clamp(20px,2vw,22px);
    letter-spacing:-.025em;
}

.district-info-card--green::before{
    background:linear-gradient(90deg,#14b8a6,#22c55e);
}

.district-info-card--amber::before{
    background:linear-gradient(90deg,#f59e0b,#facc15);
}

.district-info-card--green .district-info-card__icon{
    background:#ccfbf1;
    color:#0f766e;
}

.district-info-card--amber .district-info-card__icon{
    background:#fef3c7;
    color:#92400e;
}

.district-meta-list div{
    grid-template-columns:minmax(128px,.7fr) minmax(0,1fr);
    align-items:start;
    gap:18px;
}

.district-meta-list dt{
    font-size:13px;
}

.district-meta-list dd{
    text-align:right;
    font-weight:850;
}

.district-page-nav{
    padding:10px 0;
}

.district-page-nav-inner{
    padding:8px;
    border:1px solid rgba(191,219,254,.72);
    border-radius:999px;
    background:rgba(255,255,255,.82);
}

.district-page-nav-label{
    padding-left:10px;
}

.district-page-nav-links{
    min-width:0;
}

.district-page-nav a.ia-meta-chip{
    min-height:34px;
    border-color:rgba(148,163,184,.24);
    background:#fff;
}

.district-page-nav a.ia-meta-chip:hover,
.district-page-nav a.ia-meta-chip:focus-visible,
.district-page-nav a.ia-meta-chip.is-active{
    color:#fff;
    background:#2563eb;
    border-color:#2563eb;
    transform:translateY(-1px);
}

@media (max-width: 1100px){
    .district-quick-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .district-info-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 900px){
    .district-quick-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 720px){
    .district-page-nav-inner{
        border-radius:24px;
    }
}

@media (max-width: 640px){
    .district-hero-cover{
        min-height:520px;
        padding:84px 0 64px;
    }

    .district-hero-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .district-quick-card{
        padding:18px;
        border-radius:24px;
    }

    .district-quick-head{
        display:block;
    }

    .district-quick-head h2{
        margin-top:10px;
    }

    .district-quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .district-data-card{
        min-height:156px;
        padding:15px;
        border-radius:18px;
    }

    .district-data-card__icon,
    .district-info-card__icon{
        width:40px;
        height:40px;
        border-radius:14px;
    }

    .district-info-grid{
        grid-template-columns:1fr;
    }

    .district-meta-list dd{
        text-align:left;
    }
}

@media (max-width: 390px){
    .district-quick-grid,
    .district-hero-stats{
        grid-template-columns:1fr;
    }

    .district-data-card{
        min-height:auto;
    }
}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
    .district-data-card:hover,
    .district-data-card:focus-within,
    .district-info-card:hover,
    .district-page-nav a.ia-meta-chip:hover,
    .district-page-nav a.ia-meta-chip:focus-visible{
        transform:none;
    }
}

/* v1.8.0 Paket 6 — content, action and related card families */
.district-editorial-panel{
    position:relative;
    max-width:920px;
    padding:0 0 0 28px;
    border-left:4px solid #8b5cf6;
}

.district-editorial-panel::before{
    content:"";
    position:absolute;
    inset:0 auto 0 -4px;
    width:4px;
    border-radius:999px;
    background:linear-gradient(180deg,#8b5cf6,#f59e0b);
}

.district-editorial-panel__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    margin-bottom:14px;
    border-radius:16px;
    background:#f5f3ff;
    color:#7c3aed;
}

.district-editorial-panel__eyebrow,
.district-feature-card > span,
.district-map-card span{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.district-editorial-panel__eyebrow{
    color:#7c3aed;
    font-weight:1000;
}

.district-editorial-panel h2{
    margin:10px 0 18px;
    color:#0f172a;
    font-size:clamp(30px,4vw,44px);
    letter-spacing:-.045em;
}

.district-rich-text{
    color:#334155;
    font-size:17px;
    line-height:1.9;
}

.district-rich-text p{
    margin:0 0 1.05em;
}

.district-feature-section{
    background:#fff;
}

.district-history-section{
    padding-top:56px;
}

.district-feature-card{
    min-width:0;
    border:1px solid rgba(148,163,184,.20);
    border-radius:24px;
    background:#fff;
    box-shadow:none;
}

.district-feature-card--metric{
    background:#eff6ff;
    border-color:#bfdbfe;
}

.district-feature-card--data .district-rich-text,
.district-feature-card--metric .district-rich-text{
    font-size:16px;
    line-height:1.75;
}

.district-feature-card--metric .district-rich-text{
    color:#1d4ed8;
    font-size:clamp(24px,3vw,34px);
    font-weight:1000;
    line-height:1.18;
}

.district-discovery-card{
    display:flex;
    flex-direction:column;
}

.district-discovery-card::before{
    background:linear-gradient(90deg,#14b8a6,#22c55e);
}

.district-discovery-card .district-chip-list{
    display:grid;
    gap:0;
}

.district-discovery-card .district-chip-list li{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:12px 0;
    border-bottom:1px solid rgba(148,163,184,.18);
    border-radius:0;
    background:transparent;
    color:#334155;
}

.district-discovery-card .district-chip-list li:last-child{
    border-bottom:0;
}

.district-discovery-card .district-chip-list svg{
    flex:0 0 auto;
    color:#14b8a6;
}

.district-discovery-card .district-chip-list a{
    display:inline-flex;
    min-height:auto;
    padding:0;
    color:#2563eb;
    text-decoration:none;
    font-weight:900;
}

.district-map-card.district-content-panel{
    border-radius:28px;
    background:
        radial-gradient(circle at top right,rgba(37,99,235,.20),transparent 34%),
        linear-gradient(135deg,#0f172a,#172554);
}

.district-map-embed,
.district-map-placeholder{
    max-width:100%;
}

.district-map-embed iframe,
.district-map-embed img{
    max-width:100%;
}

.district-gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:16px;
}

.district-gallery-card{
    margin:0;
    aspect-ratio:4 / 3;
    overflow:hidden;
    border:1px solid rgba(148,163,184,.20);
    border-radius:24px;
    background:#f8fafc;
    box-shadow:0 14px 38px rgba(15,23,42,.07);
}

.district-gallery-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .24s ease;
}

.district-gallery-card:hover img{
    transform:scale(1.03);
}

.district-related-featured{
    background:
        radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 34%),
        #f8fafc;
    box-shadow:none;
}

.district-related-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

.district-related-card--mini{
    display:flex;
    flex-direction:row;
    gap:14px;
    min-height:0;
    padding:16px;
    border-radius:22px;
    background:#fff;
}

.district-related-card__media{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    overflow:hidden;
    border-radius:18px;
    background:linear-gradient(135deg,#eff6ff,#dbeafe);
    color:#2563eb;
}

.district-related-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.district-related-card__media strong{
    color:#2563eb;
    font-size:24px;
}

.district-related-card__body{
    min-width:0;
    display:grid;
    gap:6px;
}

.district-related-card__body > strong{
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.district-link-hub{
    box-shadow:none;
}

.district-link-hub-card{
    background:linear-gradient(180deg,#fff,#f8fafc);
}

.district-link-hub-card b{
    margin-top:auto;
    color:#2563eb;
    font-size:14px;
}

.district-compare-cta{
    grid-template-columns:auto minmax(0,1fr) auto;
}

.district-compare-cta__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    border-radius:20px;
    background:#dbeafe;
    color:#2563eb;
}

.district-extra-card{
    box-shadow:none;
    background:#fff;
}

.district-extra-head > strong{
    background:#f8fafc;
    border:1px solid #dbeafe;
}

.district-extra-item{
    background:#fff;
    box-shadow:none;
}

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

@media (max-width: 760px){
    .district-compare-cta{
        grid-template-columns:1fr;
    }
}

@media (max-width: 640px){
    .district-editorial-panel{
        padding-left:20px;
    }

    .district-economy-grid{
        grid-template-columns:1fr;
    }

    .district-related-card--mini{
        padding:14px;
    }

    .district-gallery-grid{
        grid-template-columns:1fr;
    }
}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
    .district-gallery-card:hover img,
    .district-related-card:hover,
    .district-link-hub-card:hover{
        transform:none;
    }
}

/* v1.7.0 Data Engine uyumluluk blokları */
.district-page-v170 .section-head{
    margin-bottom:24px;
}

.district-feature-section,
.district-gallery-section{
    padding:48px 0;
}

.district-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.district-feature-card{
    min-width:0;
    padding:24px;
    border:1px solid rgba(148,163,184,.18);
    border-radius:24px;
    background:linear-gradient(145deg,#fff,rgba(248,250,252,.95));
    box-shadow:0 18px 48px rgba(15,23,42,.08);
}

.district-feature-card-wide{
    max-width:980px;
}

.district-feature-card > span,
.district-yearly-table-wrap h3{
    display:block;
    margin-bottom:10px;
    color:#2563eb;
    font-size:13px;
    font-weight:1000;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.district-feature-card h2{
    margin:0 0 14px;
    color:#0f172a;
    font-size:clamp(26px,3vw,38px);
}

.district-rich-text,
.district-rich-text p{
    color:#475569;
    font-size:15px;
    line-height:1.75;
}

.district-rich-text p:last-child{
    margin-bottom:0;
}

.district-economy-section{
    background:linear-gradient(180deg,rgba(239,246,255,.55),rgba(255,255,255,0));
}

.district-culture-section{
    background:#fff;
}

.district-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.district-gallery-grid figure{
    position:relative;
    overflow:hidden;
    aspect-ratio:16/10;
    margin:0;
    border-radius:22px;
    background:#e2e8f0;
    box-shadow:0 18px 40px rgba(15,23,42,.1);
}

.district-gallery-grid img,
.district-map-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.district-map-placeholder{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:28px;
    border:1px dashed rgba(37,99,235,.35);
    border-radius:22px;
    background:rgba(239,246,255,.75);
    color:#1e3a8a;
}

.district-yearly-table-wrap{
    margin-top:24px;
    overflow-x:auto;
    border:1px solid rgba(148,163,184,.2);
    border-radius:20px;
    background:#fff;
}

.district-yearly-table-wrap h3{
    margin:20px 20px 0;
}

.district-yearly-table{
    width:100%;
    min-width:360px;
    border-collapse:collapse;
}

.district-yearly-table th,
.district-yearly-table td{
    padding:14px 20px;
    text-align:left;
    border-top:1px solid rgba(148,163,184,.18);
}

.district-yearly-table thead th{
    color:#0f172a;
    background:rgba(248,250,252,.9);
}

.province-hero-cover{
    position:relative;
    overflow:hidden;
    background-image:linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,64,175,.72)),var(--district-hero-desktop);
    background-size:cover;
    background-position:center center;
}

.province-hero-cover .container{
    position:relative;
    z-index:1;
}

.province-hero-overlay{
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.28),transparent 34%);
    pointer-events:none;
}

@media (max-width: 1024px){
    .district-feature-grid,
    .district-gallery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .province-hero-cover{
        background-image:linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,64,175,.72)),var(--district-hero-tablet);
    }
}

@media (max-width: 680px){
    .district-feature-section,
    .district-gallery-section{
        padding:34px 0;
    }

    .district-feature-grid,
    .district-gallery-grid{
        grid-template-columns:1fr;
    }

    .district-feature-card{
        padding:20px;
        border-radius:20px;
    }

    .province-hero-cover{
        background-image:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,64,175,.74)),var(--district-hero-mobile);
        background-position:center center;
    }
}

/* v1.8.0 Paket 6 final override — keep content sections in the new families */
.district-editorial-panel .district-rich-text,
.district-editorial-panel .district-rich-text p{
    color:#334155;
    font-size:17px;
    line-height:1.9;
}

.district-economy-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.district-feature-card{
    padding:30px;
    background:#fff;
    box-shadow:none;
}

.district-feature-card::before{
    content:"";
    display:block;
    height:4px;
    margin:-30px -30px 22px;
    border-radius:24px 24px 0 0;
    background:linear-gradient(90deg,#2563eb,#14b8a6);
}

.district-feature-card--editorial{
    grid-column:span 2;
    background:linear-gradient(135deg,#f8fafc,#fff);
}

.district-feature-card--metric{
    background:#eff6ff;
}

.district-feature-card--metric .district-rich-text,
.district-feature-card--metric .district-rich-text p{
    color:#1d4ed8;
    font-size:clamp(24px,3vw,34px);
    font-weight:1000;
    line-height:1.18;
}

.district-feature-card > span{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.district-gallery-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

.district-gallery-card{
    aspect-ratio:4 / 3;
    border-radius:24px;
    box-shadow:0 14px 38px rgba(15,23,42,.07);
}

.district-related-card--mini{
    display:flex;
    flex-direction:row;
}

@media (max-width: 1100px){
    .district-economy-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 760px){
    .district-feature-card--editorial{
        grid-column:auto;
    }
}

@media (max-width: 680px){
    .district-economy-grid{
        grid-template-columns:1fr;
    }

    .district-feature-card{
        padding:22px;
    }

    .district-feature-card::before{
        margin:-22px -22px 18px;
    }
}


/* === SOURCE: district-experience-v67.css === */
/* İlçe Atlasım V66 — consolidated district experience layers (V59–V65). */

/* === district-experience-v59.css === */
/* V59: district detail hierarchy and mobile action dock. */
.district-page .district-page-nav,
.district-page [id^="district-"] {
    scroll-margin-top: clamp(92px, 12vw, 142px);
}

.district-page .district-quick-info,
.district-page .district-info-cards,
.district-page .district-semantic-sections {
    position: relative;
}

.district-page .district-quick-info::before {
    content: "Hızlı bakış";
    display: inline-flex;
    margin: 0 0 .75rem;
    padding: .36rem .72rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ia-primary, #2563eb) 12%, #fff);
    color: var(--ia-primary, #2563eb);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.district-page .district-info-card,
.district-page .district-quick-info__item {
    min-width: 0;
    overflow-wrap: anywhere;
}

.district-mobile-actions {
    display: none;
}

@media (max-width: 767px) {
    body.single-ilce {
        padding-bottom: calc(78px + env(safe-area-inset-bottom));
    }

    .district-page .district-page-nav {
        position: sticky;
        top: calc(var(--ia-header-height, 64px) + 6px);
        z-index: 20;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    .district-page .district-page-nav::-webkit-scrollbar {
        display: none;
    }

    .district-mobile-actions {
        display: block;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        padding: 8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
        pointer-events: none;
    }

    .district-mobile-actions__inner {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: min(100%, 520px);
        margin-inline: auto;
        overflow: hidden;
        border: 1px solid rgba(148, 163, 184, .24);
        border-radius: 18px;
        background: rgba(255,255,255,.94);
        box-shadow: 0 16px 44px rgba(15,23,42,.22);
        backdrop-filter: blur(18px);
        pointer-events: auto;
    }

    .district-mobile-actions__item {
        display: flex;
        min-width: 0;
        min-height: 58px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 3px;
        padding: 7px 4px;
        color: var(--ia-text, #0f172a);
        font-size: .69rem;
        font-weight: 750;
        line-height: 1.15;
        text-align: center;
        text-decoration: none;
    }

    .district-mobile-actions__item + .district-mobile-actions__item {
        border-left: 1px solid rgba(148, 163, 184, .18);
    }

    .district-mobile-actions__item:focus-visible,
    .district-mobile-actions__item:hover {
        background: color-mix(in srgb, var(--ia-primary, #2563eb) 9%, #fff);
        color: var(--ia-primary, #2563eb);
    }

    .district-mobile-actions__icon,
    .district-mobile-actions__icon svg {
        width: 19px;
        height: 19px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .district-mobile-actions *,
    .district-page .district-page-nav * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}


/* === district-desktop-v60.css === */
/* V60: desktop district context rail and long-form reading rhythm. */
.district-desktop-summary {
    display: none;
}

@media (min-width: 1100px) {
    .district-desktop-summary {
        position: sticky;
        top: calc(var(--ia-header-height, 72px) + 12px);
        z-index: 18;
        display: block;
        margin: 14px 0 30px;
        pointer-events: none;
    }

    .district-desktop-summary__inner {
        display: grid;
        grid-template-columns: minmax(190px, 1.1fr) minmax(360px, 1.8fr) auto;
        gap: 22px;
        align-items: center;
        padding: 15px 18px;
        border: 1px solid color-mix(in srgb, var(--ia-color-primary, #2563eb) 16%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, var(--ia-color-surface, #fff) 94%, transparent);
        box-shadow: 0 16px 38px rgba(15, 23, 42, .10);
        backdrop-filter: blur(16px);
        pointer-events: auto;
    }

    .district-desktop-summary__identity,
    .district-desktop-summary__facts,
    .district-desktop-summary__actions {
        min-width: 0;
    }

    .district-desktop-summary__identity {
        display: grid;
        gap: 2px;
    }

    .district-desktop-summary__identity strong,
    .district-desktop-summary__identity span {
        overflow-wrap: anywhere;
    }

    .district-desktop-summary__eyebrow {
        color: var(--ia-color-primary, #2563eb);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .district-desktop-summary__identity strong {
        color: var(--ia-color-text, #0f172a);
        font-size: 1.05rem;
    }

    .district-desktop-summary__identity > span:last-child {
        color: var(--ia-color-muted, #64748b);
        font-size: .84rem;
    }

    .district-desktop-summary__facts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
    }

    .district-desktop-summary__facts > div {
        min-width: 0;
        padding: 8px 10px;
        border-radius: 12px;
        background: color-mix(in srgb, var(--ia-color-primary, #2563eb) 7%, transparent);
    }

    .district-desktop-summary__facts dt {
        color: var(--ia-color-muted, #64748b);
        font-size: .72rem;
        font-weight: 700;
    }

    .district-desktop-summary__facts dd {
        margin: 2px 0 0;
        color: var(--ia-color-text, #0f172a);
        font-size: .91rem;
        font-weight: 800;
        overflow-wrap: anywhere;
    }

    .district-desktop-summary__actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 8px;
    }

    .district-desktop-summary__action {
        display: inline-flex;
        min-height: 40px;
        align-items: center;
        justify-content: center;
        padding: 8px 13px;
        border: 1px solid color-mix(in srgb, var(--ia-color-primary, #2563eb) 22%, transparent);
        border-radius: 11px;
        color: var(--ia-color-text, #0f172a);
        background: var(--ia-color-surface, #fff);
        font-size: .82rem;
        font-weight: 800;
        line-height: 1.15;
        text-decoration: none;
        white-space: nowrap;
    }

    .district-desktop-summary__action.is-primary,
    .district-desktop-summary__action:hover,
    .district-desktop-summary__action:focus-visible {
        color: #fff;
        border-color: var(--ia-color-primary, #2563eb);
        background: var(--ia-color-primary, #2563eb);
    }

    .district-page :is(.district-history, .district-content, .ia-semantic-section) :is(p, li) {
        max-width: 78ch;
        line-height: 1.78;
    }
}

@media (prefers-reduced-motion: reduce) {
    .district-desktop-summary__action {
        transition: none !important;
    }
}


/* === district-progress-v61.css === */
/* V61: district reading progress and synchronized section navigation. */
.district-reading-progress {
    position: fixed;
    inset: 0 0 auto;
    z-index: 9998;
    height: 4px;
    pointer-events: none;
    background: transparent;
}

.district-reading-progress__bar {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--ia-primary, #2563eb), var(--ia-accent, #0f9f8f));
    transform-origin: left center;
    transition: width 120ms linear;
}

.district-page-nav a[aria-current="location"],
.district-mobile-actions__item[aria-current="location"],
.district-desktop-summary__action[aria-current="location"] {
    color: var(--ia-primary, #2563eb);
    background: color-mix(in srgb, var(--ia-primary, #2563eb) 11%, #fff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ia-primary, #2563eb) 24%, transparent);
}

.district-page [id] {
    scroll-margin-top: clamp(104px, 13vw, 164px);
}

@media (max-width: 1099px) {
    .district-reading-progress { top: env(safe-area-inset-top, 0); }
    .district-page [id] { scroll-margin-top: 118px; }
}

@media (prefers-reduced-motion: reduce) {
    .district-reading-progress__bar { transition: none; }
}


/* === district-discovery-v62.css === */

/* V62 — district discovery rail and recommendation hierarchy. */
.district-related-section--v62{padding-block:clamp(2rem,5vw,4.5rem);overflow:clip}
.district-discovery-intro{max-width:760px;margin:0 0 1.5rem}
.district-discovery-intro__eyebrow{display:inline-flex;margin-bottom:.5rem;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ia-primary,#2563eb)}
.district-discovery-intro h2{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.12;text-wrap:balance}
.district-discovery-intro p{margin:.7rem 0 0;color:var(--ia-text-muted,#64748b);max-width:64ch}
.district-related-section--v62 .district-related-block{padding:clamp(1rem,2.4vw,1.5rem);border:1px solid color-mix(in srgb,var(--ia-border,#dbe3ef) 82%,transparent);border-radius:clamp(18px,2vw,28px);background:color-mix(in srgb,var(--ia-card,#fff) 96%,var(--ia-primary,#2563eb) 4%);box-shadow:0 18px 45px rgba(15,23,42,.07)}
.district-related-section--v62 .district-related-block+.district-related-block{margin-top:1.25rem}
.district-related-section--v62 .district-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.district-related-section--v62 .district-related-card{min-width:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.district-related-section--v62 .district-related-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(15,23,42,.12)}
.district-related-section--v62 .district-related-card__body strong,.district-related-section--v62 .district-related-card__body span{overflow-wrap:anywhere}
@media(max-width:980px){.district-related-section--v62 .district-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.district-related-section--v62{padding-block:1.75rem}.district-related-section--v62 .district-related-block{padding:1rem}.district-related-section--v62 .district-related-grid{display:flex;gap:.85rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.15rem .1rem .85rem;overscroll-behavior-inline:contain;scrollbar-width:thin}.district-related-section--v62 .district-related-card{flex:0 0 min(84vw,320px);scroll-snap-align:start}.district-discovery-intro p{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){.district-related-section--v62 .district-related-card{transition:none}.district-related-section--v62 .district-related-card:hover{transform:none}}


/* === district-snapshot-v63.css === */
/* V63 — fast district snapshot and shareable fact card. */
.ia-district-snapshot{scroll-margin-top:9rem;padding:clamp(1rem,2vw,1.75rem) 0}
.ia-district-snapshot__panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);align-items:start;gap:clamp(1rem,2vw,1.75rem);padding:clamp(1rem,2.4vw,2rem);border:1px solid color-mix(in srgb,var(--ia-primary,#2563eb) 15%,transparent);border-radius:clamp(1rem,2vw,1.5rem);background:linear-gradient(135deg,color-mix(in srgb,var(--ia-primary,#2563eb) 7%,#fff),#fff);box-shadow:0 18px 50px rgba(15,23,42,.08)}
.ia-district-snapshot__intro,.ia-district-snapshot__facts,.ia-district-snapshot__share{min-width:0}
.ia-district-snapshot__eyebrow{display:inline-flex;margin-bottom:.5rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ia-primary,#2563eb)}
.ia-district-snapshot h2{margin:0 0 .65rem;font-size:clamp(1.35rem,2vw,2rem);overflow-wrap:anywhere}
.ia-district-snapshot__intro p{margin:0;color:var(--ia-text-muted,#475569);line-height:1.75}
.ia-district-snapshot__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(72px,auto);align-items:stretch;gap:.75rem;margin:0}
.ia-district-snapshot__fact{min-width:0;min-height:72px;padding:.85rem;border:1px solid rgba(148,163,184,.2);border-radius:.9rem;background:rgba(255,255,255,.88)}
.ia-district-snapshot__fact dt{font-size:.75rem;font-weight:700;line-height:1.35;color:#64748b}
.ia-district-snapshot__fact dd{margin:.25rem 0 0;font-weight:850;line-height:1.35;color:#0f172a;overflow-wrap:anywhere}
.ia-district-snapshot__share{grid-column:1/-1;display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}
.ia-district-snapshot__share p{display:grid;gap:.15rem;margin:0 auto 0 0}.ia-district-snapshot__share p span{font-size:.9rem;color:#64748b}
.ia-district-snapshot__share-button{min-height:44px;padding:.72rem 1rem;border:0;border-radius:.85rem;background:var(--ia-primary,#2563eb);color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.ia-district-snapshot__share-button:focus-visible{outline:3px solid color-mix(in srgb,var(--ia-primary,#2563eb) 30%,transparent);outline-offset:3px}
.ia-district-snapshot__status{font-size:.85rem;font-weight:700;color:#047857}
@media(max-width:900px){.ia-district-snapshot__panel{grid-template-columns:1fr}.ia-district-snapshot__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ia-district-snapshot__share{flex-wrap:wrap}.ia-district-snapshot__share p{flex:1 1 100%}}
@media(max-width:520px){.ia-district-snapshot__facts{grid-template-columns:1fr 1fr}.ia-district-snapshot__share-button{width:100%}.ia-district-snapshot__status{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.ia-district-snapshot__share-button{transition:none}}


/* === district-memory-v64.css === */
/* V64 — private browser-only favorites and recent district memory. */
.ia-district-memory { scroll-margin-top: 9rem; }
.ia-district-memory__panel { display: grid; gap: 1.25rem; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid var(--ia-border, #dbe3ee); border-radius: 1.25rem; background: linear-gradient(135deg, #fff 0%, #f7fbff 100%); box-shadow: 0 16px 40px rgba(15, 23, 42, .08); }
.ia-district-memory__eyebrow { display: inline-block; margin-bottom: .4rem; color: var(--ia-primary, #2563eb); font-weight: 800; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.ia-district-memory__intro h2 { margin: 0 0 .55rem; overflow-wrap: anywhere; }
.ia-district-memory__intro p { margin: 0; max-width: 68ch; color: var(--ia-text-muted, #526174); }
.ia-district-memory__actions { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; }
.ia-district-memory__favorite { display: inline-flex; align-items: center; gap: .55rem; min-height: 44px; padding: .72rem 1rem; border: 1px solid #c7d6ec; border-radius: 999px; background: #fff; color: #17345f; font-weight: 800; cursor: pointer; }
.ia-district-memory__favorite:hover, .ia-district-memory__favorite:focus-visible { border-color: var(--ia-primary, #2563eb); outline: 3px solid rgba(37, 99, 235, .16); outline-offset: 2px; }
.ia-district-memory__favorite.is-active { border-color: #e5a900; background: #fff8d8; color: #805b00; }
.ia-district-memory__favorite [aria-hidden="true"] { font-size: 1.2rem; line-height: 1; }
.ia-district-memory__status { min-height: 1.4em; color: var(--ia-text-muted, #526174); font-size: .9rem; }
.ia-district-memory__recent { border-top: 1px solid var(--ia-border, #dbe3ee); padding-top: 1rem; }
.ia-district-memory__recent-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: .8rem; }
.ia-district-memory__recent-head h3 { margin: 0; font-size: 1rem; }
.ia-district-memory__recent-head button { border: 0; background: transparent; color: var(--ia-primary, #2563eb); font-weight: 700; cursor: pointer; }
.ia-district-memory__recent ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 0; padding: 0; list-style: none; }
.ia-district-memory__recent a { display: flex; flex-direction: column; gap: .2rem; min-width: 0; padding: .85rem; border: 1px solid var(--ia-border, #dbe3ee); border-radius: .9rem; background: #fff; color: inherit; text-decoration: none; }
.ia-district-memory__recent a:hover, .ia-district-memory__recent a:focus-visible { border-color: var(--ia-primary, #2563eb); transform: translateY(-2px); }
.ia-district-memory__recent span { overflow-wrap: anywhere; font-weight: 800; }
.ia-district-memory__recent small { color: var(--ia-text-muted, #526174); }
@media (max-width: 780px) { .ia-district-memory { scroll-margin-top: 7rem; } .ia-district-memory__recent ul { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .35rem; } .ia-district-memory__recent li { flex: 0 0 min(78vw, 250px); scroll-snap-align: start; } .ia-district-memory__recent-head { align-items: flex-start; } }
@media (prefers-reduced-motion: reduce) { .ia-district-memory__recent a { transition: none; } .ia-district-memory__recent a:hover { transform: none; } }


/* === district-discovery-center-v65.css === */
/* V65 — unified favorites and recent district discovery center. */
.ia-district-memory__stats{display:flex;flex-wrap:wrap;gap:.6rem;margin:.2rem 0 .9rem}.ia-district-memory__stats span{display:inline-flex;gap:.35rem;align-items:center;padding:.48rem .7rem;border-radius:999px;background:#eef4ff;color:#17345f;font-size:.9rem}.ia-district-memory__center{margin-top:1rem;border-top:1px solid var(--ia-border,#dbe3ee);padding-top:1rem}.ia-district-memory__tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.ia-district-memory__tabs button{min-height:42px;padding:.65rem .9rem;border:1px solid #c7d6ec;border-radius:999px;background:#fff;color:#17345f;font-weight:800;white-space:nowrap;cursor:pointer}.ia-district-memory__tabs button[aria-selected="true"]{border-color:var(--ia-primary,#2563eb);background:var(--ia-primary,#2563eb);color:#fff}.ia-district-memory__favorites,.ia-district-memory__recent{padding-top:.75rem}.ia-district-memory__favorites ul,.ia-district-memory__recent ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.ia-district-memory__favorites a,.ia-district-memory__recent a{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding:.85rem;border:1px solid var(--ia-border,#dbe3ee);border-radius:.9rem;background:#fff;color:inherit;text-decoration:none}.ia-district-memory__favorites a:hover,.ia-district-memory__favorites a:focus-visible,.ia-district-memory__recent a:hover,.ia-district-memory__recent a:focus-visible{border-color:var(--ia-primary,#2563eb);outline:3px solid rgba(37,99,235,.14);outline-offset:2px}.ia-district-memory__favorites span,.ia-district-memory__recent span{overflow-wrap:anywhere;font-weight:800}.ia-district-memory__favorites small,.ia-district-memory__recent small{color:var(--ia-text-muted,#526174)}.ia-district-memory__empty{margin:.25rem 0;color:var(--ia-text-muted,#526174)}@media(max-width:780px){.ia-district-memory__favorites ul,.ia-district-memory__recent ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.35rem}.ia-district-memory__favorites li,.ia-district-memory__recent li{flex:0 0 min(78vw,250px);scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.ia-district-memory__tabs button,.ia-district-memory__favorites a,.ia-district-memory__recent a{transition:none}}


/* === SOURCE: content-premium.css === */
/* V35 — premium district/province content rhythm. Scoped to native theme renders only. */
.ia-content-premium {
    --ia-content-gap: clamp(38px, 6vw, 76px);
    --ia-content-card-radius: var(--ia-ds-radius-card, 28px);
    --ia-content-border: color-mix(in srgb, var(--ia-ds-border, #dbe3ef) 88%, transparent);
    --ia-content-shadow: var(--ia-ds-shadow-card, 0 18px 48px rgba(15, 23, 42, .09));
    position: relative;
    isolation: isolate;
    overflow: clip;
    background:
        radial-gradient(circle at 8% 16%, rgba(37, 99, 235, .055), transparent 26rem),
        radial-gradient(circle at 92% 60%, rgba(15, 159, 143, .05), transparent 28rem),
        var(--surface-page, var(--bg, #f6f8fb));
}

@supports not (overflow: clip) {
    .ia-content-premium { overflow-x: hidden; }
}

.ia-content-premium > section:not(.district-hero):not(.ia-province-hero),
.ia-content-premium .district-info-section,
.ia-content-premium .district-charts-section,
.ia-content-premium .district-extra-section,
.ia-content-premium .district-compare-results,
.ia-content-premium .ia-province-section {
    position: relative;
}

.ia-content-premium--district > section:not(.district-hero):not(.district-page-nav) {
    border-top: 1px solid color-mix(in srgb, var(--ia-content-border) 72%, transparent);
}

.ia-content-premium--district > section:nth-of-type(even):not(.district-hero):not(.district-page-nav),
.ia-content-premium--province .ia-province-section:nth-of-type(even) {
    background: linear-gradient(180deg, rgba(255,255,255,.58), rgba(248,250,252,.82));
}

.ia-content-premium .ia-section-header,
.ia-content-premium .ia-province-section-head {
    max-width: 850px;
    margin-bottom: clamp(20px, 3vw, 30px);
}

.ia-content-premium .ia-section-header h2,
.ia-content-premium .ia-province-section-head h2 {
    letter-spacing: -.035em;
    text-wrap: balance;
}

.ia-content-premium .ia-section-header p,
.ia-content-premium .ia-province-section-head p {
    max-width: 70ch;
    color: var(--text-secondary, var(--muted, #64748b));
    text-wrap: pretty;
}

.ia-content-premium :is(
    .district-info-card,
    .district-quick-card,
    .district-chart-card,
    .district-stat-card,
    .district-density-card,
    .district-extra-card,
    .district-history-card,
    .district-economy-card,
    .district-culture-card,
    .district-map-card,
    .district-gallery-card,
    .district-related-card,
    .district-link-card,
    .ia-province-answer,
    .ia-province-stat,
    .ia-province-ranking,
    .ia-province-link-card,
    .ia-province-table-wrap,
    .ia-district-card--province
) {
    min-width: 0;
    border-color: var(--ia-content-border);
    border-radius: var(--ia-content-card-radius);
    box-shadow: var(--ia-content-shadow);
    background-color: color-mix(in srgb, var(--ia-ds-surface, #fff) 96%, transparent);
}

.ia-content-premium :is(
    .district-info-card,
    .district-chart-card,
    .district-extra-card,
    .ia-province-answer,
    .ia-province-stat,
    .ia-province-ranking,
    .ia-province-link-card,
    .ia-district-card--province
) {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.ia-content-premium .district-info-card,
.ia-content-premium .ia-province-stat,
.ia-content-premium .ia-province-answer {
    overflow: hidden;
}

.ia-content-premium .district-info-card::before,
.ia-content-premium .ia-province-answer::before,
.ia-content-premium .ia-province-stat::before {
    content: "";
    display: block;
    height: 4px;
    margin: calc(-1 * clamp(20px, 3vw, 28px)) calc(-1 * clamp(20px, 3vw, 28px)) clamp(18px, 2.5vw, 24px);
    background: linear-gradient(90deg, var(--ia-ds-brand, #2563eb), var(--ia-ds-accent, #0f9f8f));
}

.ia-content-premium .district-hero-cover,
.ia-content-premium .ia-province-hero {
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.12), 0 24px 65px rgba(15,23,42,.14);
}

.ia-content-premium .district-page-nav {
    position: sticky;
    top: var(--header-height, 72px);
    z-index: 18;
    border-block: 1px solid var(--ia-content-border);
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(16px);
}

.ia-content-premium .district-page-nav a,
.ia-content-premium .ia-province-links a {
    text-underline-offset: .22em;
}

.ia-content-premium :is(.district-yearly-table-wrap, .ia-province-table-wrap) {
    scrollbar-width: thin;
    scrollbar-color: var(--ia-ds-brand, #2563eb) transparent;
}

.ia-content-premium :is(.district-yearly-table, .ia-province-table) tbody tr {
    transition: background-color .18s ease;
}

.ia-content-premium .district-compare-cta,
.ia-content-premium .district-compare-results-card {
    border-color: color-mix(in srgb, var(--ia-ds-brand, #2563eb) 30%, var(--ia-content-border));
    box-shadow: 0 24px 65px rgba(37,99,235,.11);
}

.ia-content-premium .ia-province-section {
    padding-block: var(--ia-content-gap);
}

.ia-content-premium .ia-province-section + .ia-province-section {
    padding-top: var(--ia-content-gap);
}

@media (hover:hover) and (pointer:fine) {
    .ia-content-premium :is(
        .district-info-card,
        .district-chart-card,
        .district-extra-card,
        .ia-province-answer,
        .ia-province-stat,
        .ia-province-ranking,
        .ia-province-link-card,
        .ia-district-card--province
    ):hover {
        transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--ia-ds-brand, #2563eb) 34%, var(--ia-content-border));
        box-shadow: 0 24px 68px rgba(15,23,42,.13);
    }

    .ia-content-premium :is(.district-yearly-table, .ia-province-table) tbody tr:hover {
        background: color-mix(in srgb, var(--ia-ds-brand-soft, #eff6ff) 72%, #fff);
    }
}

@media (max-width: 768px) {
    .ia-content-premium {
        --ia-content-gap: clamp(34px, 10vw, 54px);
    }

    .ia-content-premium .district-page-nav {
        top: 0;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }

    .ia-content-premium :is(
        .district-info-card,
        .district-chart-card,
        .district-extra-card,
        .ia-province-answer,
        .ia-province-stat,
        .ia-province-ranking,
        .ia-province-link-card,
        .ia-province-table-wrap
    ) {
        border-radius: clamp(20px, 6vw, 26px);
    }
}

@media (max-width: 430px) {
    .ia-content-premium .ia-section-header h2,
    .ia-content-premium .ia-province-section-head h2 {
        font-size: clamp(25px, 8vw, 34px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ia-content-premium * {
        scroll-behavior: auto !important;
    }

    .ia-content-premium :is(
        .district-info-card,
        .district-chart-card,
        .district-extra-card,
        .ia-province-answer,
        .ia-province-stat,
        .ia-province-ranking,
        .ia-province-link-card,
        .ia-district-card--province
    ) {
        transition: none;
    }
}

@media (forced-colors: active) {
    .ia-content-premium :is(
        .district-info-card,
        .district-chart-card,
        .district-extra-card,
        .ia-province-answer,
        .ia-province-stat,
        .ia-province-ranking,
        .ia-province-link-card,
        .ia-province-table-wrap
    ) {
        border: 1px solid CanvasText;
        box-shadow: none;
    }
}


/* === SOURCE: semantic-content.css === */
.district-semantic-stack {
    display: grid;
    gap: clamp(22px, 4vw, 38px);
    margin: clamp(24px, 5vw, 54px) 0;
}

.ia-semantic-section__inner {
    background: color-mix(in srgb, var(--card-bg, #fff) 96%, var(--primary, #2563eb));
    border: 1px solid var(--border, #e5e7eb);
    border-radius: var(--radius-lg, 28px);
    box-shadow: var(--shadow-card, 0 18px 45px rgba(15, 23, 42, 0.08));
    padding: clamp(20px, 4vw, 34px);
}

.ia-semantic-section__header {
    max-width: 860px;
    margin-bottom: 18px;
}

.ia-semantic-section__header span {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--primary, #2563eb);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ia-semantic-section__header h2 {
    margin: 0 0 10px;
    color: var(--text, #0f172a);
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1.12;
}

.ia-semantic-section__header p,
.ia-answer__meta {
    color: var(--muted, #64748b);
}

.ia-answer {
    border-left: 4px solid var(--primary, #2563eb);
    border-radius: var(--radius, 24px);
    background: rgba(37, 99, 235, .06);
    padding: 16px 18px;
    margin: 16px 0 20px;
}

.ia-answer__question {
    margin: 0 0 6px;
    font-weight: 800;
    color: var(--text, #0f172a);
}

.ia-answer__text {
    margin: 0;
    color: var(--text, #0f172a);
    font-size: 17px;
    line-height: 1.65;
}

.ia-semantic-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.ia-semantic-card {
    background: var(--white, #fff);
    border: 1px solid var(--border, #e5e7eb);
    border-radius: var(--radius, 24px);
    padding: 18px;
    min-width: 0;
}

.ia-semantic-card h3,
.ia-editorial-block h3 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.25;
}

.ia-semantic-card p {
    margin: 0;
    color: var(--muted, #64748b);
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.ia-fact-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.ia-fact-list--compact {
    grid-template-columns: 1fr;
}

.ia-fact-list__item {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    background: var(--white, #fff);
    border: 1px solid var(--border, #e5e7eb);
    border-radius: var(--radius-sm, 16px);
    padding: 14px 16px;
    min-width: 0;
}

.ia-fact-list__item dt {
    color: var(--muted, #64748b);
    font-weight: 700;
}

.ia-fact-list__item dd {
    margin: 0;
    color: var(--text, #0f172a);
    font-weight: 800;
    text-align: right;
    overflow-wrap: anywhere;
}

.ia-semantic-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ia-semantic-list li {
    border: 1px solid var(--border, #e5e7eb);
    border-radius: var(--radius-sm, 16px);
    background: var(--white, #fff);
    padding: 13px 15px;
    color: var(--text, #0f172a);
}

.ia-editorial-block + .ia-editorial-block {
    margin-top: 18px;
}

@media (max-width: 900px) {
    .ia-semantic-grid,
    .ia-fact-list,
    .ia-semantic-list {
        grid-template-columns: 1fr;
    }

    .ia-fact-list__item {
        align-items: flex-start;
        flex-direction: column;
    }

    .ia-fact-list__item dd {
        text-align: left;
    }
}


/* === SOURCE: trust-sources.css === */
.ia-trust-section {
    margin: clamp(32px, 6vw, 72px) 0;
}

.ia-trust-card {
    background: var(--ia-card-bg, #fff);
    border: 1px solid var(--ia-border, rgba(15, 23, 42, .1));
    border-radius: var(--ia-radius-lg, 28px);
    box-shadow: var(--ia-shadow-card, 0 18px 50px rgba(15, 23, 42, .08));
    padding: clamp(22px, 4vw, 36px);
}

.ia-trust-header {
    margin-bottom: 20px;
}

.ia-trust-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 20px;
}

.ia-trust-meta__item {
    background: var(--ia-card-muted-bg, #f8fafc);
    border: 1px solid var(--ia-border, rgba(15, 23, 42, .1));
    border-radius: var(--ia-radius-sm, 16px);
    padding: 14px 16px;
}

.ia-trust-meta__item dt {
    color: var(--ia-muted, #64748b);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ia-trust-meta__item dd {
    color: var(--ia-text, #0f172a);
    font-size: 16px;
    font-weight: 800;
    margin: 6px 0 0;
}

.ia-freshness-badge {
    display: inline-flex;
    align-items: center;
    border-radius: var(--ia-radius-pill, 999px);
    background: rgba(14, 165, 233, .1);
    color: #075985;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 800;
}

.ia-freshness-badge--future,
.ia-freshness-badge--invalid {
    background: rgba(245, 158, 11, .13);
    color: #92400e;
}

.ia-trust-note {
    margin: 0 0 20px;
    color: var(--ia-muted, #64748b);
    line-height: 1.7;
}

.ia-source-groups {
    display: grid;
    gap: 18px;
}

.ia-source-group {
    min-width: 0;
}

.ia-source-group h3 {
    color: var(--ia-text, #0f172a);
    font-size: 18px;
    margin: 0 0 10px;
}

.ia-source-list {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ia-source-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    background: rgba(248, 250, 252, .75);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: var(--ia-radius-sm, 16px);
}

.ia-source-item__icon {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--ia-primary, #2563eb);
    margin-top: 1px;
}

.ia-source-item__icon svg {
    width: 18px;
    height: 18px;
}

.ia-source-item__body {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.ia-source-item__name {
    color: var(--ia-text, #0f172a);
    font-weight: 800;
    overflow-wrap: anywhere;
    text-decoration: none;
}

a.ia-source-item__name:hover,
a.ia-source-item__name:focus-visible {
    color: var(--ia-primary, #2563eb);
    text-decoration: underline;
}

.ia-source-item__domain {
    color: var(--ia-muted, #64748b);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.ia-trust-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.ia-methodology-link,
.ia-correction-link {
    display: inline-flex;
    align-items: center;
    border-radius: var(--ia-radius-pill, 999px);
    border: 1px solid var(--ia-border, rgba(15, 23, 42, .1));
    color: var(--ia-text, #0f172a);
    font-weight: 800;
    padding: 10px 14px;
    text-decoration: none;
}

.ia-correction-link {
    background: rgba(14, 165, 233, .08);
}

.ia-methodology-link:hover,
.ia-methodology-link:focus-visible,
.ia-correction-link:hover,
.ia-correction-link:focus-visible {
    border-color: var(--ia-primary, #2563eb);
    color: var(--ia-primary, #2563eb);
    outline: 3px solid rgba(37, 99, 235, .16);
    outline-offset: 2px;
}

@media (max-width: 760px) {
    .ia-trust-meta {
        grid-template-columns: 1fr;
    }

    .ia-trust-actions {
        flex-direction: column;
    }

    .ia-methodology-link,
    .ia-correction-link {
        justify-content: center;
        text-align: center;
    }
}


/* === SOURCE: internal-links.css === */
.ia-internal-link-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.ia-internal-link-card {
    display: flex;
    gap: 14px;
    min-height: 100%;
    padding: 18px;
    border: 1px solid var(--ia-border, var(--border));
    border-radius: var(--ia-radius, var(--radius));
    background: var(--ia-card-bg, var(--white));
    color: inherit;
    text-decoration: none;
    box-shadow: var(--ia-shadow-card, var(--shadow));
    transition: transform var(--ia-transition-fast, .18s ease), box-shadow var(--ia-transition-fast, .18s ease);
}

.ia-internal-link-card:hover,
.ia-internal-link-card:focus-visible {
    transform: translateY(-4px);
    box-shadow: var(--ia-shadow-interactive, 0 20px 42px rgba(15, 23, 42, .12));
}

.ia-internal-link-card__icon {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    background: rgba(37, 99, 235, .1);
    color: var(--ia-primary, var(--primary));
}

.ia-internal-link-card__body {
    display: grid;
    gap: 5px;
}

.ia-internal-link-card strong {
    color: var(--ia-text, var(--text));
}

.ia-internal-link-card small {
    color: var(--ia-text-muted, var(--muted));
}

.ia-internal-link-card em {
    color: var(--ia-primary, var(--primary));
    font-style: normal;
    font-weight: 800;
}

@media (max-width: 900px) {
    .ia-internal-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ia-internal-link-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ia-internal-link-card {
        transition: none;
    }

    .ia-internal-link-card:hover,
    .ia-internal-link-card:focus-visible {
        transform: none;
    }
}


/* === SOURCE: charts.css === */
.district-charts-section{
    padding:70px 0;
    background:#ffffff;
}

.district-charts-head{
    max-width:780px;
    margin:0 0 30px;
}

.district-charts-head span{
    display:inline-flex;
    padding:8px 14px;
    border-radius:999px;
    background:#eff6ff;
    color:#2563eb;
    font-weight:900;
}

.district-charts-head h2{
    margin:14px 0 10px;
    font-size:38px;
    color:#0f172a;
}

.district-charts-head p{
    margin:0;
    color:#64748b;
    line-height:1.8;
}

.district-stat-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:16px;
    margin-bottom:24px;
}

.district-stat-card,
.district-density-card,
.district-chart-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:26px;
    box-shadow:0 18px 48px rgba(15,23,42,.07);
}

.district-stat-card{
    padding:22px;
}

.district-stat-card span,
.district-density-card span{
    display:block;
    margin-bottom:8px;
    color:#64748b;
    font-weight:800;
}

.district-stat-card strong,
.district-density-card strong{
    color:#0f172a;
    font-size:24px;
    line-height:1.3;
}

.district-density-card{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:center;
    margin-bottom:24px;
    padding:24px;
    background:linear-gradient(135deg,#eff6ff,#f8fafc);
}

.district-chart-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:24px;
}

.district-chart-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
    padding:26px;
}

.district-chart-card__head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}

.district-chart-card__head span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:16px;
    background:#eff6ff;
    color:#2563eb;
}

.district-chart-card h3{
    margin:0;
    color:#0f172a;
    font-size:22px;
    letter-spacing:-.025em;
}

.district-chart-canvas{
    position:relative;
    min-height:320px;
    width:100%;
    max-width:100%;
    overflow:hidden;
}

.district-chart-canvas-small{
    min-height:280px;
}

.district-chart-canvas canvas{
    display:block;
    width:100% !important;
    height:100% !important;
    max-width:100%;
}

.district-chart-fallback{
    margin:14px 0 0;
    padding:12px 14px;
    border-radius:16px;
    background:#f8fafc;
    color:#64748b;
    font-weight:800;
}

.district-yearly-table-wrap{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.district-yearly-table{
    min-width:360px;
}

@media (max-width: 640px){
    .district-charts-section{
        padding:50px 0;
    }

    .district-charts-head h2{
        font-size:30px;
    }

    .district-density-card{
        align-items:flex-start;
        flex-direction:column;
        border-radius:22px;
    }

    .district-chart-card,
    .district-stat-card{
        border-radius:22px;
        padding:22px;
    }

    .district-chart-canvas,
    .district-chart-canvas-small{
        min-height:260px;
    }
}

@media (min-width: 641px) and (max-width: 1024px){
    .district-chart-grid{
        grid-template-columns:1fr;
    }

    .district-chart-canvas{
        min-height:300px;
    }
}

@media (max-width: 430px){
    .district-charts-head h2{
        font-size:28px;
    }

    .district-stat-grid{
        grid-template-columns:1fr;
    }

    .district-chart-card,
    .district-stat-card{
        padding:20px;
    }

    .district-chart-canvas,
    .district-chart-canvas-small{
        min-height:230px;
    }
}


/* v2.1.8 V7 — usable fallback content when Chart.js or JavaScript is unavailable. */
.district-chart-fallback{
    display:block;
}

.district-chart-fallback[hidden]{
    display:none;
}

.district-chart-fallback > strong{
    display:block;
    margin-bottom:10px;
    color:#334155;
}

.district-chart-fallback dl{
    display:grid;
    gap:8px;
    margin:0;
}

.district-chart-fallback dl > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-top:8px;
    border-top:1px solid #e2e8f0;
}

.district-chart-fallback dt,
.district-chart-fallback dd{
    margin:0;
}

.district-chart-fallback dt{
    color:#64748b;
    font-weight:700;
}

.district-chart-fallback dd{
    color:#0f172a;
    font-weight:900;
}

/* === card-data-v145.css (merged from 3.1.14 structured card layer) === */
.ia-card-data{padding:clamp(24px,4vw,56px) 0;background:linear-gradient(180deg,#f7f9fc 0%,#eef4f8 100%);content-visibility:auto;contain-intrinsic-size:1200px}.ia-card-data__lead,.ia-data-card,.ia-attraction-card,.ia-link-card,.ia-source-summary{background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:20px;box-shadow:0 12px 34px rgba(15,23,42,.07)}.ia-card-data__lead{padding:clamp(22px,4vw,38px);margin-bottom:30px;border-left:6px solid #0f9f8f}.ia-card-data__lead h2,.ia-card-data__heading h2{margin:.25rem 0 .65rem;color:#071b3a;line-height:1.18}.ia-card-data__lead p,.ia-data-card p{margin:0;color:#334155;line-height:1.75}.ia-card-data__eyebrow,.ia-card-data__heading>span,.ia-attraction-card>span,.ia-link-card>span{display:block;color:#0f766e;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ia-card-data__section{scroll-margin-top:110px;margin:34px 0}.ia-card-data__heading{margin-bottom:16px}.ia-card-data__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ia-card-data__grid--stats{grid-template-columns:repeat(4,minmax(0,1fr))}.ia-data-card{min-width:0;padding:22px;overflow-wrap:anywhere}.ia-data-card h3{margin:0 0 10px;color:#0f172a;font-size:1.05rem}.ia-data-card--stat strong{display:block;color:#071b3a;font-size:clamp(1.35rem,2vw,2rem);line-height:1.1;margin:.4rem 0}.ia-data-card--stat small{font-size:.72em;color:#64748b}.ia-data-card dl{margin:14px 0 0}.ia-data-card dl div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px dashed #dbe3eb}.ia-data-card dt{color:#64748b}.ia-data-card dd{margin:0;color:#0f172a;font-weight:700;text-align:right}.ia-data-card--wide{max-width:none}.ia-card-timeline{list-style:none;padding:0;margin:0;display:grid;gap:14px}.ia-card-timeline li{display:grid;grid-template-columns:minmax(110px,160px) 1fr;gap:20px;align-items:start;padding:20px;background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:18px}.ia-card-timeline li>span{color:#0f766e;font-weight:800}.ia-card-timeline h3{margin:0 0 7px;color:#071b3a}.ia-card-timeline p{margin:0;color:#475569;line-height:1.65}.ia-attraction-grid,.ia-link-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ia-attraction-card{padding:20px;min-height:112px}.ia-attraction-card.is-featured{border-color:rgba(15,159,143,.45);box-shadow:0 14px 36px rgba(15,159,143,.12)}.ia-attraction-card h3{margin:8px 0 0;color:#0f172a;font-size:1.02rem}.ia-link-card{display:block;padding:18px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.ia-link-card:hover,.ia-link-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,23,42,.12)}.ia-link-card strong{display:block;margin-top:7px;color:#071b3a}.ia-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ia-chip-list span{padding:7px 11px;border-radius:999px;background:#e6f7f4;color:#0f766e;font-size:.86rem;font-weight:700}.ia-source-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden}.ia-source-summary>div{padding:22px;text-align:center;background:#fff}.ia-source-summary strong,.ia-source-summary span{display:block}.ia-source-summary strong{color:#071b3a;font-size:1.25rem}.ia-source-summary span{margin-top:5px;color:#64748b;font-size:.88rem}@media(max-width:1024px){.ia-card-data__grid,.ia-card-data__grid--stats,.ia-attraction-grid,.ia-link-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ia-source-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ia-card-data{padding:22px 0}.ia-card-data__grid,.ia-card-data__grid--stats,.ia-attraction-grid,.ia-link-card-grid,.ia-source-summary{grid-template-columns:1fr}.ia-card-timeline li{grid-template-columns:1fr;gap:8px}.ia-data-card,.ia-attraction-card,.ia-link-card{border-radius:16px}.ia-card-data__lead{border-radius:18px;padding:20px}}@media(prefers-reduced-motion:reduce){.ia-link-card{transition:none}}
.ia-source-summary__note{margin:12px 0 0;color:#64748b;font-size:.86rem;line-height:1.55}