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

/* === SOURCE: variables.css === */
:root{
    --ia-color-primary:#2563eb;
    --ia-color-primary-dark:#1d4ed8;
    --ia-color-primary-light:#dbeafe;
    --ia-color-accent-teal:#14b8a6;
    --ia-color-accent-green:#22c55e;
    --ia-color-accent-purple:#7c3aed;
    --ia-color-accent-amber:#f59e0b;
    --ia-color-text:#0f172a;
    --ia-color-text-secondary:#475569;
    --ia-color-text-muted:#64748b;
    --ia-color-bg:#f8fafc;
    --ia-color-card:#ffffff;
    --ia-color-card-soft:#f8fbff;
    --ia-color-border:#e2e8f0;
    --ia-color-border-accent:#bfdbfe;
    --ia-color-focus:#2563eb;
    --ia-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --ia-radius-small:16px;
    --ia-radius-standard:24px;
    --ia-radius-large:28px;
    --ia-radius-pill:999px;
    --ia-shadow-card:0 12px 30px rgba(15,23,42,.08);
    --ia-shadow-card-hover:0 18px 44px rgba(15,23,42,.12);
    --ia-shadow-card-featured:0 24px 64px rgba(37,99,235,.18);
    --ia-transition-fast:150ms cubic-bezier(.22,.61,.36,1);
    --ia-transition-standard:220ms cubic-bezier(.22,.61,.36,1);
    --ia-ease:cubic-bezier(.22,.61,.36,1);
    --ia-card-lift:4px;
    --primary:var(--ia-color-primary);
    --primary-dark:var(--ia-color-primary-dark);
    --text:var(--ia-color-text);
    --muted:var(--ia-color-text-muted);
    --bg:var(--ia-color-bg);
    --white:var(--ia-color-card);
    --border:var(--ia-color-border);
    --radius:var(--ia-radius-standard);
    --shadow:var(--ia-shadow-card-featured);
    --ia-container-max:1280px;
    --ia-header-max:1440px;
    --ia-page-gutter:48px;
    /* Backward-compatible alias. Theme layout rules use the namespaced token. */
    --container:var(--ia-container-max);
}

*{
    box-sizing:border-box;
}

html{
    width:100%;
    max-width:none;
    scroll-behavior:smooth;
}

body{
    width:100%;
    max-width:none;
    margin:0;
    font-family:var(--ia-font-sans);
    background:var(--bg);
    color:var(--text);
    font-size:16px;
}


a{
    transition:.25s ease;
}


/* === SOURCE: layout.css === */
/* İlçe Atlasım Theme v2.1.3 — Core layout and responsive width system */

