
.tr-iraq-guide {
    --tr-navy:#0B315F;
    --tr-red:#EF334F;
    --tr-green:#2E8B3C;
    --tr-muted:#64748B;
    --tr-border:#E2E8F0;
    width:min(calc(100% - 28px),1240px);
    margin:clamp(34px,5vw,72px) auto;
    color:#10233F;
}

.tr-guide-hero {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:clamp(30px,5vw,58px);
    border:1px solid var(--tr-border);
    border-radius:30px;
    background:
        radial-gradient(circle at 5% 100%,rgba(239,51,79,.13),transparent 24rem),
        linear-gradient(135deg,#fff,#f2f7fb);
    box-shadow:0 24px 64px rgba(11,49,95,.09);
}

.tr-guide-hero span {
    color:var(--tr-red);
    font-size:13px;
    font-weight:900;
}

.tr-guide-hero h1 {
    margin:8px 0;
    color:var(--tr-navy);
    font-size:clamp(36px,5vw,58px);
    line-height:1.2;
}

.tr-guide-hero p {
    max-width:730px;
    margin:0;
    color:var(--tr-muted);
    line-height:1.9;
}

.tr-guide-hero > a {
    flex:0 0 auto;
    padding:11px 17px;
    border-radius:12px;
    color:#fff!important;
    background:var(--tr-navy);
    font-weight:900;
    text-decoration:none!important;
}

.tr-guide-summary {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    margin:18px 0;
}

.tr-guide-summary article {
    padding:19px;
    border:1px solid var(--tr-border);
    border-radius:18px;
    background:#fff;
}

.tr-guide-summary strong {
    display:block;
    color:var(--tr-navy);
    font-size:30px;
}

.tr-guide-summary span {
    color:var(--tr-muted);
    font-size:12px;
}

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

.tr-guide-card {
    display:flex;
    min-height:320px;
    flex-direction:column;
    padding:21px;
    border:1px solid var(--tr-border);
    border-radius:23px;
    background:#fff;
    box-shadow:0 13px 36px rgba(11,49,95,.055);
}

.tr-guide-card.has-results {
    border-top:4px solid var(--tr-green);
}

.tr-guide-card.is-coming {
    opacity:.78;
}

.tr-guide-card header {
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:12px;
    align-items:center;
}

.tr-guide-card header > span {
    display:grid;
    width:58px;
    height:58px;
    place-items:center;
    border-radius:18px;
    color:var(--tr-navy);
    background:#eef4fa;
    font-size:24px;
    font-weight:900;
}

.tr-guide-card h2 {
    margin:0;
    color:var(--tr-navy);
    font-size:21px;
}

.tr-guide-card header p {
    margin:3px 0 0;
    color:var(--tr-muted);
    font-size:12px;
}

.tr-guide-areas {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:20px 0;
}

.tr-guide-areas a {
    display:inline-flex;
    gap:6px;
    padding:7px 10px;
    border:1px solid var(--tr-border);
    border-radius:999px;
    color:var(--tr-navy)!important;
    background:#f8fafc;
    font-size:12px;
    font-weight:800;
    text-decoration:none!important;
}

.tr-guide-areas small {
    color:var(--tr-red);
}

.tr-guide-no-areas {
    margin:22px 0;
    color:var(--tr-muted);
}

.tr-guide-card-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:auto;
}

.tr-guide-card-actions a {
    display:flex;
    min-height:42px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#fff!important;
    background:var(--tr-navy);
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
}

.tr-guide-card-actions a:last-child {
    color:var(--tr-navy)!important;
    border:1px solid var(--tr-border);
    background:#fff;
}

@media(max-width:980px){
    .tr-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
    .tr-guide-hero{display:block}
    .tr-guide-hero>a{display:inline-flex;margin-top:16px}
    .tr-guide-summary,.tr-guide-grid{grid-template-columns:1fr}
}

/* v3.13.1 — corrected interactive administrative map of Iraq */
.tr-iraq-map-section {
    margin:18px 0;
    padding:clamp(20px,4vw,34px);
    border:1px solid var(--tr-border);
    border-radius:26px;
    background:#fff;
    box-shadow:0 18px 48px rgba(11,49,95,.07);
}

.tr-iraq-map-heading span {
    color:var(--tr-red);
    font-size:12px;
    font-weight:900;
}

.tr-iraq-map-heading h2 {
    margin:5px 0 6px;
    color:var(--tr-navy);
    font-size:clamp(25px,4vw,38px);
}

.tr-iraq-map-heading p,
.tr-map-help {
    margin:0;
    color:var(--tr-muted);
    line-height:1.8;
}

.tr-iraq-map-wrap {
    display:flex;
    justify-content:center;
    margin:20px auto 10px;
    overflow:hidden;
    border:1px solid #e8eef5;
    border-radius:22px;
    background:
        radial-gradient(circle at 50% 40%,rgba(98,174,232,.12),transparent 34rem),
        linear-gradient(180deg,#f7fbff,#eef5f9);
}

.tr-iraq-map {
    position:relative;
    display:block;
    width:min(100%,760px);
    line-height:0;
    isolation:isolate;
}

.tr-iraq-map > img {
    display:block;
    width:100%;
    height:auto;
    margin:0;
    object-fit:contain;
    user-select:none;
    -webkit-user-drag:none;
}

.tr-map-hotspot {
    position:absolute;
    z-index:2;
    left:var(--tr-spot-x);
    top:var(--tr-spot-y);
    width:max(44px,var(--tr-spot-w));
    height:max(32px,var(--tr-spot-h));
    transform:translate(-50%,-50%);
    border:2px solid transparent;
    border-radius:999px;
    background:transparent;
    box-shadow:none;
    cursor:pointer;
    text-decoration:none!important;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.tr-map-hotspot:hover,
.tr-map-hotspot:focus-visible {
    border-color:#fff;
    background:rgba(239,51,79,.26);
    box-shadow:0 0 0 4px rgba(239,51,79,.35),0 8px 20px rgba(11,49,95,.22);
    outline:none;
    transform:translate(-50%,-50%) scale(1.08);
}

.tr-map-hotspot:active {
    transform:translate(-50%,-50%) scale(.98);
}

.tr-map-credit {
    margin:8px 0 0;
    color:#94a3b8;
    font-size:10px;
    line-height:1.7;
}

.tr-guide-card {
    scroll-margin-top:110px;
}

.tr-guide-card:target {
    border-color:var(--tr-red);
    box-shadow:0 0 0 5px rgba(239,51,79,.12),0 18px 46px rgba(11,49,95,.12);
    animation:trGovernoratePulse 1.1s ease;
}

@keyframes trGovernoratePulse {
    0%{transform:scale(.98)}
    55%{transform:scale(1.015)}
    100%{transform:scale(1)}
}

@media(max-width:680px){
    .tr-iraq-map-section{padding:18px 12px}
    .tr-iraq-map-wrap{margin-top:16px;border-radius:18px}
    .tr-map-hotspot{width:max(38px,var(--tr-spot-w));height:max(28px,var(--tr-spot-h))}
    .tr-map-credit{font-size:9px}
}

@media(prefers-reduced-motion:reduce){
    .tr-map-hotspot,.tr-guide-card:target{transition:none;animation:none}
}