:root {
    --ia-primary: var(--primary, #2563eb);
    --ia-primary-dark: var(--primary-dark, #1d4ed8);
    --ia-text: var(--text, #0f172a);
    --ia-muted: var(--muted, #64748b);
    --ia-bg: var(--bg, #f8fafc);
    --ia-surface: #ffffff;
    --ia-surface-soft: #f8fbff;
    --ia-border: var(--border, #e5e7eb);
    --ia-border-strong: #cbd5e1;
    --ia-radius-sm: 14px;
    --ia-radius-md: 20px;
    --ia-radius-lg: 28px;
    --ia-shadow-sm: 0 10px 24px rgba(15, 23, 42, .07);
    --ia-shadow-md: 0 18px 45px rgba(15, 23, 42, .10);
    --ia-focus: 0 0 0 4px rgba(37, 99, 235, .18);
}

body {
    min-width: 320px;
    background:
        radial-gradient(circle at 94% 8%, rgba(37, 99, 235, .10), transparent 30rem),
        radial-gradient(circle at 5% 34%, rgba(20, 184, 166, .08), transparent 28rem),
        linear-gradient(180deg, #f8fbff 0%, #f3f7f7 58%, #f8fafc 100%);
    text-rendering: optimizeLegibility;
}

body.menu-open {
    overflow: hidden;
}

img,
svg,
video {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--ia-primary);
}

a:hover {
    color: var(--ia-primary-dark);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none;
    box-shadow: var(--ia-focus);
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link:focus {
    position: fixed;
    top: 14px;
    left: 14px;
    z-index: 10000;
    width: auto;
    height: auto;
    padding: 12px 16px;
    clip: auto;
    color: #fff;
    text-decoration: none;
    white-space: normal;
    border-radius: 999px;
    background: var(--ia-primary);
    box-shadow: var(--ia-shadow-md);
}

#site-content {
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    scroll-margin-top: 110px;
}

.container {
    width: min(var(--ia-container-max, 1280px), calc(100% - var(--ia-page-gutter, 48px)));
    max-width: 100%;
    margin-inline: auto;
}

/* Grid/flex children must be allowed to shrink. This prevents imported long
 * values from widening the viewport while preserving natural content height. */
:where(.container, .header-inner, .footer-grid, .footer-bottom, .hero-grid, .cards-grid) > * {
    min-width: 0;
}

/* Keep the public home shell independent from generic .container overrides. */
body.home #site-content > section > .container,
.site-footer .footer-grid {
    width: min(var(--ia-container-max, 1280px), calc(100% - var(--ia-page-gutter, 48px)));
    max-width: 100%;
    min-width: 0;
    margin-inline: auto;
}

.ia-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: var(--ia-primary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ia-section-label::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
}

.ia-card,
.district-card,
.latest-card,
.stat-card {
    border: 1px solid rgba(148, 163, 184, .22);
    background: rgba(255, 255, 255, .92);
    box-shadow: var(--ia-shadow-sm);
}

.ia-soft-panel {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: var(--ia-radius-lg);
    background: rgba(255, 255, 255, .82);
    box-shadow: var(--ia-shadow-sm);
    backdrop-filter: blur(10px);
}

.ia-button,
.login-btn,
.site-footer-cta {
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.ia-button:hover,
.login-btn:hover,
.site-footer-cta:hover {
    transform: translateY(-1px);
}

.ia-back-to-top {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 90;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 999px;
    background: var(--ia-primary);
    color: #fff;
    font-size: 20px;
    font-weight: 1000;
    cursor: pointer;
    box-shadow: var(--ia-shadow-md);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background .2s ease;
}

.ia-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ia-back-to-top:hover,
.ia-back-to-top:focus-visible {
    background: var(--ia-primary-dark);
}

.ia-page-shell {
    padding: clamp(44px, 7vw, 88px) 0;
    background:
        radial-gradient(circle at 10% 0%, rgba(37, 99, 235, .10), transparent 32%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.ia-page-card,
.ia-empty-state,
.ia-comments-section,
.ia-related-section {
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: var(--ia-radius-lg);
    background: rgba(255, 255, 255, .94);
    box-shadow: var(--ia-shadow-sm);
}

.ia-page-card {
    padding: clamp(24px, 4vw, 44px);
}

.ia-page-header {
    max-width: 820px;
    margin: 0 0 28px;
}

.ia-page-kicker,
.ia-result-type {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 10px;
    border-radius: 999px;
    background: rgba(37, 99, 235, .10);
    color: var(--ia-primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ia-page-kicker {
    padding: 6px 10px;
}

.ia-page-header h1 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.05;
}

.ia-page-header p,
.ia-page-description,
.ia-page-content {
    color: var(--ia-muted);
    line-height: 1.75;
}

.ia-page-content > *:first-child {
    margin-top: 0;
}

.ia-page-content > *:last-child {
    margin-bottom: 0;
}

.ia-search-form-panel {
    margin: 0 0 24px;
}

.ia-search-form-panel form {
    display: flex;
    gap: 10px;
    align-items: stretch;
    max-width: 680px;
}

.ia-search-form-panel input[type="search"] {
    flex: 1;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, .38);
    border-radius: 999px;
    padding: 13px 16px;
}

.ia-search-form-panel input[type="submit"],
.ia-search-form-panel button,
.search-submit {
    border: 0;
    border-radius: 999px;
    padding: 13px 20px;
    background: var(--ia-primary);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

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

.ia-result-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 100%;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: var(--ia-radius-lg);
    background: #fff;
    padding: 20px;
    box-shadow: var(--ia-shadow-sm);
}

.ia-result-type {
    padding: 5px 9px;
    margin-bottom: 0;
}

.ia-result-card h2,
.ia-result-card h3 {
    margin: 0;
    font-size: 1.2rem;
}

.ia-result-card a {
    color: inherit;
}

.ia-result-meta {
    margin: 0;
    color: var(--ia-muted);
    font-size: .92rem;
}

.ia-inline-link {
    margin-top: auto;
    color: var(--ia-primary) !important;
    font-weight: 900;
    text-decoration: none;
}

.ia-empty-state,
.ia-not-found-card,
.ia-related-section,
.ia-comments-section {
    padding: clamp(22px, 4vw, 40px);
}

.ia-empty-state {
    text-align: center;
}

.ia-action-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

.ia-button-secondary {
    background: #fff;
    color: var(--ia-primary);
    border: 1px solid rgba(37, 99, 235, .25);
}

.ia-pagination {
    margin-top: 28px;
}

.ia-related-section {
    margin-top: 26px;
}

.ia-comment-list {
    margin: 0 0 24px;
    padding-left: 1.25rem;
}

@media (max-width: 782px) {
    .ia-back-to-top {
        right: 14px;
        bottom: 14px;
        width: 44px;
        height: 44px;
    }

    .ia-search-grid {
        grid-template-columns: 1fr;
    }

    .ia-search-form-panel form {
        flex-direction: column;
    }

    .ia-search-form-panel input[type="search"],
    .ia-search-form-panel input[type="submit"],
    .ia-search-form-panel button,
    .search-submit {
        width: 100%;
    }
}

@media (min-width: 783px) and (max-width: 1080px) {
    .ia-search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* v2.1.4 V3 — WordPress generic template and navigation integration. */
.ia-content-card__image{
    display:block;
    order:-1;
    margin:-20px -20px 4px;
    border-radius:var(--ia-radius-lg) var(--ia-radius-lg) 0 0;
    overflow:hidden;
    background:#eaf1fb;
}

.ia-content-card__image img{
    display:block;
    width:100%;
    aspect-ratio:16 / 9;
    object-fit:cover;
}

.ia-single-article{
    max-width:960px;
    margin-inline:auto;
}

.ia-single-header{
    max-width:780px;
}

.ia-single-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:14px;
    color:var(--ia-muted);
    font-size:.95rem;
}

.ia-single-featured-media{
    margin:0 0 clamp(24px,4vw,40px);
    border-radius:var(--ia-radius-lg);
    overflow:hidden;
    background:#eaf1fb;
}

.ia-single-featured-media img{
    display:block;
    width:100%;
    height:auto;
}

.ia-single-content{
    color:var(--ia-text);
    font-size:clamp(1rem,1.2vw,1.08rem);
}

.ia-single-content :where(p,li){
    overflow-wrap:anywhere;
}

.ia-single-content :where(img,iframe,embed,object){
    max-width:100%;
}

.ia-single-taxonomies{
    display:grid;
    gap:8px;
    margin-top:32px;
    padding-top:22px;
    border-top:1px solid rgba(148,163,184,.24);
    color:var(--ia-muted);
    overflow-wrap:anywhere;
}

.post-navigation{
    max-width:960px;
    margin:24px auto 0;
}

.post-navigation .nav-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.post-navigation a{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-height:100%;
    padding:18px;
    border:1px solid rgba(148,163,184,.24);
    border-radius:var(--ia-radius-md);
    background:#fff;
    color:var(--ia-text);
    text-decoration:none;
    box-shadow:var(--ia-shadow-sm);
    overflow-wrap:anywhere;
}

.post-navigation .nav-next{
    text-align:right;
}

.post-navigation .nav-subtitle{
    color:var(--ia-muted);
    font-size:.82rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.post-navigation .nav-title{
    font-weight:900;
}

@media (max-width:640px){
    .post-navigation .nav-links{
        grid-template-columns:1fr;
    }

    .post-navigation .nav-next{
        text-align:left;
    }
}


/* === SOURCE: components.css === */
/* İlçe Atlasım Theme v1.8.0 Paket 1 — shared component foundation */

.ia-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(16px, 3vw, 28px);
    margin: 0 0 clamp(22px, 4vw, 34px);
}

.ia-section-header .ia-section-header__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    color: var(--ia-color-primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ia-section-header .ia-section-header__eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: var(--ia-radius-pill);
    background: currentColor;
}

.ia-section-header .ia-section-header__title {
    margin: 0;
    color: var(--ia-color-text);
    font-size: clamp(1.75rem, 3.2vw, 2.65rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.ia-section-header .ia-section-header__description {
    max-width: 680px;
    margin: 10px 0 0;
    color: var(--ia-color-text-muted);
    font-size: clamp(.98rem, 1.4vw, 1.08rem);
    line-height: 1.7;
}

.ia-section-header .ia-section-header__action {
    flex: 0 0 auto;
}

.ia-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--ia-color-border);
    border-radius: var(--ia-radius-standard);
    background: var(--ia-color-card);
    color: var(--ia-color-text);
    box-shadow: var(--ia-shadow-card);
    transition:
        transform var(--ia-transition-standard),
        box-shadow var(--ia-transition-standard),
        border-color var(--ia-transition-standard),
        background var(--ia-transition-standard);
}

.ia-card--data,
.ia-card--content,
.ia-card--action,
.ia-card--mini {
    padding: clamp(18px, 2.4vw, 26px);
}

.ia-card--district {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.ia-card--content {
    background: linear-gradient(180deg, var(--ia-color-card) 0%, var(--ia-color-card-soft) 100%);
}

.ia-card--action {
    border-color: var(--ia-color-border-accent);
    background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(20,184,166,.08));
}

.ia-card--mini {
    border-radius: var(--ia-radius-small);
}

.ia-card--featured {
    border-color: rgba(37,99,235,.28);
    box-shadow: var(--ia-shadow-card-featured);
}

.ia-card__icon,
.ia-icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: var(--ia-radius-small);
    background: var(--ia-color-primary-light);
    color: var(--ia-color-primary-dark);
    font-weight: 900;
    line-height: 1;
}

.ia-icon-svg,
.ia-icon svg,
.stat-card em svg,
.archive-meta svg,
.district-link-hub-card em svg,
.district-quick-card em svg {
    display: block;
    width: 1.15em;
    height: 1.15em;
    flex: 0 0 auto;
}

.ia-card__badge,
.ia-meta-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    border: 1px solid rgba(37,99,235,.18);
    border-radius: var(--ia-radius-pill);
    background: rgba(37,99,235,.08);
    color: var(--ia-color-primary-dark);
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.2;
    padding: 7px 11px;
}

.ia-card__title {
    margin: 0;
    color: var(--ia-color-text);
    font-size: clamp(1.12rem, 1.8vw, 1.35rem);
    line-height: 1.18;
}

.ia-card__description {
    margin: 10px 0 0;
    color: var(--ia-color-text-muted);
    line-height: 1.65;
}

.ia-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
    color: var(--ia-color-text-secondary);
    font-size: .92rem;
}

.ia-card__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 18px;
}

.ia-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: var(--ia-radius-pill);
    padding: 11px 18px;
    font: inherit;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform var(--ia-transition-fast),
        box-shadow var(--ia-transition-fast),
        background var(--ia-transition-fast),
        color var(--ia-transition-fast),
        border-color var(--ia-transition-fast);
}

.ia-button--primary {
    background: var(--ia-color-primary);
    color: #fff;
    box-shadow: 0 12px 28px rgba(37,99,235,.22);
}

.ia-button--secondary {
    border-color: rgba(37,99,235,.22);
    background: #fff;
    color: var(--ia-color-primary-dark);
}

.ia-button--ghost {
    background: transparent;
    color: var(--ia-color-primary-dark);
}

.ia-button:hover,
.ia-button:focus-visible,
.ia-card--action:hover,
.ia-card--action:focus-within,
.ia-card--district:hover,
.ia-card--district:focus-within,
.ia-card--data:hover,
.ia-card--data:focus-within {
    transform: translateY(calc(var(--ia-card-lift) * -1));
}

.ia-card:hover,
.ia-card:focus-within {
    border-color: var(--ia-color-border-accent);
    box-shadow: var(--ia-shadow-card-hover);
}

.ia-button--primary:hover,
.ia-button--primary:focus-visible {
    background: var(--ia-color-primary-dark);
    color: #fff;
}

.ia-button--secondary:hover,
.ia-button--secondary:focus-visible,
.ia-button--ghost:hover,
.ia-button--ghost:focus-visible {
    border-color: var(--ia-color-border-accent);
    background: var(--ia-color-primary-light);
    color: var(--ia-color-primary-dark);
}

.ia-card:focus-visible,
.ia-button:focus-visible,
.ia-meta-chip:focus-visible,
.ia-icon:focus-visible,
.ia-card a:focus-visible {
    outline: 3px solid rgba(37,99,235,.52);
    outline-offset: 3px;
    box-shadow: 0 0 0 5px rgba(37,99,235,.16);
}

/* A card can have one semantic primary destination without nesting anchors.
 * Non-interactive card surfaces pass their click through to this link; a
 * secondary action (such as comparison) remains a normal independent link. */
.ia-card--clickable {
    cursor: pointer;
}

.ia-card__hit-area {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    border-radius: inherit;
}

.ia-card__hit-area:focus-visible {
    outline: 3px solid rgba(37,99,235,.72);
    outline-offset: -4px;
    box-shadow: inset 0 0 0 6px rgba(37,99,235,.16);
}

.ia-card--clickable > :not(.ia-card__hit-area) {
    position: relative;
    z-index: 2;
}

.ia-card--clickable .ia-district-card__media,
.ia-card--clickable .ia-district-card__body,
.ia-card--clickable .ia-province-card__media,
.ia-card--clickable .ia-province-card__body,
.ia-card--clickable .archive-card-image,
.ia-card--clickable .archive-card-body {
    pointer-events: none;
}

.ia-card--clickable .ia-district-card__secondary {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

@media (hover: none), (pointer: coarse) {
    .ia-button:hover,
    .ia-button:focus-visible,
    .ia-card--action:hover,
    .ia-card--action:focus-within,
    .ia-card--district:hover,
    .ia-card--district:focus-within,
    .ia-card--data:hover,
    .ia-card--data:focus-within {
        transform: none;
    }
}

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

    .ia-button:hover,
    .ia-button:focus-visible,
    .ia-card--action:hover,
    .ia-card--action:focus-within,
    .ia-card--district:hover,
    .ia-card--district:focus-within,
    .ia-card--data:hover,
    .ia-card--data:focus-within {
        transform: none;
    }
}

@media (max-width: 782px) {
    .ia-section-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .ia-section-header__action,
    .ia-section-header__action .ia-button {
        width: 100%;
    }
}

.ia-policy-page {
    background: var(--ia-page-bg, #f8fafc);
}

.ia-policy-hero {
    padding: clamp(48px, 8vw, 92px) 0 clamp(24px, 5vw, 48px);
}

.ia-policy-hero h1 {
    max-width: 820px;
    margin: 8px 0 14px;
    color: var(--ia-text, #0f172a);
    font-size: clamp(32px, 5vw, 56px);
    line-height: 1.05;
}

.ia-policy-hero p,
.ia-policy-content p,
.ia-policy-content li {
    color: var(--ia-muted, #64748b);
    line-height: 1.75;
}

.ia-policy-content {
    padding: 0 0 clamp(48px, 8vw, 92px);
}

.ia-policy-content article {
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(22px, 4vw, 42px);
}

.ia-policy-content h2 {
    margin: 26px 0 8px;
    color: var(--ia-text, #0f172a);
    font-size: clamp(21px, 3vw, 28px);
}

.ia-policy-content h2:first-child {
    margin-top: 0;
}


/* v2.1.3 — imported-content resilience. These rules belong to the shared
 * component layer, not to a late visual override file. */
:where(
    .archive-card-body,
    .ia-district-card__body,
    .ia-province-card__body,
    .district-related-card__body,
    .district-extra-item,
    .ia-semantic-card,
    .district-data-card,
    .district-info-card,
    .feature-card,
    .region-card,
    .latest-card,
    .home-link-card,
    .stat-card
) {
    min-width: 0;
}

:where(
    .archive-card h2,
    .archive-card h3,
    .ia-district-card__title,
    .ia-province-card h3,
    .district-related-card__body > strong,
    .district-extra-item p,
    .district-data-card__value,
    .district-meta-list dd,
    .feature-card h3,
    .region-card span,
    .latest-card h3,
    .home-link-card h3,
    .stat-card strong,
    .ia-card__title,
    .ia-card__description,
    .ia-card__badge,
    .ia-meta-chip,
    .ia-district-card__location,
    .ia-district-card__meta span,
    .popular-searches a,
    .home-chip-list a,
    .home-link-list a,
    .footer-bottom > *,
    .hero-card h3,
    .hero-card p
) {
    overflow-wrap: anywhere;
    word-break: normal;
}

:where(
    .feature-card a,
    .feature-card__button,
    .ia-button,
    .ia-district-card__cta,
    .ia-district-card__secondary,
    .section-head-link,
    .site-footer-cta
) {
    max-width: 100%;
    white-space: normal;
    text-align: center;
}

/* All theme grid children may shrink below their min-content width. */
:where([class$="-grid"], [class*="-grid "]) > * {
    min-width: 0;
}

:where(
    .cards-grid,
    .stats-grid,
    .regions-grid,
    .popular-grid,
    .latest-grid,
    .numbers-grid,
    .gallery-grid,
    .engage-grid,
    .home-links-grid,
    .district-info-grid,
    .district-quick-grid,
    .ia-province-district-grid,
    .archive-grid,
    .footer-grid
) > * {
    min-width: 0;
}


/* === SOURCE: header.css === */
.site-header{
    position:sticky;
    top:0;
    z-index:999;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(226,232,240,.86);
    box-shadow:0 10px 30px rgba(15,23,42,.045);
}

.header-inner{
    position:relative;
    width:min(var(--ia-header-max,1440px),calc(100% - var(--ia-page-gutter,48px)));
    max-width:100%;
    margin:0 auto;
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    min-width:0;
}

.site-brand{
    display:flex;
    align-items:center;
    min-width:0;
    flex:0 0 auto;
}

.site-logo,
.custom-logo-link{
    display:flex;
    align-items:center;
    gap:10px;
    color:#2563eb;
    font-size:22px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
}

.custom-logo-link img{
    display:block;
    width:auto;
    max-width:min(220px,34vw);
    max-height:52px;
    object-fit:contain;
}

.logo-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border-radius:14px;
    background:linear-gradient(135deg,#eff6ff,#dbeafe);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

.main-menu{
    display:block;
    min-width:0;
    padding:6px;
    border:1px solid rgba(226,232,240,.92);
    border-radius:999px;
    background:rgba(248,250,252,.76);
}

.main-menu__list{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    margin:0;
    padding:0;
    list-style:none;
}

.main-menu__list > li{
    min-width:0;
    margin:0;
    padding:0;
}

.main-menu a{
    display:block;
    color:#0f172a;
    text-decoration:none;
    font-weight:800;
    font-size:14px;
    line-height:1;
    padding:11px 13px;
    border-radius:999px;
    white-space:nowrap;
}

.main-menu a:hover,
.main-menu a:focus-visible{
    color:#1d4ed8;
    background:#eff6ff;
}

.main-menu .current-menu-item > a,
.main-menu .current_page_item > a,
.main-menu .current-menu-ancestor > a,
.main-menu a[aria-current="page"],
.main-menu a.is-current{
    color:#fff;
    background:var(--ia-color-primary,#2563eb);
    box-shadow:0 8px 18px rgba(37,99,235,.18);
}

.header-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex:0 0 auto;
}

.circle-btn{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:0;
    border-radius:50%;
    border:1px solid #e5e7eb;
    background:#fff;
    color:#0f172a;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(15,23,42,.06);
}

.circle-btn:hover,
.circle-btn:focus-visible,
.header-search-toggle[aria-expanded="true"]{
    color:#1d4ed8;
    background:#eff6ff;
    border-color:#bfdbfe;
}

.login-btn{
    min-height:46px;
    padding:0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:#2563eb;
    color:#fff;
    text-decoration:none;
    font-weight:900;
    box-shadow:0 12px 25px rgba(37,99,235,.24);
}

.login-btn:hover{
    color:#fff;
    background:#1d4ed8;
}

.mobile-menu-toggle{
    display:none;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    flex-direction:column;
    gap:5px;
    padding:0;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#fff;
    color:#0f172a;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(15,23,42,.06);
}

.mobile-menu-toggle span[aria-hidden="true"]{
    width:20px;
    height:2px;
    border-radius:99px;
    background:currentColor;
    transition:transform .2s ease, opacity .2s ease;
}

.mobile-menu-toggle[aria-expanded="true"] span[aria-hidden="true"]:nth-of-type(2){
    transform:translateY(7px) rotate(45deg);
}

.mobile-menu-toggle[aria-expanded="true"] span[aria-hidden="true"]:nth-of-type(3){
    opacity:0;
}

.mobile-menu-toggle[aria-expanded="true"] span[aria-hidden="true"]:nth-of-type(4){
    transform:translateY(-7px) rotate(-45deg);
}

.header-search-panel{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    z-index:20;
    width:min(520px,calc(100vw - 32px));
    border:1px solid rgba(148,163,184,.26);
    border-radius:22px;
    background:rgba(255,255,255,.99);
    box-shadow:0 24px 55px rgba(15,23,42,.16);
}

.header-search-panel[hidden]{
    display:none;
}

.header-search-panel__inner{
    display:grid;
    gap:12px;
    padding:18px;
}

.header-search-panel form{
    display:flex;
    align-items:stretch;
    gap:8px;
    margin:0;
}

.header-search-panel input[type="search"]{
    width:100%;
    min-width:0;
    border:1px solid #cbd5e1;
    border-radius:14px;
    padding:12px 14px;
    font:inherit;
}

.header-search-panel input[type="submit"],
.header-search-panel button[type="submit"]{
    flex:0 0 auto;
    border:0;
    border-radius:14px;
    padding:12px 16px;
    background:#2563eb;
    color:#fff;
    font-weight:900;
    cursor:pointer;
}

.header-search-panel__archive{
    width:fit-content;
    color:#2563eb;
    font-weight:800;
    text-decoration:none;
}

@media (max-width: 1024px){
    .main-menu{
        position:absolute;
        top:calc(100% + 10px);
        left:0;
        right:0;
        z-index:19;
        padding:14px;
        border-radius:22px;
        background:rgba(255,255,255,.98);
        box-shadow:0 24px 55px rgba(15,23,42,.16);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-8px);
        transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
    }

    .site-header.is-menu-open .main-menu{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
    }

    .main-menu__list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .main-menu a{
        padding:14px;
        background:#f8fafc;
        white-space:normal;
        overflow-wrap:anywhere;
    }

    .mobile-menu-toggle{
        display:flex;
    }
}

@media (max-width: 640px){
    .header-inner{
        min-height:70px;
        gap:10px;
    }

    .logo-icon{
        width:38px;
        height:38px;
    }

    .site-logo{
        font-size:19px;
    }

    .custom-logo-link img{
        max-width:150px;
        max-height:44px;
    }

    .login-btn{
        display:none;
    }

    .main-menu{
        left:0;
        right:0;
    }

    .main-menu__list{
        grid-template-columns:1fr;
    }

    .header-search-panel{
        left:0;
        right:0;
        width:100%;
    }

    .header-search-panel form{
        flex-direction:column;
    }

    .header-search-panel input[type="submit"],
    .header-search-panel button[type="submit"]{
        width:100%;
    }
}

@media (max-width: 380px){
    .logo-text{
        max-width:118px;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .header-actions{
        gap:8px;
    }

    .circle-btn,
    .mobile-menu-toggle{
        width:42px;
        height:42px;
    }
}


/* === SOURCE: footer.css === */
.site-footer{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 10% 0, rgba(37,99,235,.22), transparent 28rem),
        radial-gradient(circle at 90% 30%, rgba(20,184,166,.16), transparent 24rem),
        #0f172a;
    color:#cbd5e1;
    padding:78px 0 26px;
}

.footer-grid{
    display:grid;
    grid-template-columns:minmax(260px,1.45fr) repeat(auto-fit,minmax(170px,1fr));
    gap:24px;
    align-items:start;
}

.site-footer h3,
.site-footer h4{
    color:#fff;
    margin:0 0 18px;
}

.site-footer p{
    max-width:360px;
    line-height:1.7;
}

.footer-brand,
.footer-links{
    position:relative;
    z-index:1;
}

.footer-brand{
    padding-right:22px;
}

.footer-links{
    padding:18px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:rgba(255,255,255,.035);
}


.footer-menu-list{
    display:grid;
    gap:2px;
    margin:0;
    padding:0;
    list-style:none;
}

.footer-menu-list li{
    min-width:0;
    margin:0;
    padding:0;
}

.site-footer a{
    display:block;
    color:#cbd5e1;
    text-decoration:none;
    margin-bottom:10px;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.site-footer a:hover{
    color:#fff;
    transform:translateX(2px);
}

.site-footer-cta{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin-top:12px;
    padding:12px 18px;
    color:#fff !important;
    font-weight:900;
    border-radius:999px;
    background:#2563eb;
    box-shadow:0 16px 32px rgba(37,99,235,.24);
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:16px;
    width:min(var(--ia-container-max,1280px),calc(100% - var(--ia-page-gutter,48px)));
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.1);
    color:#94a3b8;
}

.footer-bottom > *{
    min-width:0;
    overflow-wrap:anywhere;
}

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

    .footer-brand{
        grid-column:1 / -1;
        padding-right:0;
    }
}

@media (max-width: 640px){
    .site-footer{
        padding-top:58px;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

    .footer-bottom{
        width:min(calc(100% - var(--ia-page-gutter,28px)),var(--ia-container-max,1280px));
        flex-direction:column;
        text-align:left;
    }
}

