/* =========================================================
   EXPLORE PAKISTAN  BLOG & ARTICLE 
========================================================= */


/* =========================================================
   01. BLOG DESIGN TOKENS
========================================================= */

:root {
    --blog-content-width: 780px;
    --blog-sidebar-width: 310px;
    --blog-layout-gap: 64px;

    --blog-reading-size: 1.02rem;
    --blog-reading-line-height: 1.95;

    --blog-border: #E5E7E0;
    --blog-surface: #FFFFFF;
    --blog-surface-soft: #F7F4EC;

    --blog-text: #303832;
    --blog-text-muted: #646D66;

    --blog-heading: #123D32;
    --blog-link: #1F7055;
}


/* =========================================================
   02. BLOG PAGE BASE
========================================================= */

.blog-page {
    min-width: 0;
    background: var(--color-background, #FAFAF6);
}

.blog-container {
    width: min(
        var(--container-width, 1200px),
        calc(100% - 48px)
    );
    margin-inline: auto;
}

.blog-reading-container {
    width: min(
        var(--blog-content-width),
        calc(100% - 48px)
    );
    margin-inline: auto;
}

.blog-section {
    padding-block: 54px;
}

.blog-section--soft {
    background: var(--blog-surface-soft);
}

.blog-section__heading {
    max-width: 760px;
    margin: 0 auto 35px;
    text-align: center;
}

.blog-section__heading .eyebrow {
    justify-content: center;
}

.blog-section__title {
    margin-bottom: 15px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: clamp(1.9rem, 3.5vw, 2.7rem);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.blog-section__description {
    color: var(--color-text-soft);
    font-size: 0.94rem;
    line-height: 1.85;
}


/* =========================================================
   03. BREADCRUMB NAVIGATION
========================================================= */

.breadcrumbs {
    padding-block: 20px;
    color: var(--color-text-muted);
    font-size: 0.76rem;
    line-height: 1.8;
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.breadcrumbs li:not(:last-child)::after {
    color: var(--color-gold);
    content: "/";
}

.breadcrumbs a {
    color: var(--color-emerald);
    font-weight: 500;
    transition: color var(--transition-fast);
}

.breadcrumbs a:hover {
    color: var(--color-forest);
}

.breadcrumbs [aria-current="page"] {
    color: var(--color-text);
}


/* =========================================================
   04. BLOG CATEGORY LABELS
========================================================= */

.blog-category {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid rgba(31, 112, 85, 0.16);
    border-radius: var(--radius-pill);
    background: var(--color-emerald-light);
    color: var(--color-forest);
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.065em;
    line-height: 1.5;
    text-transform: uppercase;
}

.blog-category::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-gold);
    content: "";
}


/* =========================================================
   05. BLOG ARTICLE HEADER
========================================================= */

.article-header {
    max-width: 900px;
    margin-inline: auto;
    padding-block: 30px 35px;
    text-align: center;
}

.article-header__category {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}

.article-header__title {
    margin: 0 auto 23px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: clamp(2.45rem, 5.2vw, 4.3rem);
    font-weight: 600;
    letter-spacing: -0.055em;
    line-height: 1.13;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.article-header__excerpt {
    max-width: 740px;
    margin: 0 auto 24px;
    color: var(--color-text-soft);
    font-size: clamp(1rem, 1.8vw, 1.17rem);
    line-height: 1.85;
}

.article-header__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 18px;
    margin-top: 24px;
    color: var(--color-text-muted);
    font-size: 0.77rem;
    line-height: 1.7;
}

.article-header__meta-item {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.article-header__meta-item strong {
    color: var(--color-forest);
    font-weight: 600;
}

.article-header__meta-divider {
    width: 4px;
    height: 4px;
    flex: 0 0 4px;
    border-radius: 50%;
    background: var(--color-gold);
}

.article-header__author-link {
    color: var(--color-emerald);
    font-weight: 600;
}

.article-header__author-link:hover {
    color: var(--color-forest);
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* =========================================================
   06. ARTICLE FEATURED IMAGE
========================================================= */

.article-featured {
    width: min(
        1100px,
        calc(100% - 48px)
    );
    margin: 0 auto 48px;
}

.article-featured__frame {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--color-beige);
    box-shadow: var(--shadow-soft);
}

.article-featured__image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 680px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.article-featured__caption {
    padding: 12px 17px;
    color: var(--color-text-muted);
    font-size: 0.73rem;
    line-height: 1.7;
    text-align: center;
}

.article-featured__credit {
    color: var(--color-text-soft);
}

.article-featured__credit a {
    color: var(--color-emerald);
    text-decoration: underline;
    text-underline-offset: 2px;
}


/* =========================================================
   07. ALTERNATIVE ARTICLE HERO
   Use this when a page requires a cinematic hero image.
========================================================= */

.blog-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    min-height: 510px;
    overflow: hidden;
    background: var(--color-forest-dark);
    color: var(--color-white);
}

.blog-hero__media {
    position: absolute;
    z-index: -2;
    inset: 0;
}

.blog-hero__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(
            0deg,
            rgba(7, 28, 22, 0.91) 0%,
            rgba(7, 28, 22, 0.59) 48%,
            rgba(7, 28, 22, 0.12) 100%
        );
    content: "";
}

.blog-hero__inner {
    width: min(
        var(--container-width, 1200px),
        calc(100% - 48px)
    );
    margin-inline: auto;
    padding-block: 70px;
}

.blog-hero__content {
    max-width: 850px;
}

.blog-hero .blog-category {
    margin-bottom: 20px;
    border-color: rgba(229, 208, 162, 0.45);
    background: rgba(18, 61, 50, 0.56);
    color: var(--color-white);
}

.blog-hero__title {
    margin-bottom: 22px;
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: clamp(2.5rem, 5.5vw, 4.6rem);
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 1.1;
    text-wrap: balance;
}

.blog-hero__description {
    max-width: 680px;
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1rem;
    line-height: 1.9;
}

.blog-hero .article-header__meta {
    justify-content: flex-start;
    color: rgba(255, 255, 255, 0.78);
}

.blog-hero .article-header__meta-item strong {
    color: var(--color-white);
}

.blog-hero .article-header__author-link {
    color: var(--color-gold-light);
}


/* =========================================================
   08. ARTICLE LAYOUT AND MAIN CONTENT
========================================================= */

.article-layout {
    display: grid;
    grid-template-columns:
        minmax(0, var(--blog-content-width))
        minmax(0, var(--blog-sidebar-width));
    align-items: start;
    gap: var(--blog-layout-gap);
    width: min(
        1220px,
        calc(100% - 48px)
    );
    margin: 0 auto;
    padding-block: 15px 80px;
}

.article-main {
    min-width: 0;
}

.article-content {
    min-width: 0;
    color: var(--blog-text);
    font-size: var(--blog-reading-size);
    line-height: var(--blog-reading-line-height);
    overflow-wrap: break-word;
}

.article-content > * {
    max-width: 100%;
}

.article-content > * + * {
    margin-top: 1.45em;
}

.article-content p {
    margin-bottom: 1.35em;
    color: var(--blog-text);
}

.article-content h2 {
    margin-top: 2.1em;
    margin-bottom: 0.7em;
    color: var(--blog-heading);
    font-family: var(--font-heading);
    font-size: clamp(1.7rem, 3vw, 2.15rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.3;
    scroll-margin-top: 110px;
    text-wrap: balance;
}

.article-content h3 {
    margin-top: 1.8em;
    margin-bottom: 0.65em;
    color: var(--blog-heading);
    font-family: var(--font-heading);
    font-size: clamp(1.3rem, 2.5vw, 1.65rem);
    font-weight: 600;
    line-height: 1.4;
    scroll-margin-top: 110px;
}

.article-content h4 {
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    color: var(--blog-heading);
    font-family: var(--font-body);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.5;
}

.article-content strong {
    color: #263C30;
    font-weight: 700;
}

.article-content a {
    color: var(--blog-link);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(31, 112, 85, 0.35);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition:
        color var(--transition-fast),
        text-decoration-color var(--transition-fast);
}

.article-content a:hover {
    color: var(--color-forest);
    text-decoration-color: var(--color-gold);
}

.article-content ul,
.article-content ol {
    margin-bottom: 1.5em;
    padding-left: 1.55em;
}

.article-content li {
    margin-bottom: 0.65em;
    padding-left: 0.18em;
    line-height: 1.85;
}

.article-content ul > li::marker {
    color: var(--color-gold);
}

.article-content ol > li::marker {
    color: var(--color-emerald);
    font-weight: 700;
}

.article-content hr {
    width: 100%;
    height: 1px;
    margin-block: 2.5em;
    border: 0;
    background: var(--blog-border);
}

.article-content small {
    color: var(--blog-text-muted);
    font-size: 0.83em;
}

.article-content sup,
.article-content sub {
    line-height: 0;
}


/* =========================================================
   09. ARTICLE IMAGES AND CAPTIONS
========================================================= */

.article-content figure {
    margin: 2.2em 0;
}

.article-content figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    background: var(--color-beige);
}

.article-content figure figcaption {
    margin-top: 11px;
    color: var(--blog-text-muted);
    font-size: 0.78rem;
    line-height: 1.75;
    text-align: center;
}

.article-content figure figcaption a {
    font-weight: 500;
}

.article-content .article-image--wide {
    width: min(1100px, calc(100% + 80px));
    max-width: calc(100vw - 48px);
    margin-left: 50%;
    transform: translateX(-50%);
}

.article-content .article-image--portrait {
    max-width: 520px;
    margin-inline: auto;
}


/* =========================================================
   10. EDITORIAL QUOTES
========================================================= */

.article-content blockquote,
.article-quote {
    position: relative;
    margin: 2em 0;
    padding: 27px 30px 27px 34px;
    border-left: 4px solid var(--color-gold);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    background: var(--blog-surface-soft);
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.2rem;
    font-style: italic;
    line-height: 1.8;
}

.article-content blockquote p,
.article-quote p {
    margin-bottom: 0;
    color: inherit;
}

.article-content blockquote cite,
.article-quote cite {
    display: block;
    margin-top: 12px;
    color: var(--blog-text-muted);
    font-family: var(--font-body);
    font-size: 0.77rem;
    font-style: normal;
    font-weight: 600;
}


/* =========================================================
   11. TABLE OF CONTENTS
========================================================= */

.table-of-contents {
    margin-block: 30px 40px;
    padding: 26px 28px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-md);
    background: var(--blog-surface);
    box-shadow: var(--shadow-soft);
}

.table-of-contents__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
}

.table-of-contents__title {
    margin: 0;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.4rem;
    font-weight: 600;
}

.table-of-contents__label {
    color: var(--color-text-muted);
    font-size: 0.73rem;
    font-weight: 600;
}

.table-of-contents nav {
    margin: 0;
}

.table-of-contents ol,
.table-of-contents ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 1.3em;
}

.table-of-contents li {
    margin: 0;
    padding-left: 0.2em;
    color: var(--color-text-soft);
    font-size: 0.85rem;
    line-height: 1.65;
}

.table-of-contents a {
    color: var(--color-emerald);
    font-weight: 500;
    text-decoration: none;
    text-underline-offset: 3px;
}

.table-of-contents a:hover {
    color: var(--color-forest);
    text-decoration: underline;
}

.table-of-contents li::marker {
    color: var(--color-gold);
    font-weight: 700;
}

.table-of-contents .toc-subitems {
    margin-top: 8px;
    padding-left: 1.25em;
}


/* =========================================================
   12. EDITORIAL CALLOUTS
========================================================= */

.article-callout {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-block: 28px;
    padding: 22px 24px;
    border: 1px solid var(--blog-border);
    border-left: 4px solid var(--color-emerald);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    background: var(--color-white);
}

.article-callout__icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-emerald-light);
    color: var(--color-forest);
    font-size: 1rem;
    font-weight: 700;
}

.article-callout__content {
    min-width: 0;
}

.article-callout__title {
    margin-bottom: 7px;
    color: var(--color-forest);
    font-family: var(--font-body);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.5;
}

.article-callout__content p {
    margin-bottom: 0;
    color: var(--blog-text-muted);
    font-size: 0.88rem;
    line-height: 1.85;
}

.article-callout--tip {
    border-left-color: var(--color-emerald);
    background: #F1F7F1;
}

.article-callout--warning {
    border-left-color: #BD8434;
    background: #FBF6EA;
}

.article-callout--warning .article-callout__icon {
    background: #F1E1BD;
    color: #694A18;
}

.article-callout--info {
    border-left-color: #5F8DB3;
    background: #F0F5F9;
}

.article-callout--info .article-callout__icon {
    background: #DDEAF4;
    color: #244E72;
}


/* =========================================================
   13. CHECKLISTS
========================================================= */

.article-checklist {
    display: grid;
    gap: 12px;
    margin-block: 24px;
    padding: 0;
    list-style: none;
}

.article-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-sm);
    background: var(--blog-surface);
}

.article-checklist li::before {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin-top: 2px;
    place-items: center;
    border: 1px solid rgba(31, 112, 85, 0.35);
    border-radius: 5px;
    background: var(--color-emerald-light);
    color: var(--color-forest);
    content: "✓";
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
}

.article-checklist li > span {
    flex: 1;
}


/* =========================================================
   14. ARTICLE TABLES
========================================================= */

.article-table-wrapper {
    width: 100%;
    margin-block: 2em;
    overflow-x: auto;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-md);
    background: var(--color-white);
    -webkit-overflow-scrolling: touch;
}

.article-content table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.85rem;
    line-height: 1.75;
    text-align: left;
}

.article-content caption {
    padding: 16px;
    color: var(--color-text-soft);
    font-size: 0.78rem;
    text-align: left;
}

.article-content th {
    padding: 15px 17px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    background: var(--color-forest);
    color: var(--color-white);
    font-weight: 700;
    vertical-align: top;
}

.article-content td {
    padding: 14px 17px;
    border-bottom: 1px solid var(--blog-border);
    color: var(--blog-text);
    vertical-align: top;
}

.article-content tbody tr:nth-child(even) {
    background: #F8F8F4;
}

.article-content tbody tr:last-child td {
    border-bottom: 0;
}


/* =========================================================
   15. ARTICLE AUTHOR BOX
========================================================= */

.article-author {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 22px;
    margin-block: 45px;
    padding: 28px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-lg);
    background: var(--blog-surface);
    box-shadow: var(--shadow-soft);
}

.article-author__image {
    width: 82px;
    height: 82px;
    overflow: hidden;
    border: 2px solid var(--color-gold);
    border-radius: 50%;
    background: var(--color-beige);
}

.article-author__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-author__label {
    margin-bottom: 5px;
    color: var(--color-emerald);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.article-author__name {
    margin-bottom: 5px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.4;
}

.article-author__role {
    margin-bottom: 12px;
    color: var(--color-text-muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.article-author__description {
    margin-bottom: 13px;
    color: var(--blog-text-muted);
    font-size: 0.86rem;
    line-height: 1.85;
}

.article-author__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--color-emerald);
    font-size: 0.8rem;
    font-weight: 700;
}

.article-author__link:hover {
    color: var(--color-forest);
}


/* =========================================================
   16. ARTICLE SHARE LINKS
========================================================= */

.article-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-block: 30px;
    padding-block: 23px;
    border-top: 1px solid var(--blog-border);
    border-bottom: 1px solid var(--blog-border);
}

.article-share__label {
    margin-right: 5px;
    color: var(--color-forest);
    font-size: 0.81rem;
    font-weight: 700;
}

.article-share__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
}

.article-share__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-pill);
    background: var(--color-white);
    color: var(--color-forest);
    font-size: 0.74rem;
    font-weight: 600;
    transition:
        color var(--transition-fast),
        background-color var(--transition-fast),
        border-color var(--transition-fast);
}

.article-share__link:hover {
    border-color: var(--color-forest);
    background: var(--color-forest);
    color: var(--color-white);
}


/* =========================================================
   17. ARTICLE TAGS
========================================================= */

.article-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-block: 27px;
}

.article-tags__label {
    margin-right: 4px;
    color: var(--color-forest);
    font-size: 0.79rem;
    font-weight: 700;
}

.article-tag {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-pill);
    background: var(--color-white);
    color: var(--color-text-soft);
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.4;
    transition:
        color var(--transition-fast),
        border-color var(--transition-fast);
}

.article-tag:hover {
    border-color: var(--color-gold);
    color: var(--color-forest);
}


/* =========================================================
   18. ARTICLE SIDEBAR
========================================================= */

.article-sidebar {
    min-width: 0;
}

.article-sidebar__inner {
    display: grid;
    gap: 24px;
}

.sidebar-widget {
    min-width: 0;
    padding: 23px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-md);
    background: var(--blog-surface);
}

.sidebar-widget__title {
    margin-bottom: 17px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--blog-border);
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.22rem;
    font-weight: 600;
    line-height: 1.4;
}

.sidebar-widget__description {
    margin-bottom: 16px;
    color: var(--blog-text-muted);
    font-size: 0.82rem;
    line-height: 1.85;
}


/* Sidebar popular links */

.sidebar-links {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-links li {
    margin: 0;
    padding: 0 0 12px;
    border-bottom: 1px solid #ECEEE8;
}

.sidebar-links li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.sidebar-links a {
    display: inline-block;
    color: var(--color-forest);
    font-size: 0.83rem;
    font-weight: 600;
    line-height: 1.7;
    transition: color var(--transition-fast);
}

.sidebar-links a:hover {
    color: var(--color-emerald);
}


/* Sidebar author widget */

.sidebar-author {
    text-align: center;
}

.sidebar-author__image {
    width: 90px;
    height: 90px;
    margin: 0 auto 15px;
    overflow: hidden;
    border: 2px solid var(--color-gold);
    border-radius: 50%;
    background: var(--color-beige);
}

.sidebar-author__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-author__name {
    margin-bottom: 5px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.3rem;
    font-weight: 600;
}

.sidebar-author__role {
    margin-bottom: 13px;
    color: var(--color-emerald);
    font-size: 0.75rem;
    font-weight: 600;
}

.sidebar-author__description {
    margin-bottom: 16px;
    color: var(--blog-text-muted);
    font-size: 0.81rem;
    line-height: 1.85;
}


/* Sidebar destination promotion */

.sidebar-feature {
    overflow: hidden;
    padding: 0;
}

.sidebar-feature__image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: var(--color-beige);
}

.sidebar-feature__content {
    padding: 20px;
}

.sidebar-feature__eyebrow {
    margin-bottom: 9px;
    color: var(--color-emerald);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.sidebar-feature__title {
    margin-bottom: 10px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.4;
}

.sidebar-feature__description {
    margin-bottom: 16px;
    color: var(--blog-text-muted);
    font-size: 0.81rem;
    line-height: 1.8;
}


/* Configurable advertisement container */

.ad-slot {
    display: block;
    min-height: 0;
    margin-block: 24px;
    text-align: center;
}

.ad-slot:empty {
    display: none;
}

.ad-slot__label {
    display: block;
    margin-bottom: 8px;
    color: var(--color-text-muted);
    font-size: 0.64rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* =========================================================
   19. RELATED ARTICLES
========================================================= */

.related-articles {
    margin-top: 50px;
    padding-top: 35px;
    border-top: 1px solid var(--blog-border);
}

.related-articles__heading {
    margin-bottom: 25px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 3vw, 2.2rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.3;
}

.related-articles__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 19px;
}

.related-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-md);
    background: var(--color-white);
    transition:
        border-color var(--transition-normal),
        box-shadow var(--transition-normal),
        transform var(--transition-normal);
}

.related-card:hover {
    border-color: rgba(198, 161, 91, 0.55);
    box-shadow: var(--shadow-soft);
    transform: translateY(-4px);
}

.related-card__image-link {
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: var(--color-beige);
}

.related-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}

.related-card:hover .related-card__image {
    transform: scale(1.045);
}

.related-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    padding: 18px;
}

.related-card__category {
    margin-bottom: 10px;
    color: var(--color-emerald);
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.related-card__title {
    margin-bottom: 12px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.13rem;
    font-weight: 600;
    line-height: 1.5;
}

.related-card__title a:hover {
    color: var(--color-emerald);
}

.related-card__description {
    margin-bottom: 17px;
    color: var(--blog-text-muted);
    font-size: 0.78rem;
    line-height: 1.8;
}

.related-card__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    color: var(--color-emerald);
    font-size: 0.76rem;
    font-weight: 700;
}


/* =========================================================
   20. FAQ SECTION
========================================================= */

.article-faq {
    margin-block: 45px;
}

.article-faq__heading {
    margin-bottom: 25px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: clamp(1.8rem, 3.3vw, 2.3rem);
    font-weight: 600;
    line-height: 1.3;
}

.article-faq__list {
    display: grid;
    gap: 12px;
}

.article-faq__item {
    overflow: hidden;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-md);
    background: var(--color-white);
}

.article-faq__question {
    padding: 19px 21px;
    color: var(--color-forest);
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.65;
    cursor: pointer;
    transition: background-color var(--transition-fast);
}

.article-faq__question:hover {
    background: var(--blog-surface-soft);
}

.article-faq__question::marker {
    color: var(--color-gold);
}

.article-faq__answer {
    padding: 0 21px 21px;
    color: var(--blog-text-muted);
    font-size: 0.9rem;
    line-height: 1.9;
}

.article-faq__answer > *:last-child {
    margin-bottom: 0;
}


/* =========================================================
   21. ARTICLE CONCLUSION
========================================================= */

.article-conclusion {
    margin-block: 40px;
    padding: 30px;
    border: 1px solid rgba(198, 161, 91, 0.38);
    border-radius: var(--radius-md);
    background:
        linear-gradient(
            135deg,
            #F8F5EC 0%,
            #FFFFFF 100%
        );
}

.article-conclusion__title {
    margin-bottom: 13px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 1.4;
}

.article-conclusion p {
    margin-bottom: 14px;
    color: var(--blog-text);
    font-size: 0.93rem;
    line-height: 1.9;
}

.article-conclusion p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   22. ARTICLE DISCLOSURE AND SOURCES
========================================================= */

.article-disclosure {
    margin-block: 30px;
    padding: 19px 21px;
    border-left: 3px solid var(--color-gold);
    background: var(--blog-surface-soft);
    color: var(--blog-text-muted);
    font-size: 0.8rem;
    line-height: 1.85;
}

.article-disclosure strong {
    color: var(--color-forest);
}

.article-sources {
    margin-block: 35px;
    padding-top: 25px;
    border-top: 1px solid var(--blog-border);
}

.article-sources__title {
    margin-bottom: 15px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.4;
}

.article-sources ol {
    display: grid;
    gap: 10px;
    padding-left: 1.35em;
}

.article-sources li {
    padding-left: 0.15em;
    color: var(--blog-text-muted);
    font-size: 0.83rem;
    line-height: 1.8;
}

.article-sources li::marker {
    color: var(--color-gold);
    font-weight: 700;
}


/* =========================================================
   23. RELATED DESTINATION LINKS
========================================================= */

.article-destination-link {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-block: 24px;
    padding: 18px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-md);
    background: var(--color-white);
    transition:
        border-color var(--transition-fast),
        box-shadow var(--transition-fast);
}

.article-destination-link:hover {
    border-color: rgba(198, 161, 91, 0.7);
    box-shadow: var(--shadow-soft);
}

.article-destination-link__image {
    width: 105px;
    height: 85px;
    flex: 0 0 105px;
    overflow: hidden;
    border-radius: var(--radius-sm);
    background: var(--color-beige);
}

.article-destination-link__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-destination-link__content {
    flex: 1;
    min-width: 0;
}

.article-destination-link__label {
    margin-bottom: 5px;
    color: var(--color-emerald);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.article-destination-link__title {
    margin-bottom: 6px;
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.4;
}

.article-destination-link__description {
    margin-bottom: 0;
    color: var(--blog-text-muted);
    font-size: 0.8rem;
    line-height: 1.7;
}


/* =========================================================
   24. ARTICLE PAGINATION
========================================================= */

.article-pagination {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
    margin-block: 35px;
}

.article-pagination__link {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 19px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-md);
    background: var(--color-white);
    transition:
        border-color var(--transition-fast),
        box-shadow var(--transition-fast);
}

.article-pagination__link:hover {
    border-color: var(--color-gold);
    box-shadow: var(--shadow-soft);
}

.article-pagination__label {
    color: var(--color-text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.article-pagination__title {
    color: var(--color-forest);
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}

.article-pagination__link--next {
    text-align: right;
}


/* =========================================================
   25. CONTACT FORM HELPERS FOR FUTURE ARTICLE FORMS
========================================================= */

.article-form {
    display: grid;
    gap: 18px;
    margin-block: 30px;
}

.article-form__field {
    display: grid;
    gap: 7px;
}

.article-form__label {
    color: var(--color-forest);
    font-size: 0.82rem;
    font-weight: 700;
}

.article-form input,
.article-form textarea,
.article-form select {
    width: 100%;
    min-height: 49px;
    padding: 12px 14px;
    border: 1px solid var(--blog-border);
    border-radius: var(--radius-sm);
    background: var(--color-white);
    color: var(--blog-text);
    font-size: 0.9rem;
}

.article-form textarea {
    min-height: 150px;
    resize: vertical;
}

.article-form input:focus,
.article-form textarea:focus,
.article-form select:focus {
    border-color: var(--color-emerald);
    outline: 3px solid rgba(31, 112, 85, 0.1);
    outline-offset: 1px;
}


/* =========================================================
   26. RESPONSIVE BLOG LAYOUT
========================================================= */

@media (max-width: 1200px) {

    :root {
        --blog-layout-gap: 38px;
    }

    .article-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(250px, var(--blog-sidebar-width));
    }

    .related-articles__grid {
        gap: 15px;
    }

    .related-card__content {
        padding: 15px;
    }
}


@media (max-width: 1000px) {

    :root {
        --blog-layout-gap: 30px;
    }

    .article-layout {
        width: min(900px, calc(100% - 44px));
        grid-template-columns: minmax(0, 1fr);
        gap: 35px;
    }

    .article-main {
        width: 100%;
        max-width: var(--blog-content-width);
        margin-inline: auto;
    }

    .article-sidebar {
        width: 100%;
        max-width: var(--blog-content-width);
        margin-inline: auto;
    }

    .article-sidebar__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .article-sidebar .sidebar-feature {
        grid-column: auto;
    }

    .article-featured {
        margin-bottom: 35px;
    }

    .blog-hero {
        min-height: 460px;
    }

    .blog-hero__inner {
        padding-block: 55px;
    }
}


@media (max-width: 700px) {

    .blog-container,
    .blog-reading-container {
        width: calc(100% - 36px);
    }

    .blog-section {
        padding-block: 42px;
    }

    .breadcrumbs {
        padding-block: 15px;
        font-size: 0.7rem;
    }

    .article-header {
        padding-block: 22px 26px;
        text-align: left;
    }

    .article-header__category {
        justify-content: flex-start;
        margin-bottom: 17px;
    }

    .article-header__title {
        margin-bottom: 18px;
        font-size: clamp(2.15rem, 8.5vw, 3.25rem);
        letter-spacing: -0.045em;
        line-height: 1.14;
        text-wrap: initial;
    }

    .article-header__excerpt {
        margin-bottom: 20px;
        font-size: 0.98rem;
        line-height: 1.85;
    }

    .article-header__meta {
        justify-content: flex-start;
        gap: 8px 12px;
        margin-top: 19px;
        font-size: 0.72rem;
    }

    .article-featured {
        width: calc(100% - 36px);
        margin-bottom: 28px;
    }

    .article-featured__frame {
        border-radius: 12px;
    }

    .article-featured__image {
        aspect-ratio: 4 / 3;
        max-height: 480px;
    }

    .blog-hero {
        min-height: 440px;
        min-height: min(580px, 80svh);
    }

    .blog-hero__inner {
        width: calc(100% - 36px);
        padding-block: 42px;
    }

    .blog-hero__title {
        font-size: clamp(2.2rem, 9vw, 3.3rem);
    }

    .blog-hero__description {
        font-size: 0.9rem;
        line-height: 1.85;
    }

    .article-layout {
        width: calc(100% - 36px);
        padding-block: 5px 55px;
    }

    .article-content {
        font-size: 0.97rem;
        line-height: 1.9;
    }

    .article-content h2 {
        margin-top: 1.9em;
        font-size: 1.75rem;
    }

    .article-content h3 {
        margin-top: 1.7em;
        font-size: 1.4rem;
    }

    .article-content figure {
        margin-block: 1.7em;
    }

    .article-content figure img {
        border-radius: 10px;
    }

    .article-content .article-image--wide {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        transform: none;
    }

    .article-content blockquote,
    .article-quote {
        padding: 21px 20px;
        font-size: 1.08rem;
    }

    .table-of-contents {
        margin-block: 25px 32px;
        padding: 20px;
    }

    .table-of-contents__title {
        font-size: 1.25rem;
    }

    .table-of-contents li {
        font-size: 0.81rem;
    }

    .article-callout {
        gap: 12px;
        padding: 18px;
    }

    .article-author {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 15px;
        margin-block: 35px;
        padding: 20px;
    }

    .article-author__image {
        width: 62px;
        height: 62px;
    }

    .article-author__name {
        font-size: 1.25rem;
    }

    .article-share {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .article-sidebar__inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .related-articles__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .related-card__content {
        padding: 14px;
    }

    .related-card__title {
        font-size: 1rem;
    }

    .article-conclusion {
        padding: 22px;
    }

    .article-pagination {
        gap: 10px;
    }

    .article-pagination__link {
        padding: 14px;
    }

    .article-destination-link {
        align-items: flex-start;
        gap: 13px;
        padding: 14px;
    }

    .article-destination-link__image {
        width: 82px;
        height: 75px;
        flex-basis: 82px;
    }
}


@media (max-width: 430px) {

    .article-header__title {
        font-size: 2.15rem;
    }

    .article-header__meta-divider {
        display: none;
    }

    .article-header__meta {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .related-card__image-link {
        aspect-ratio: 16 / 9;
    }

    .article-author {
        grid-template-columns: minmax(0, 1fr);
    }

    .article-author__image {
        width: 70px;
        height: 70px;
    }

    .article-pagination {
        grid-template-columns: minmax(0, 1fr);
    }

    .article-pagination__link--next {
        text-align: left;
    }

    .article-destination-link {
        flex-direction: column;
    }

    .article-destination-link__image {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        flex-basis: auto;
    }
}


/* =========================================================
   27. ACCESSIBILITY AND USER PREFERENCES
========================================================= */

.article-content a:focus-visible,
.breadcrumbs a:focus-visible,
.article-share__link:focus-visible,
.related-card a:focus-visible,
.sidebar-widget a:focus-visible,
.article-faq__question:focus-visible {
    outline: 3px solid var(--color-gold);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {

    .related-card,
    .related-card__image,
    .article-share__link,
    .sidebar-links a,
    .sidebar-feature,
    .article-destination-link {
        animation: none !important;
        transition: none !important;
    }

}
 
      /* =========================================
           BEST TIME TO VISIT PAKISTAN
        ========================================= */

      .season-article {
        --season-green: #123d32;
        --season-emerald: #1f7055;
        --season-cream: #fafaf6;
        --season-beige: #f0ebdd;
        --season-gold: #c6a15b;
        --season-text: #343a34;
        --season-muted: #687067;
        --season-border: #e6e5da;

        overflow: hidden;
        color: var(--season-text);
        background: var(--season-cream);
      }

      .season-article *,
      .season-article *::before,
      .season-article *::after {
        box-sizing: border-box;
      }

      .season-article img {
        display: block;
        max-width: 100%;
      }

      .season-article a {
        overflow-wrap: anywhere;
      }

      .season-article .container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Hero */

      .season-hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 510px;
        padding: 78px 0;
        isolation: isolate;
        background: var(--season-green);
      }

      .season-hero__image {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .season-hero::after {
        position: absolute;
        inset: 0;
        z-index: -1;
        content: "";
        background: linear-gradient(
          90deg,
          rgba(8, 35, 28, 0.92) 0%,
          rgba(8, 35, 28, 0.73) 55%,
          rgba(8, 35, 28, 0.25) 100%
        );
      }

      .season-hero__content {
        width: 100%;
        max-width: 850px;
        color: #ffffff;
      }

      .season-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 9px;
        margin-bottom: 27px;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.85rem;
      }

      .season-breadcrumb a {
        color: #ffffff;
        text-decoration: none;
      }

      .season-breadcrumb a:hover {
        color: #e6c98d;
        text-decoration: underline;
      }

      .season-hero__eyebrow {
        display: inline-block;
        margin-bottom: 16px;
        color: #e6c98d;
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
      }

      .season-hero__title {
        max-width: 850px;
        margin: 0 0 22px;
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(2.5rem, 6vw, 4.65rem);
        font-weight: 600;
        line-height: 1.12;
      }

      .season-hero__description {
        max-width: 730px;
        margin: 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.12rem);
        line-height: 1.9;
      }

      .season-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        margin-top: 26px;
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.84rem;
      }

      /* Overview */

      .season-overview {
        padding: 34px 0 0;
      }

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

      .season-overview__item {
        padding: 23px;
        border: 1px solid var(--season-border);
        border-radius: 13px;
        background: #ffffff;
      }

      .season-overview__label {
        display: block;
        margin-bottom: 9px;
        color: var(--season-muted);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
      }

      .season-overview__value {
        display: block;
        color: var(--season-green);
        font-size: 0.98rem;
        font-weight: 700;
        line-height: 1.6;
      }

      /* Main layout */

      .season-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 48px;
        align-items: start;
        padding-top: 52px;
        padding-bottom: 85px;
      }

      .season-content {
        min-width: 0;
        font-size: 1rem;
        line-height: 1.95;
      }

      .season-content p {
        margin: 0 0 20px;
        color: #50574f;
      }

      .season-content a {
        color: var(--season-emerald);
        font-weight: 600;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .season-content a:hover {
        color: var(--season-green);
      }

      .season-section {
        margin-top: 49px;
        scroll-margin-top: 30px;
      }

      .season-section:first-child {
        margin-top: 0;
      }

      .season-section h2 {
        margin: 0 0 19px;
        color: var(--season-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.85rem, 4vw, 2.5rem);
        font-weight: 600;
        line-height: 1.28;
      }

      .season-section h3 {
        margin: 0 0 10px;
        color: var(--season-green);
        font-size: 1.1rem;
        line-height: 1.5;
      }

      .season-lead {
        color: #414a41 !important;
        font-size: 1.1rem;
        line-height: 1.95;
      }

      /* Table of contents */

      .season-sidebar {
        position: sticky;
        top: 25px;
      }

      .season-toc {
        padding: 25px 23px;
        border: 1px solid var(--season-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .season-toc h2 {
        margin: 0 0 17px;
        color: var(--season-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.35rem;
        line-height: 1.4;
      }

      .season-toc ol {
        display: grid;
        gap: 10px;
        margin: 0;
        padding-left: 21px;
      }

      .season-toc li {
        padding-left: 3px;
        color: var(--season-muted);
        font-size: 0.86rem;
        line-height: 1.6;
      }

      .season-toc a {
        color: #515950;
        font-weight: 500;
        text-decoration: none;
      }

      .season-toc a:hover {
        color: var(--season-emerald);
        text-decoration: underline;
      }

      .season-toc__note {
        margin-top: 20px;
        padding-top: 16px;
        border-top: 1px solid var(--season-border);
        color: var(--season-muted);
        font-size: 0.82rem;
        line-height: 1.8;
      }

      /* General callouts */

      .season-callout {
        margin: 28px 0;
        padding: 25px 27px;
        border-left: 4px solid var(--season-gold);
        border-radius: 0 11px 11px 0;
        background: #f3efe3;
      }

      .season-callout h3 {
        margin: 0 0 9px;
        color: var(--season-green);
        font-size: 1.06rem;
      }

      .season-callout p {
        margin: 0;
        color: #555b52;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      .season-alert {
        margin: 28px 0;
        padding: 26px;
        border: 1px solid #e6cca6;
        border-left: 5px solid #a85e20;
        border-radius: 11px;
        background: #fff7ea;
      }

      .season-alert__label {
        display: block;
        margin-bottom: 10px;
        color: #8a4a16;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 1.4px;
        text-transform: uppercase;
      }

      .season-alert h3 {
        margin: 0 0 12px;
        color: #71390d;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.45rem;
        line-height: 1.4;
      }

      .season-alert p {
        margin: 0 0 13px;
        color: #634c36;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      .season-alert p:last-child {
        margin-bottom: 0;
      }

      .season-alert a {
        color: #763c0d;
      }

      /* Season cards */

      .season-card-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 19px;
        margin: 25px 0;
      }

      .season-card {
        padding: 24px;
        border: 1px solid var(--season-border);
        border-radius: 13px;
        background: #ffffff;
      }

      .season-card__months {
        display: inline-block;
        margin-bottom: 12px;
        padding: 6px 10px;
        border-radius: 6px;
        background: #e7efe8;
        color: var(--season-green);
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 0.4px;
      }

      .season-card h3 {
        margin: 0 0 10px;
        color: var(--season-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.35rem;
        line-height: 1.4;
      }

      .season-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      /* Month cards */

      .month-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
        margin-top: 25px;
      }

      .month-card {
        padding: 20px 21px;
        border: 1px solid var(--season-border);
        border-radius: 11px;
        background: #ffffff;
      }

      .month-card__heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 9px;
      }

      .month-card h3 {
        margin: 0;
        color: var(--season-green);
        font-size: 1rem;
      }

      .month-card__tag {
        flex-shrink: 0;
        padding: 5px 8px;
        border-radius: 5px;
        background: #f0ebdd;
        color: #565c53;
        font-size: 0.71rem;
        font-weight: 700;
      }

      .month-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.89rem;
        line-height: 1.8;
      }

      /* Regional cards */

      .region-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 21px;
        margin-top: 25px;
      }

      .region-card {
        min-width: 0;
        overflow: hidden;
        border: 1px solid var(--season-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .region-card__image {
        width: 100%;
        height: 215px;
        object-fit: cover;
        background: #e1e5de;
      }

      .region-card__body {
        padding: 22px;
      }

      .region-card__type {
        display: block;
        margin-bottom: 9px;
        color: var(--season-emerald);
        font-size: 0.73rem;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
      }

      .region-card h3 {
        margin: 0 0 11px;
        color: var(--season-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.4rem;
        line-height: 1.4;
      }

      .region-card p {
        margin: 0 0 14px;
        color: #62675f;
        font-size: 0.91rem;
        line-height: 1.85;
      }

      .region-card__best-time {
        margin-top: 15px;
        padding-top: 13px;
        border-top: 1px solid var(--season-border);
        color: var(--season-green);
        font-size: 0.87rem;
        font-weight: 700;
        line-height: 1.7;
      }

      .region-card__link {
        display: inline-block;
        margin-top: 12px;
        font-size: 0.9rem;
        font-weight: 700;
        text-decoration: none;
      }

      /* Activity recommendations */

      .activity-list {
        display: grid;
        gap: 0;
        margin-top: 22px;
      }

      .activity-item {
        display: grid;
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 18px;
        padding: 21px 0;
        border-bottom: 1px solid var(--season-border);
      }

      .activity-item:last-child {
        border-bottom: 0;
      }

      .activity-item__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border-radius: 12px;
        background: #e7efe8;
        color: var(--season-green);
        font-size: 1.2rem;
        font-weight: 700;
      }

      .activity-item h3 {
        margin: 0 0 8px;
        color: var(--season-green);
        font-size: 1.08rem;
      }

      .activity-item p {
        margin: 0;
        color: #62675f;
        font-size: 0.93rem;
        line-height: 1.85;
      }

      /* Itinerary */

      .season-itinerary {
        display: grid;
        gap: 0;
        margin-top: 24px;
      }

      .season-itinerary__row {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 20px;
        padding: 21px 0;
        border-bottom: 1px solid var(--season-border);
      }

      .season-itinerary__row:last-child {
        border-bottom: 0;
      }

      .season-itinerary__label {
        align-self: start;
        padding: 9px 10px;
        border-radius: 8px;
        background: #e7efe8;
        color: var(--season-green);
        font-size: 0.8rem;
        font-weight: 700;
        text-align: center;
      }

      .season-itinerary__row h3 {
        margin: 0 0 8px;
        color: var(--season-green);
        font-size: 1.05rem;
      }

      .season-itinerary__row p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      /* Checklists */

      .season-checklist {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
        margin: 23px 0;
      }

      .season-checklist__item {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 16px;
        border: 1px solid var(--season-border);
        border-radius: 10px;
        background: #ffffff;
        color: #51574f;
        font-size: 0.91rem;
        line-height: 1.7;
      }

      .season-checklist__mark {
        display: inline-flex;
        flex: 0 0 25px;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #e3ede5;
        color: var(--season-green);
        font-size: 0.82rem;
        font-weight: 700;
      }

      /* FAQ */

      .season-faq {
        display: grid;
        gap: 15px;
        margin-top: 24px;
      }

      .season-faq__item {
        padding: 23px;
        border: 1px solid var(--season-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .season-faq__item h3 {
        margin: 0 0 10px;
        color: var(--season-green);
        font-size: 1.04rem;
      }

      .season-faq__item p {
        margin: 0;
        color: #62675f;
        font-size: 0.93rem;
        line-height: 1.9;
      }

      /* Official resources */

      .season-resources {
        display: grid;
        gap: 13px;
        margin-top: 20px;
      }

      .season-resource {
        padding: 18px 20px;
        border: 1px solid var(--season-border);
        border-radius: 10px;
        background: #ffffff;
      }

      .season-resource a {
        display: inline-block;
        margin-bottom: 5px;
        color: var(--season-emerald);
        font-weight: 700;
      }

      .season-resource p {
        margin: 0;
        color: var(--season-muted);
        font-size: 0.88rem;
        line-height: 1.8;
      }

      /* Author */

      .season-author {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-top: 48px;
        padding: 26px;
        border: 1px solid var(--season-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .season-author__mark {
        display: flex;
        flex: 0 0 58px;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--season-green);
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.22rem;
        font-weight: 700;
      }

      .season-author h3 {
        margin: 0 0 7px;
        color: var(--season-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.3rem;
      }

      .season-author p {
        margin: 0;
        color: #62675f;
        font-size: 0.9rem;
        line-height: 1.85;
      }

      /* Related articles */

      .season-related {
        padding: 70px 0;
        background: var(--season-beige);
      }

      .season-related__header {
        max-width: 720px;
        margin-bottom: 32px;
      }

      .season-related__eyebrow {
        display: block;
        margin-bottom: 10px;
        color: var(--season-emerald);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
      }

      .season-related__title {
        margin: 0 0 13px;
        color: var(--season-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.9rem, 4vw, 2.6rem);
        line-height: 1.25;
      }

      .season-related__intro {
        margin: 0;
        color: #62675f;
        line-height: 1.85;
      }

      .season-related__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
      }

      .season-related-card {
        padding: 25px;
        border: 1px solid rgba(18, 61, 50, 0.1);
        border-radius: 13px;
        background: #ffffff;
      }

      .season-related-card h3 {
        margin: 0 0 10px;
        color: var(--season-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.28rem;
        line-height: 1.45;
      }

      .season-related-card p {
        margin: 0 0 15px;
        color: #62675f;
        font-size: 0.91rem;
        line-height: 1.8;
      }

      .season-related-card a {
        color: var(--season-emerald);
        font-size: 0.9rem;
        font-weight: 700;
        text-decoration: none;
      }

      .season-related-card a:hover {
        text-decoration: underline;
      }

      /* Accessibility */

      .season-article a:focus-visible {
        outline: 3px solid var(--season-gold);
        outline-offset: 4px;
      }

      /* Responsive */

      @media (max-width: 1000px) {
        .season-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 30px;
        }
      }

      @media (max-width: 850px) {
        .season-layout {
          grid-template-columns: 1fr;
          gap: 32px;
          padding-top: 42px;
        }

        .season-sidebar {
          position: static;
          grid-row: 1;
        }

        .season-toc ol {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 24px;
        }

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

      @media (max-width: 600px) {
        .season-article .container {
          width: min(100% - 30px, 1160px);
        }

        .season-hero {
          min-height: 455px;
          padding: 58px 0;
        }

        .season-hero__title {
          font-size: clamp(2.3rem, 11vw, 3.4rem);
        }

        .season-breadcrumb {
          gap: 6px;
          margin-bottom: 22px;
          font-size: 0.79rem;
        }

        .season-hero__meta {
          gap: 10px 14px;
          font-size: 0.8rem;
        }

        .season-overview {
          padding-top: 22px;
        }

        .season-overview__grid {
          grid-template-columns: 1fr;
          gap: 11px;
        }

        .season-overview__item {
          padding: 17px 19px;
        }

        .season-layout {
          padding-top: 30px;
          padding-bottom: 58px;
        }

        .season-toc {
          padding: 22px;
        }

        .season-toc ol {
          grid-template-columns: 1fr;
        }

        .season-section {
          margin-top: 40px;
        }

        .season-section h2 {
          font-size: 1.9rem;
        }

        .season-card-grid,
        .month-grid,
        .region-grid,
        .season-checklist,
        .season-related__grid {
          grid-template-columns: 1fr;
        }

        .region-card__image {
          height: 220px;
        }

        .season-callout,
        .season-alert {
          padding: 22px 19px;
        }

        .activity-item {
          grid-template-columns: 49px minmax(0, 1fr);
          gap: 13px;
        }

        .activity-item__icon {
          width: 43px;
          height: 43px;
        }

        .season-itinerary__row {
          grid-template-columns: 88px minmax(0, 1fr);
          gap: 13px;
        }

        .season-itinerary__label {
          padding: 8px 5px;
          font-size: 0.74rem;
        }

        .season-author {
          flex-direction: column;
          padding: 22px;
        }

        .season-related {
          padding: 53px 0;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .season-article *,
        .season-article *::before,
        .season-article *::after {
          scroll-behavior: auto !important;
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
        }
      }
      
      /* ========================================
           HUNZA VALLEY TRAVEL GUIDE
          
        ======================================== */

      .hunza-article {
        --hunza-green: #123d32;
        --hunza-emerald: #1f7055;
        --hunza-gold: #c6a15b;
        --hunza-white: #fafaf6;
        --hunza-beige: #f0ebdd;
        --hunza-text: #242824;
        --hunza-muted: #66716b;
        --hunza-border: #e3e7df;

        background: var(--hunza-white);
        color: var(--hunza-text);
        font-family: "Inter", sans-serif;
        line-height: 1.8;
      }

      .hunza-article *,
      .hunza-article *::before,
      .hunza-article *::after {
        box-sizing: border-box;
      }

      .hunza-article img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      .hunza-article a {
        color: var(--hunza-emerald);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .hunza-article a:hover {
        color: var(--hunza-green);
      }

      .hunza-article a:focus-visible {
        outline: 3px solid var(--hunza-gold);
        outline-offset: 4px;
      }

      .hunza-container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Breadcrumb */

      .hunza-breadcrumb {
        padding: 18px 0;
        border-bottom: 1px solid var(--hunza-border);
        font-size: 0.85rem;
      }

      .hunza-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .hunza-breadcrumb li {
        color: var(--hunza-muted);
      }

      .hunza-breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        color: #a0aaa2;
      }

      .hunza-breadcrumb a {
        text-decoration: none;
      }

      /* Hero */

      .hunza-hero {
        position: relative;
        display: flex;
        align-items: end;
        min-height: 510px;
        overflow: hidden;
        background: var(--hunza-green);
        color: #fff;
      }

      .hunza-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .hunza-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            90deg,
            rgba(10, 30, 26, 0.87) 0%,
            rgba(10, 30, 26, 0.62) 52%,
            rgba(10, 30, 26, 0.13) 100%
          ),
          linear-gradient(0deg, rgba(10, 30, 26, 0.4), transparent 58%);
        pointer-events: none;
      }

      .hunza-hero__content {
        position: relative;
        z-index: 1;
        width: min(1160px, calc(100% - 40px));
        margin: 0 auto;
        padding: 85px 0 78px;
      }

      .hunza-eyebrow {
        display: inline-block;
        color: #f1d89c;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .hunza-hero h1 {
        max-width: 850px;
        margin: 18px 0;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(2.5rem, 5.8vw, 4.6rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      .hunza-hero__intro {
        max-width: 730px;
        margin: 0 0 27px;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.15rem);
      }

      .hunza-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      /* General typography */

      .hunza-article h2,
      .hunza-article h3 {
        color: var(--hunza-green);
        font-family: "Playfair Display", serif;
        line-height: 1.32;
      }

      .hunza-article h2 {
        margin: 0 0 22px;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
      }

      .hunza-article h3 {
        margin: 0 0 12px;
        font-size: 1.35rem;
      }

      .hunza-article p {
        margin: 0 0 19px;
      }

      /* Intro */

      .hunza-intro {
        padding: 62px 0 25px;
      }

      .hunza-intro__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
        gap: 40px;
        align-items: start;
      }

      .hunza-intro__aside {
        padding: 27px;
        border: 1px solid var(--hunza-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(18, 61, 50, 0.05);
      }

      .hunza-intro__aside h3 {
        margin-bottom: 17px;
      }

      .hunza-fact-list {
        display: grid;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .hunza-fact-list li {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 13px 0;
        border-bottom: 1px solid var(--hunza-border);
      }

      .hunza-fact-list li:last-child {
        border-bottom: 0;
      }

      .hunza-fact-list strong {
        color: var(--hunza-green);
        font-size: 0.87rem;
      }

      .hunza-fact-list span {
        color: var(--hunza-muted);
        font-size: 0.9rem;
      }

      /* Route and safety advisory */

      .hunza-advisory {
        margin: 18px 0 42px;
        padding: 27px 28px;
        border: 1px solid #e4d2aa;
        border-left: 5px solid var(--hunza-gold);
        border-radius: 12px;
        background: #fff9ed;
      }

      .hunza-advisory h2 {
        margin-bottom: 13px;
        font-family: "Inter", sans-serif;
        font-size: 1.2rem;
      }

      .hunza-advisory p:last-child {
        margin-bottom: 0;
      }

      /* Main article layout */

      .hunza-main-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 46px;
        align-items: start;
        padding: 15px 0 70px;
      }

      .hunza-content {
        min-width: 0;
      }

      .hunza-section {
        margin-bottom: 58px;
        scroll-margin-top: 100px;
      }

      .hunza-section__lead {
        color: var(--hunza-muted);
        font-size: 1.04rem;
      }

      /* Table of contents */

      .hunza-toc {
        position: sticky;
        top: 25px;
        padding: 25px 23px;
        border: 1px solid var(--hunza-border);
        border-radius: 15px;
        background: #fff;
      }

      .hunza-toc h2 {
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
        font-size: 1.08rem;
      }

      .hunza-toc ol {
        padding-left: 19px;
        margin: 0;
      }

      .hunza-toc li {
        margin-bottom: 10px;
        padding-left: 2px;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .hunza-toc li:last-child {
        margin-bottom: 0;
      }

      .hunza-toc a {
        color: var(--hunza-text);
        text-decoration: none;
      }

      .hunza-toc a:hover {
        color: var(--hunza-emerald);
        text-decoration: underline;
      }

      .hunza-toc__note {
        margin-top: 21px;
        padding-top: 17px;
        border-top: 1px solid var(--hunza-border);
        color: var(--hunza-muted);
        font-size: 0.82rem;
      }

      /* Attraction cards */

      .hunza-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
      }

      .hunza-place-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px;
        border: 1px solid var(--hunza-border);
        border-radius: 15px;
        background: #fff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .hunza-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.07);
      }

      .hunza-place-card__number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 15px;
        border-radius: 50%;
        background: var(--hunza-beige);
        color: var(--hunza-green);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .hunza-place-card h3 {
        font-size: 1.23rem;
      }

      .hunza-place-card p {
        margin-bottom: 0;
        color: #505a54;
        font-size: 0.93rem;
      }

      .hunza-place-card__tag {
        margin-top: auto;
        padding-top: 18px;
        color: var(--hunza-emerald);
        font-size: 0.8rem;
        font-weight: 700;
      }

      /* Images */

      .hunza-feature-image {
        overflow: hidden;
        margin: 28px 0;
        border-radius: 16px;
        background: var(--hunza-beige);
      }

      .hunza-feature-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
      }

      .hunza-feature-image figcaption {
        padding: 12px 15px;
        color: var(--hunza-muted);
        font-size: 0.82rem;
      }

      /* Lists */

      .hunza-check-list,
      .hunza-plain-list {
        padding-left: 23px;
        margin: 18px 0 22px;
      }

      .hunza-check-list li,
      .hunza-plain-list li {
        margin-bottom: 12px;
        padding-left: 4px;
      }

      .hunza-check-list li::marker {
        color: var(--hunza-emerald);
      }

      /* Information panels */

      .hunza-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin: 25px 0;
      }

      .hunza-info-card {
        padding: 22px;
        border-radius: 13px;
        background: var(--hunza-beige);
      }

      .hunza-info-card h3 {
        font-size: 1.15rem;
      }

      .hunza-info-card p:last-child {
        margin-bottom: 0;
      }

      /* Itinerary */

      .hunza-itinerary {
        display: grid;
        gap: 18px;
        margin-top: 25px;
      }

      .hunza-itinerary__day {
        padding: 25px;
        border: 1px solid var(--hunza-border);
        border-radius: 15px;
        background: #fff;
      }

      .hunza-itinerary__label {
        display: inline-block;
        margin-bottom: 11px;
        color: var(--hunza-emerald);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .hunza-itinerary__day h3 {
        margin-bottom: 13px;
      }

      .hunza-itinerary__day p:last-child {
        margin-bottom: 0;
      }

      /* Safety box */

      .hunza-safety-box {
        padding: 24px 27px;
        border-radius: 14px;
        background: #f1f5f0;
      }

      .hunza-safety-box h3 {
        font-size: 1.2rem;
      }

      /* FAQs */

      .hunza-faq-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }

      .hunza-faq-list details {
        padding: 18px 21px;
        border: 1px solid var(--hunza-border);
        border-radius: 12px;
        background: #fff;
      }

      .hunza-faq-list summary {
        color: var(--hunza-green);
        font-weight: 700;
        cursor: pointer;
      }

      .hunza-faq-list details p {
        margin: 14px 0 0;
        color: #505a54;
      }

      /* Official resources */

      .hunza-resources {
        padding: 26px;
        border-radius: 15px;
        background: var(--hunza-beige);
      }

      .hunza-resources h3 {
        font-size: 1.2rem;
      }

      .hunza-resources ul {
        padding-left: 21px;
        margin-bottom: 0;
      }

      .hunza-resources li {
        margin-bottom: 11px;
      }

      .hunza-resources li:last-child {
        margin-bottom: 0;
      }

      /* Author */

      .hunza-author {
        display: flex;
        gap: 19px;
        align-items: flex-start;
        margin-top: 36px;
        padding: 25px;
        border: 1px solid var(--hunza-border);
        border-radius: 15px;
        background: #fff;
      }

      .hunza-author__mark {
        display: flex;
        flex: 0 0 55px;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--hunza-green);
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
      }

      .hunza-author h3 {
        margin: 0 0 5px;
        font-family: "Inter", sans-serif;
        font-size: 1.06rem;
      }

      .hunza-author p {
        margin-bottom: 8px;
        font-size: 0.9rem;
      }

      .hunza-author p:last-child {
        margin-bottom: 0;
      }

      /* Related articles */

      .hunza-related {
        padding: 65px 0;
        background: #f1f3ed;
      }

      .hunza-related__heading {
        max-width: 670px;
        margin: 0 auto 30px;
        text-align: center;
      }

      .hunza-related__heading p {
        color: var(--hunza-muted);
      }

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

      .hunza-related__card {
        padding: 24px;
        border: 1px solid var(--hunza-border);
        border-radius: 14px;
        background: #fff;
      }

      .hunza-related__card h3 {
        font-size: 1.2rem;
      }

      .hunza-related__card p {
        color: var(--hunza-muted);
        font-size: 0.9rem;
      }

      .hunza-related__card a {
        font-weight: 700;
        text-decoration: none;
      }

      /* CTA */

      .hunza-cta {
        padding: 64px 0;
        background: var(--hunza-green);
        color: #fff;
        text-align: center;
      }

      .hunza-cta h2 {
        max-width: 700px;
        margin: 0 auto 15px;
        color: #fff;
      }

      .hunza-cta p {
        max-width: 700px;
        margin: 0 auto 24px;
        color: rgba(255, 255, 255, 0.86);
      }

      .hunza-cta__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 8px;
        background: var(--hunza-gold);
        color: #18352d !important;
        font-weight: 800;
        text-decoration: none !important;
        transition: background 0.2s ease;
      }

      .hunza-cta__link:hover {
        background: #d7b978;
      }

      .hunza-disclaimer {
        color: var(--hunza-muted);
        font-size: 0.83rem;
      }

      /* Responsive */

      @media (max-width: 980px) {
        .hunza-main-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 27px;
        }

        .hunza-intro__grid {
          gap: 25px;
        }

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

      @media (max-width: 760px) {
        .hunza-container {
          width: min(100% - 30px, 650px);
        }

        .hunza-hero {
          min-height: 430px;
        }

        .hunza-hero__content {
          width: min(100% - 30px, 650px);
          padding: 65px 0 52px;
        }

        .hunza-hero h1 {
          font-size: clamp(2.25rem, 9vw, 3.4rem);
        }

        .hunza-intro {
          padding-top: 42px;
        }

        .hunza-intro__grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }

        .hunza-main-layout {
          display: flex;
          flex-direction: column;
          padding-top: 5px;
        }

        .hunza-content {
          width: 100%;
        }

        .hunza-toc {
          position: static;
          order: -1;
          width: 100%;
        }

        .hunza-section {
          margin-bottom: 44px;
        }

        .hunza-place-grid,
        .hunza-info-grid {
          grid-template-columns: 1fr;
        }

        .hunza-place-card {
          padding: 21px;
        }

        .hunza-related__grid {
          grid-template-columns: 1fr;
        }

        .hunza-advisory {
          padding: 21px;
        }

        .hunza-author {
          padding: 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .hunza-article *,
        .hunza-article *::before,
        .hunza-article *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }
    
      /* ========================================
           KARACHI TRAVEL GUIDE          
        ======================================== */

      .karachi-article {
        --karachi-green: #123d32;
        --karachi-emerald: #1f7055;
        --karachi-gold: #c6a15b;
        --karachi-white: #fafaf6;
        --karachi-beige: #f0ebdd;
        --karachi-text: #242824;
        --karachi-muted: #66716b;
        --karachi-border: #e3e7df;

        color: var(--karachi-text);
        background: var(--karachi-white);
        font-family: "Inter", sans-serif;
        line-height: 1.8;
      }

      .karachi-article *,
      .karachi-article *::before,
      .karachi-article *::after {
        box-sizing: border-box;
      }

      .karachi-article img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      .karachi-article a {
        color: var(--karachi-emerald);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .karachi-article a:hover {
        color: var(--karachi-green);
      }

      .karachi-article a:focus-visible {
        outline: 3px solid var(--karachi-gold);
        outline-offset: 4px;
      }

      .karachi-article .karachi-container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Breadcrumb */

      .karachi-breadcrumb {
        padding: 18px 0;
        border-bottom: 1px solid var(--karachi-border);
        font-size: 0.85rem;
      }

      .karachi-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .karachi-breadcrumb li {
        color: var(--karachi-muted);
      }

      .karachi-breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        color: #a0aaa2;
      }

      .karachi-breadcrumb a {
        text-decoration: none;
      }

      /* Hero */

      .karachi-hero {
        position: relative;
        overflow: hidden;
        min-height: 500px;
        display: flex;
        align-items: end;
        background: var(--karachi-green);
        color: #fff;
      }

      .karachi-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .karachi-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            90deg,
            rgba(8, 30, 25, 0.88) 0%,
            rgba(8, 30, 25, 0.63) 52%,
            rgba(8, 30, 25, 0.18) 100%
          ),
          linear-gradient(0deg, rgba(8, 30, 25, 0.4), transparent 50%);
        pointer-events: none;
      }

      .karachi-hero__content {
        position: relative;
        z-index: 1;
        width: min(1160px, calc(100% - 40px));
        margin: 0 auto;
        padding: 85px 0 78px;
      }

      .karachi-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #f3d89f;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .karachi-hero h1 {
        max-width: 820px;
        margin: 18px 0;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(2.5rem, 5.8vw, 4.7rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      .karachi-hero__intro {
        max-width: 720px;
        margin: 0 0 28px;
        color: rgba(255, 255, 255, 0.91);
        font-size: clamp(1rem, 2vw, 1.15rem);
      }

      .karachi-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      .karachi-hero__meta span {
        display: inline-flex;
        align-items: center;
        gap: 7px;
      }

      /* Introduction */

      .karachi-intro {
        padding: 62px 0 25px;
      }

      .karachi-intro__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
        gap: 40px;
        align-items: start;
      }

      .karachi-article h2,
      .karachi-article h3 {
        color: var(--karachi-green);
        font-family: "Playfair Display", serif;
        line-height: 1.32;
      }

      .karachi-article h2 {
        margin: 0 0 22px;
        font-size: clamp(1.8rem, 3vw, 2.55rem);
      }

      .karachi-article h3 {
        margin: 0 0 12px;
        font-size: 1.35rem;
      }

      .karachi-article p {
        margin: 0 0 19px;
      }

      .karachi-intro__aside {
        padding: 27px;
        border: 1px solid var(--karachi-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(18, 61, 50, 0.05);
      }

      .karachi-intro__aside h3 {
        margin-bottom: 17px;
      }

      .karachi-fact-list {
        display: grid;
        gap: 0;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .karachi-fact-list li {
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: 13px 0;
        border-bottom: 1px solid var(--karachi-border);
      }

      .karachi-fact-list li:last-child {
        border-bottom: 0;
      }

      .karachi-fact-list strong {
        color: var(--karachi-green);
        font-size: 0.86rem;
      }

      .karachi-fact-list span {
        color: var(--karachi-muted);
        font-size: 0.9rem;
      }

      /* Safety notice */

      .karachi-safety-notice {
        margin: 18px 0 42px;
        padding: 25px 28px;
        border: 1px solid #e4d2aa;
        border-left: 5px solid var(--karachi-gold);
        border-radius: 12px;
        background: #fff9ed;
      }

      .karachi-safety-notice h2 {
        margin-bottom: 11px;
        font-family: "Inter", sans-serif;
        font-size: 1.16rem;
      }

      .karachi-safety-notice p:last-child {
        margin-bottom: 0;
      }

      /* Main article layout */

      .karachi-main-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 46px;
        align-items: start;
        padding: 15px 0 70px;
      }

      .karachi-content {
        min-width: 0;
      }

      .karachi-section {
        margin-bottom: 58px;
        scroll-margin-top: 100px;
      }

      .karachi-section__lead {
        color: var(--karachi-muted);
        font-size: 1.04rem;
      }

      /* Table of contents */

      .karachi-toc {
        position: sticky;
        top: 25px;
        padding: 25px 23px;
        border: 1px solid var(--karachi-border);
        border-radius: 15px;
        background: #fff;
      }

      .karachi-toc h2 {
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
        font-size: 1.08rem;
      }

      .karachi-toc ol {
        padding-left: 19px;
        margin: 0;
      }

      .karachi-toc li {
        margin: 0 0 10px;
        padding-left: 2px;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .karachi-toc li:last-child {
        margin-bottom: 0;
      }

      .karachi-toc a {
        color: var(--karachi-text);
        text-decoration: none;
      }

      .karachi-toc a:hover {
        color: var(--karachi-emerald);
        text-decoration: underline;
      }

      .karachi-toc__note {
        margin-top: 21px;
        padding-top: 17px;
        border-top: 1px solid var(--karachi-border);
        color: var(--karachi-muted);
        font-size: 0.82rem;
      }

      /* Attraction cards */

      .karachi-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
      }

      .karachi-place-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px;
        border: 1px solid var(--karachi-border);
        border-radius: 15px;
        background: #fff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .karachi-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.07);
      }

      .karachi-place-card__number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 15px;
        border-radius: 50%;
        background: var(--karachi-beige);
        color: var(--karachi-green);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .karachi-place-card h3 {
        font-size: 1.25rem;
      }

      .karachi-place-card p {
        margin-bottom: 0;
        color: #505a54;
        font-size: 0.93rem;
      }

      .karachi-place-card__tag {
        margin-top: auto;
        padding-top: 18px;
        color: var(--karachi-emerald);
        font-size: 0.8rem;
        font-weight: 700;
      }

      /* Photo feature */

      .karachi-feature-image {
        overflow: hidden;
        margin: 28px 0;
        border-radius: 16px;
        background: var(--karachi-beige);
      }

      .karachi-feature-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
      }

      .karachi-feature-image figcaption {
        padding: 12px 15px;
        color: var(--karachi-muted);
        font-size: 0.82rem;
      }

      /* Lists */

      .karachi-check-list,
      .karachi-plain-list {
        padding-left: 23px;
        margin: 18px 0 22px;
      }

      .karachi-check-list li,
      .karachi-plain-list li {
        margin-bottom: 12px;
        padding-left: 4px;
      }

      .karachi-check-list li::marker {
        color: var(--karachi-emerald);
      }

      /* Information panels */

      .karachi-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin: 25px 0;
      }

      .karachi-info-card {
        padding: 22px;
        border-radius: 13px;
        background: var(--karachi-beige);
      }

      .karachi-info-card h3 {
        font-size: 1.15rem;
      }

      .karachi-info-card p:last-child {
        margin-bottom: 0;
      }

      /* Itinerary */

      .karachi-itinerary {
        display: grid;
        gap: 18px;
        margin-top: 25px;
      }

      .karachi-itinerary__day {
        position: relative;
        padding: 25px 25px 23px;
        border: 1px solid var(--karachi-border);
        border-radius: 15px;
        background: #fff;
      }

      .karachi-itinerary__label {
        display: inline-block;
        margin-bottom: 11px;
        color: var(--karachi-emerald);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .karachi-itinerary__day h3 {
        margin-bottom: 13px;
      }

      .karachi-itinerary__day p:last-child {
        margin-bottom: 0;
      }

      /* Safety list */

      .karachi-safety-list {
        padding: 24px 27px;
        border-radius: 14px;
        background: #f1f5f0;
      }

      .karachi-safety-list h3 {
        font-size: 1.2rem;
      }

      /* FAQs */

      .karachi-faq-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }

      .karachi-faq-list details {
        padding: 18px 21px;
        border: 1px solid var(--karachi-border);
        border-radius: 12px;
        background: #fff;
      }

      .karachi-faq-list summary {
        color: var(--karachi-green);
        font-weight: 700;
        cursor: pointer;
      }

      .karachi-faq-list details p {
        margin: 14px 0 0;
        color: #505a54;
      }

      /* Resources */

      .karachi-resources {
        padding: 26px;
        border-radius: 15px;
        background: var(--karachi-beige);
      }

      .karachi-resources h3 {
        font-size: 1.2rem;
      }

      .karachi-resources ul {
        padding-left: 21px;
        margin-bottom: 0;
      }

      .karachi-resources li {
        margin-bottom: 11px;
      }

      .karachi-resources li:last-child {
        margin-bottom: 0;
      }

      /* Author box */

      .karachi-author {
        display: flex;
        gap: 19px;
        align-items: flex-start;
        margin-top: 36px;
        padding: 25px;
        border: 1px solid var(--karachi-border);
        border-radius: 15px;
        background: #fff;
      }

      .karachi-author__mark {
        display: flex;
        flex: 0 0 55px;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--karachi-green);
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
      }

      .karachi-author h3 {
        margin: 0 0 5px;
        font-family: "Inter", sans-serif;
        font-size: 1.06rem;
      }

      .karachi-author p {
        margin-bottom: 8px;
        font-size: 0.9rem;
      }

      .karachi-author p:last-child {
        margin-bottom: 0;
      }

      /* Related guides */

      .karachi-related {
        padding: 65px 0;
        background: #f1f3ed;
      }

      .karachi-related__heading {
        max-width: 670px;
        margin: 0 auto 30px;
        text-align: center;
      }

      .karachi-related__heading p {
        color: var(--karachi-muted);
      }

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

      .karachi-related__card {
        padding: 24px;
        border: 1px solid var(--karachi-border);
        border-radius: 14px;
        background: #fff;
      }

      .karachi-related__card h3 {
        font-size: 1.2rem;
      }

      .karachi-related__card p {
        color: var(--karachi-muted);
        font-size: 0.9rem;
      }

      .karachi-related__card a {
        font-weight: 700;
        text-decoration: none;
      }

      /* CTA */

      .karachi-cta {
        padding: 64px 0;
        background: var(--karachi-green);
        color: #fff;
        text-align: center;
      }

      .karachi-cta h2 {
        max-width: 700px;
        margin: 0 auto 15px;
        color: #fff;
      }

      .karachi-cta p {
        max-width: 670px;
        margin: 0 auto 24px;
        color: rgba(255, 255, 255, 0.85);
      }

      .karachi-cta__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 8px;
        background: var(--karachi-gold);
        color: #18352d !important;
        font-weight: 800;
        text-decoration: none !important;
        transition: background 0.2s ease;
      }

      .karachi-cta__link:hover {
        background: #d7b978;
      }

      .karachi-disclaimer {
        color: var(--karachi-muted);
        font-size: 0.83rem;
      }

      /* Responsive */

      @media (max-width: 980px) {
        .karachi-main-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 27px;
        }

        .karachi-intro__grid {
          gap: 25px;
        }

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

      @media (max-width: 760px) {
        .karachi-article .karachi-container {
          width: min(100% - 30px, 650px);
        }

        .karachi-hero {
          min-height: 430px;
        }

        .karachi-hero__content {
          width: min(100% - 30px, 650px);
          padding: 65px 0 52px;
        }

        .karachi-hero h1 {
          font-size: clamp(2.25rem, 9vw, 3.4rem);
        }

        .karachi-intro {
          padding-top: 42px;
        }

        .karachi-intro__grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }

        .karachi-main-layout {
          display: flex;
          flex-direction: column;
          padding-top: 5px;
        }

        .karachi-content {
          width: 100%;
        }

        .karachi-toc {
          position: static;
          order: -1;
          width: 100%;
        }

        .karachi-section {
          margin-bottom: 44px;
        }

        .karachi-place-grid,
        .karachi-info-grid {
          grid-template-columns: 1fr;
        }

        .karachi-place-card {
          padding: 21px;
        }

        .karachi-related__grid {
          grid-template-columns: 1fr;
        }

        .karachi-safety-notice {
          padding: 21px;
        }

        .karachi-author {
          padding: 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .karachi-article *,
        .karachi-article *::before,
        .karachi-article *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }
  
      /* =========================================
           LAHORE TRAVEL GUIDE
        ========================================= */

      .lahore-article {
        --lahore-green: #123d32;
        --lahore-emerald: #1f7055;
        --lahore-cream: #fafaf6;
        --lahore-beige: #f0ebdd;
        --lahore-gold: #c6a15b;
        --lahore-text: #343a34;
        --lahore-muted: #687067;
        --lahore-border: #e6e5da;

        overflow: hidden;
        color: var(--lahore-text);
        background: var(--lahore-cream);
      }

      .lahore-article *,
      .lahore-article *::before,
      .lahore-article *::after {
        box-sizing: border-box;
      }

      .lahore-article img {
        display: block;
        max-width: 100%;
      }

      .lahore-article a {
        overflow-wrap: anywhere;
      }

      .lahore-article .container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Hero */

      .lahore-hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 510px;
        padding: 78px 0;
        isolation: isolate;
        background: var(--lahore-green);
      }

      .lahore-hero__image {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .lahore-hero::after {
        position: absolute;
        inset: 0;
        z-index: -1;
        content: "";
        background: linear-gradient(
          90deg,
          rgba(8, 35, 28, 0.93) 0%,
          rgba(8, 35, 28, 0.76) 55%,
          rgba(8, 35, 28, 0.28) 100%
        );
      }

      .lahore-hero__content {
        width: 100%;
        max-width: 850px;
        color: #ffffff;
      }

      .lahore-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 9px;
        margin-bottom: 27px;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.85rem;
      }

      .lahore-breadcrumb a {
        color: #ffffff;
        text-decoration: none;
      }

      .lahore-breadcrumb a:hover {
        color: #e6c98d;
        text-decoration: underline;
      }

      .lahore-hero__eyebrow {
        display: inline-block;
        margin-bottom: 16px;
        color: #e6c98d;
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
      }

      .lahore-hero__title {
        max-width: 850px;
        margin: 0 0 22px;
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(2.6rem, 6vw, 4.7rem);
        font-weight: 600;
        line-height: 1.12;
      }

      .lahore-hero__description {
        max-width: 740px;
        margin: 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.12rem);
        line-height: 1.9;
      }

      .lahore-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        margin-top: 26px;
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.84rem;
      }

      /* Overview */

      .lahore-overview {
        padding: 34px 0 0;
      }

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

      .lahore-overview__item {
        padding: 23px;
        border: 1px solid var(--lahore-border);
        border-radius: 13px;
        background: #ffffff;
      }

      .lahore-overview__label {
        display: block;
        margin-bottom: 9px;
        color: var(--lahore-muted);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
      }

      .lahore-overview__value {
        display: block;
        color: var(--lahore-green);
        font-size: 0.98rem;
        font-weight: 700;
        line-height: 1.6;
      }

      /* Article layout */

      .lahore-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 48px;
        align-items: start;
        padding-top: 52px;
        padding-bottom: 85px;
      }

      .lahore-content {
        min-width: 0;
        font-size: 1rem;
        line-height: 1.95;
      }

      .lahore-content p {
        margin: 0 0 20px;
        color: #50574f;
      }

      .lahore-content a {
        color: var(--lahore-emerald);
        font-weight: 600;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .lahore-content a:hover {
        color: var(--lahore-green);
      }

      .lahore-section {
        margin-top: 49px;
        scroll-margin-top: 30px;
      }

      .lahore-section:first-child {
        margin-top: 0;
      }

      .lahore-section h2 {
        margin: 0 0 19px;
        color: var(--lahore-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.85rem, 4vw, 2.5rem);
        font-weight: 600;
        line-height: 1.28;
      }

      .lahore-section h3 {
        margin: 0 0 10px;
        color: var(--lahore-green);
        font-size: 1.1rem;
        line-height: 1.5;
      }

      .lahore-lead {
        color: #414a41 !important;
        font-size: 1.1rem;
        line-height: 1.95;
      }

      /* Sidebar table of contents */

      .lahore-sidebar {
        position: sticky;
        top: 25px;
      }

      .lahore-toc {
        padding: 25px 23px;
        border: 1px solid var(--lahore-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .lahore-toc h2 {
        margin: 0 0 17px;
        color: var(--lahore-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.35rem;
        line-height: 1.4;
      }

      .lahore-toc ol {
        display: grid;
        gap: 10px;
        margin: 0;
        padding-left: 21px;
      }

      .lahore-toc li {
        padding-left: 3px;
        color: var(--lahore-muted);
        font-size: 0.86rem;
        line-height: 1.6;
      }

      .lahore-toc a {
        color: #515950;
        font-weight: 500;
        text-decoration: none;
      }

      .lahore-toc a:hover {
        color: var(--lahore-emerald);
        text-decoration: underline;
      }

      .lahore-toc__note {
        margin-top: 20px;
        padding-top: 16px;
        border-top: 1px solid var(--lahore-border);
        color: var(--lahore-muted);
        font-size: 0.82rem;
        line-height: 1.8;
      }

      /* Callouts */

      .lahore-callout {
        margin: 28px 0;
        padding: 25px 27px;
        border-left: 4px solid var(--lahore-gold);
        border-radius: 0 11px 11px 0;
        background: #f3efe3;
      }

      .lahore-callout h3 {
        margin: 0 0 9px;
        color: var(--lahore-green);
        font-size: 1.06rem;
      }

      .lahore-callout p {
        margin: 0;
        color: #555b52;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      .lahore-alert {
        margin: 28px 0;
        padding: 26px;
        border: 1px solid #e6cca6;
        border-left: 5px solid #a85e20;
        border-radius: 11px;
        background: #fff7ea;
      }

      .lahore-alert__label {
        display: block;
        margin-bottom: 10px;
        color: #8a4a16;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 1.4px;
        text-transform: uppercase;
      }

      .lahore-alert h3 {
        margin: 0 0 12px;
        color: #71390d;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.45rem;
        line-height: 1.4;
      }

      .lahore-alert p {
        margin: 0 0 13px;
        color: #634c36;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      .lahore-alert p:last-child {
        margin-bottom: 0;
      }

      .lahore-alert a {
        color: #763c0d;
      }

      /* Place cards */

      .lahore-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 21px;
        margin: 25px 0;
      }

      .lahore-place-card {
        min-width: 0;
        overflow: hidden;
        border: 1px solid var(--lahore-border);
        border-radius: 14px;
        background: #ffffff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .lahore-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.09);
      }

      .lahore-place-card__image {
        width: 100%;
        height: 220px;
        object-fit: cover;
        background: #e1e5de;
      }

      .lahore-place-card__body {
        padding: 22px;
      }

      .lahore-place-card__category {
        display: block;
        margin-bottom: 9px;
        color: var(--lahore-emerald);
        font-size: 0.73rem;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
      }

      .lahore-place-card h3 {
        margin: 0 0 11px;
        color: var(--lahore-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.38rem;
        line-height: 1.4;
      }

      .lahore-place-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.91rem;
        line-height: 1.85;
      }

      /* Informational cards */

      .lahore-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin: 24px 0;
      }

      .lahore-info-card {
        padding: 23px;
        border: 1px solid var(--lahore-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .lahore-info-card h3 {
        margin: 0 0 10px;
        color: var(--lahore-green);
        font-size: 1.04rem;
      }

      .lahore-info-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      /* Itinerary */

      .lahore-itinerary {
        display: grid;
        gap: 0;
        margin-top: 23px;
      }

      .lahore-itinerary__row {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 20px;
        padding: 21px 0;
        border-bottom: 1px solid var(--lahore-border);
      }

      .lahore-itinerary__row:last-child {
        border-bottom: 0;
      }

      .lahore-itinerary__label {
        align-self: start;
        padding: 9px 10px;
        border-radius: 8px;
        background: #e7efe8;
        color: var(--lahore-green);
        font-size: 0.8rem;
        font-weight: 700;
        text-align: center;
      }

      .lahore-itinerary__row h3 {
        margin: 0 0 8px;
        color: var(--lahore-green);
        font-size: 1.05rem;
      }

      .lahore-itinerary__row p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      /* FAQ */

      .lahore-faq {
        display: grid;
        gap: 15px;
        margin-top: 24px;
      }

      .lahore-faq__item {
        padding: 23px;
        border: 1px solid var(--lahore-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .lahore-faq__item h3 {
        margin: 0 0 10px;
        color: var(--lahore-green);
        font-size: 1.04rem;
      }

      .lahore-faq__item p {
        margin: 0;
        color: #62675f;
        font-size: 0.93rem;
        line-height: 1.9;
      }

      /* Official resources */

      .lahore-resources {
        display: grid;
        gap: 13px;
        margin-top: 20px;
      }

      .lahore-resource {
        padding: 18px 20px;
        border: 1px solid var(--lahore-border);
        border-radius: 10px;
        background: #ffffff;
      }

      .lahore-resource a {
        display: inline-block;
        margin-bottom: 5px;
        color: var(--lahore-emerald);
        font-weight: 700;
      }

      .lahore-resource p {
        margin: 0;
        color: var(--lahore-muted);
        font-size: 0.88rem;
        line-height: 1.8;
      }

      /* Author */

      .lahore-author {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-top: 48px;
        padding: 26px;
        border: 1px solid var(--lahore-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .lahore-author__mark {
        display: flex;
        flex: 0 0 58px;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--lahore-green);
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.22rem;
        font-weight: 700;
      }

      .lahore-author h3 {
        margin: 0 0 7px;
        color: var(--lahore-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.3rem;
      }

      .lahore-author p {
        margin: 0;
        color: #62675f;
        font-size: 0.9rem;
        line-height: 1.85;
      }

      /* Related articles */

      .lahore-related {
        padding: 70px 0;
        background: var(--lahore-beige);
      }

      .lahore-related__header {
        max-width: 720px;
        margin-bottom: 32px;
      }

      .lahore-related__eyebrow {
        display: block;
        margin-bottom: 10px;
        color: var(--lahore-emerald);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
      }

      .lahore-related__title {
        margin: 0 0 13px;
        color: var(--lahore-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.9rem, 4vw, 2.6rem);
        line-height: 1.25;
      }

      .lahore-related__intro {
        margin: 0;
        color: #62675f;
        line-height: 1.85;
      }

      .lahore-related__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
      }

      .lahore-related-card {
        padding: 25px;
        border: 1px solid rgba(18, 61, 50, 0.1);
        border-radius: 13px;
        background: #ffffff;
      }

      .lahore-related-card h3 {
        margin: 0 0 10px;
        color: var(--lahore-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.28rem;
        line-height: 1.45;
      }

      .lahore-related-card p {
        margin: 0 0 15px;
        color: #62675f;
        font-size: 0.91rem;
        line-height: 1.8;
      }

      .lahore-related-card a {
        color: var(--lahore-emerald);
        font-size: 0.9rem;
        font-weight: 700;
        text-decoration: none;
      }

      .lahore-related-card a:hover {
        text-decoration: underline;
      }

      /* Accessibility */

      .lahore-article a:focus-visible {
        outline: 3px solid var(--lahore-gold);
        outline-offset: 4px;
      }

      /* Responsive */

      @media (max-width: 1000px) {
        .lahore-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 30px;
        }
      }

      @media (max-width: 850px) {
        .lahore-layout {
          grid-template-columns: 1fr;
          gap: 32px;
          padding-top: 42px;
        }

        .lahore-sidebar {
          position: static;
          grid-row: 1;
        }

        .lahore-toc ol {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 24px;
        }

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

      @media (max-width: 600px) {
        .lahore-article .container {
          width: min(100% - 30px, 1160px);
        }

        .lahore-hero {
          min-height: 450px;
          padding: 58px 0;
        }

        .lahore-hero__title {
          font-size: clamp(2.3rem, 11vw, 3.4rem);
        }

        .lahore-breadcrumb {
          gap: 6px;
          margin-bottom: 22px;
          font-size: 0.79rem;
        }

        .lahore-hero__meta {
          gap: 10px 14px;
          font-size: 0.8rem;
        }

        .lahore-overview {
          padding-top: 22px;
        }

        .lahore-overview__grid {
          grid-template-columns: 1fr;
          gap: 11px;
        }

        .lahore-overview__item {
          padding: 17px 19px;
        }

        .lahore-layout {
          padding-top: 30px;
          padding-bottom: 58px;
        }

        .lahore-toc {
          padding: 22px;
        }

        .lahore-toc ol {
          grid-template-columns: 1fr;
        }

        .lahore-section {
          margin-top: 40px;
        }

        .lahore-section h2 {
          font-size: 1.9rem;
        }

        .lahore-place-grid,
        .lahore-info-grid,
        .lahore-related__grid {
          grid-template-columns: 1fr;
        }

        .lahore-place-card__image {
          height: 220px;
        }

        .lahore-callout,
        .lahore-alert {
          padding: 22px 19px;
        }

        .lahore-itinerary__row {
          grid-template-columns: 88px minmax(0, 1fr);
          gap: 13px;
        }

        .lahore-itinerary__label {
          padding: 8px 5px;
          font-size: 0.74rem;
        }

        .lahore-author {
          flex-direction: column;
          padding: 22px;
        }

        .lahore-related {
          padding: 53px 0;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .lahore-article *,
        .lahore-article *::before,
        .lahore-article *::after {
          scroll-behavior: auto !important;
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
        }
      }
  
      /* ========================================
           MULTAN TRAVEL GUIDE
           Page-specific styling
        ======================================== */

      .multan-article {
        --multan-green: #123d32;
        --multan-emerald: #1f7055;
        --multan-gold: #c6a15b;
        --multan-white: #fafaf6;
        --multan-beige: #f0ebdd;
        --multan-text: #242824;
        --multan-muted: #66716b;
        --multan-border: #e3e7df;

        background: var(--multan-white);
        color: var(--multan-text);
        font-family: "Inter", sans-serif;
        line-height: 1.8;
      }

      .multan-article *,
      .multan-article *::before,
      .multan-article *::after {
        box-sizing: border-box;
      }

      .multan-article img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      .multan-article a {
        color: var(--multan-emerald);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .multan-article a:hover {
        color: var(--multan-green);
      }

      .multan-article a:focus-visible {
        outline: 3px solid var(--multan-gold);
        outline-offset: 4px;
      }

      .multan-article .multan-container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Breadcrumb */

      .multan-breadcrumb {
        padding: 18px 0;
        border-bottom: 1px solid var(--multan-border);
        font-size: 0.85rem;
      }

      .multan-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .multan-breadcrumb li {
        color: var(--multan-muted);
      }

      .multan-breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        color: #a0aaa2;
      }

      .multan-breadcrumb a {
        text-decoration: none;
      }

      /* Hero */

      .multan-hero {
        position: relative;
        display: flex;
        align-items: end;
        min-height: 500px;
        overflow: hidden;
        background: var(--multan-green);
        color: #fff;
      }

      .multan-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .multan-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            90deg,
            rgba(18, 35, 29, 0.91) 0%,
            rgba(18, 35, 29, 0.64) 55%,
            rgba(18, 35, 29, 0.16) 100%
          ),
          linear-gradient(0deg, rgba(18, 35, 29, 0.38), transparent 58%);
        pointer-events: none;
      }

      .multan-hero__content {
        position: relative;
        z-index: 1;
        width: min(1160px, calc(100% - 40px));
        margin: 0 auto;
        padding: 85px 0 78px;
      }

      .multan-eyebrow {
        display: inline-block;
        color: #f1d89c;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .multan-hero h1 {
        max-width: 850px;
        margin: 18px 0;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(2.5rem, 5.8vw, 4.6rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      .multan-hero__intro {
        max-width: 730px;
        margin: 0 0 27px;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.15rem);
      }

      .multan-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      /* General content */

      .multan-article h2,
      .multan-article h3 {
        color: var(--multan-green);
        font-family: "Playfair Display", serif;
        line-height: 1.32;
      }

      .multan-article h2 {
        margin: 0 0 22px;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
      }

      .multan-article h3 {
        margin: 0 0 12px;
        font-size: 1.35rem;
      }

      .multan-article p {
        margin: 0 0 19px;
      }

      /* Intro */

      .multan-intro {
        padding: 62px 0 25px;
      }

      .multan-intro__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
        gap: 40px;
        align-items: start;
      }

      .multan-intro__aside {
        padding: 27px;
        border: 1px solid var(--multan-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(18, 61, 50, 0.05);
      }

      .multan-intro__aside h3 {
        margin-bottom: 17px;
      }

      .multan-fact-list {
        display: grid;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .multan-fact-list li {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 13px 0;
        border-bottom: 1px solid var(--multan-border);
      }

      .multan-fact-list li:last-child {
        border-bottom: 0;
      }

      .multan-fact-list strong {
        color: var(--multan-green);
        font-size: 0.87rem;
      }

      .multan-fact-list span {
        color: var(--multan-muted);
        font-size: 0.9rem;
      }

      /* Advisory note */

      .multan-advisory {
        margin: 18px 0 42px;
        padding: 25px 28px;
        border: 1px solid #e4d2aa;
        border-left: 5px solid var(--multan-gold);
        border-radius: 12px;
        background: #fff9ed;
      }

      .multan-advisory h2 {
        margin-bottom: 12px;
        font-family: "Inter", sans-serif;
        font-size: 1.15rem;
      }

      .multan-advisory p:last-child {
        margin-bottom: 0;
      }

      /* Main layout */

      .multan-main-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 46px;
        align-items: start;
        padding: 15px 0 70px;
      }

      .multan-content {
        min-width: 0;
      }

      .multan-section {
        margin-bottom: 58px;
        scroll-margin-top: 100px;
      }

      .multan-section__lead {
        color: var(--multan-muted);
        font-size: 1.04rem;
      }

      /* Table of contents */

      .multan-toc {
        position: sticky;
        top: 25px;
        padding: 25px 23px;
        border: 1px solid var(--multan-border);
        border-radius: 15px;
        background: #fff;
      }

      .multan-toc h2 {
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
        font-size: 1.08rem;
      }

      .multan-toc ol {
        padding-left: 19px;
        margin: 0;
      }

      .multan-toc li {
        margin-bottom: 10px;
        padding-left: 2px;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .multan-toc li:last-child {
        margin-bottom: 0;
      }

      .multan-toc a {
        color: var(--multan-text);
        text-decoration: none;
      }

      .multan-toc a:hover {
        color: var(--multan-emerald);
        text-decoration: underline;
      }

      .multan-toc__note {
        margin-top: 21px;
        padding-top: 17px;
        border-top: 1px solid var(--multan-border);
        color: var(--multan-muted);
        font-size: 0.82rem;
      }

      /* Destination cards */

      .multan-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
      }

      .multan-place-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px;
        border: 1px solid var(--multan-border);
        border-radius: 15px;
        background: #fff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .multan-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.07);
      }

      .multan-place-card__number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 15px;
        border-radius: 50%;
        background: var(--multan-beige);
        color: var(--multan-green);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .multan-place-card h3 {
        font-size: 1.23rem;
      }

      .multan-place-card p {
        margin-bottom: 0;
        color: #505a54;
        font-size: 0.93rem;
      }

      .multan-place-card__tag {
        margin-top: auto;
        padding-top: 18px;
        color: var(--multan-emerald);
        font-size: 0.8rem;
        font-weight: 700;
      }

      /* Images */

      .multan-feature-image {
        overflow: hidden;
        margin: 28px 0;
        border-radius: 16px;
        background: var(--multan-beige);
      }

      .multan-feature-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
      }

      .multan-feature-image figcaption {
        padding: 12px 15px;
        color: var(--multan-muted);
        font-size: 0.82rem;
      }

      /* Lists */

      .multan-check-list,
      .multan-plain-list {
        padding-left: 23px;
        margin: 18px 0 22px;
      }

      .multan-check-list li,
      .multan-plain-list li {
        margin-bottom: 12px;
        padding-left: 4px;
      }

      .multan-check-list li::marker {
        color: var(--multan-emerald);
      }

      /* Information cards */

      .multan-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin: 25px 0;
      }

      .multan-info-card {
        padding: 22px;
        border-radius: 13px;
        background: var(--multan-beige);
      }

      .multan-info-card h3 {
        font-size: 1.15rem;
      }

      .multan-info-card p:last-child {
        margin-bottom: 0;
      }

      /* Itinerary */

      .multan-itinerary {
        display: grid;
        gap: 18px;
        margin-top: 25px;
      }

      .multan-itinerary__day {
        padding: 25px;
        border: 1px solid var(--multan-border);
        border-radius: 15px;
        background: #fff;
      }

      .multan-itinerary__label {
        display: inline-block;
        margin-bottom: 11px;
        color: var(--multan-emerald);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .multan-itinerary__day h3 {
        margin-bottom: 13px;
      }

      .multan-itinerary__day p:last-child {
        margin-bottom: 0;
      }

      /* Safety information */

      .multan-safety-box {
        padding: 24px 27px;
        border-radius: 14px;
        background: #f1f5f0;
      }

      .multan-safety-box h3 {
        font-size: 1.2rem;
      }

      /* FAQs */

      .multan-faq-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }

      .multan-faq-list details {
        padding: 18px 21px;
        border: 1px solid var(--multan-border);
        border-radius: 12px;
        background: #fff;
      }

      .multan-faq-list summary {
        color: var(--multan-green);
        font-weight: 700;
        cursor: pointer;
      }

      .multan-faq-list details p {
        margin: 14px 0 0;
        color: #505a54;
      }

      /* Official resources */

      .multan-resources {
        padding: 26px;
        border-radius: 15px;
        background: var(--multan-beige);
      }

      .multan-resources h3 {
        font-size: 1.2rem;
      }

      .multan-resources ul {
        padding-left: 21px;
        margin-bottom: 0;
      }

      .multan-resources li {
        margin-bottom: 11px;
      }

      .multan-resources li:last-child {
        margin-bottom: 0;
      }

      /* Author */

      .multan-author {
        display: flex;
        gap: 19px;
        align-items: flex-start;
        margin-top: 36px;
        padding: 25px;
        border: 1px solid var(--multan-border);
        border-radius: 15px;
        background: #fff;
      }

      .multan-author__mark {
        display: flex;
        flex: 0 0 55px;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--multan-green);
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
      }

      .multan-author h3 {
        margin: 0 0 5px;
        font-family: "Inter", sans-serif;
        font-size: 1.06rem;
      }

      .multan-author p {
        margin-bottom: 8px;
        font-size: 0.9rem;
      }

      .multan-author p:last-child {
        margin-bottom: 0;
      }

      /* Related articles */

      .multan-related {
        padding: 65px 0;
        background: #f1f3ed;
      }

      .multan-related__heading {
        max-width: 670px;
        margin: 0 auto 30px;
        text-align: center;
      }

      .multan-related__heading p {
        color: var(--multan-muted);
      }

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

      .multan-related__card {
        padding: 24px;
        border: 1px solid var(--multan-border);
        border-radius: 14px;
        background: #fff;
      }

      .multan-related__card h3 {
        font-size: 1.2rem;
      }

      .multan-related__card p {
        color: var(--multan-muted);
        font-size: 0.9rem;
      }

      .multan-related__card a {
        font-weight: 700;
        text-decoration: none;
      }

      /* CTA */

      .multan-cta {
        padding: 64px 0;
        background: var(--multan-green);
        color: #fff;
        text-align: center;
      }

      .multan-cta h2 {
        max-width: 700px;
        margin: 0 auto 15px;
        color: #fff;
      }

      .multan-cta p {
        max-width: 670px;
        margin: 0 auto 24px;
        color: rgba(255, 255, 255, 0.86);
      }

      .multan-cta__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 8px;
        background: var(--multan-gold);
        color: #18352d !important;
        font-weight: 800;
        text-decoration: none !important;
        transition: background 0.2s ease;
      }

      .multan-cta__link:hover {
        background: #d7b978;
      }

      .multan-disclaimer {
        color: var(--multan-muted);
        font-size: 0.83rem;
      }

      /* Responsive */

      @media (max-width: 980px) {
        .multan-main-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 27px;
        }

        .multan-intro__grid {
          gap: 25px;
        }

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

      @media (max-width: 760px) {
        .multan-article .multan-container {
          width: min(100% - 30px, 650px);
        }

        .multan-hero {
          min-height: 430px;
        }

        .multan-hero__content {
          width: min(100% - 30px, 650px);
          padding: 65px 0 52px;
        }

        .multan-hero h1 {
          font-size: clamp(2.25rem, 9vw, 3.4rem);
        }

        .multan-intro {
          padding-top: 42px;
        }

        .multan-intro__grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }

        .multan-main-layout {
          display: flex;
          flex-direction: column;
          padding-top: 5px;
        }

        .multan-content {
          width: 100%;
        }

        .multan-toc {
          position: static;
          order: -1;
          width: 100%;
        }

        .multan-section {
          margin-bottom: 44px;
        }

        .multan-place-grid,
        .multan-info-grid {
          grid-template-columns: 1fr;
        }

        .multan-place-card {
          padding: 21px;
        }

        .multan-related__grid {
          grid-template-columns: 1fr;
        }

        .multan-advisory {
          padding: 21px;
        }

        .multan-author {
          padding: 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .multan-article *,
        .multan-article *::before,
        .multan-article *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }

      /* ========================================
           MURREE TRAVEL GUIDE
           
        ======================================== */
      .mg-article {
        --mg-green: #123d32;
        --mg-emerald: #1f7055;
        --mg-gold: #c6a15b;
        --mg-white: #fafaf6;
        --mg-beige: #f0ebdd;
        --mg-text: #242824;
        --mg-muted: #66716b;
        --mg-border: #e3e7df;
        background: var(--mg-white);
        color: var(--mg-text);
        font-family: "Inter", sans-serif;
        line-height: 1.8;
      }

      .mg-article *,
      .mg-article *::before,
      .mg-article *::after {
        box-sizing: border-box;
      }

      .mg-article img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      .mg-article a {
        color: var(--mg-emerald);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .mg-article a:hover {
        color: var(--mg-green);
      }

      .mg-article a:focus-visible {
        outline: 3px solid var(--mg-gold);
        outline-offset: 4px;
      }

      .mg-container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Brand logo and favicon alignment with the main website. */
      .site-header .brand {
        display: flex;
        align-items: center;
        gap: 12px;
        text-decoration: none;
      }

      .site-header .brand__logo {
        display: block;
        width: 180px;
        max-width: 42vw;
        height: auto;
        object-fit: contain;
      }

      .site-header .brand__promise {
        max-width: 155px;
        color: var(--mg-green);
        font-size: 0.68rem;
        font-weight: 600;
        line-height: 1.45;
      }

      .site-footer .brand {
        display: inline-flex;
        align-items: center;
      }

      .site-footer .brand__logo {
        display: block;
        width: 190px;
        max-width: 100%;
        height: auto;
        object-fit: contain;
      }

      /* Breadcrumb */
      .mg-breadcrumb {
        padding: 18px 0;
        border-bottom: 1px solid var(--mg-border);
        font-size: 0.85rem;
      }

      .mg-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .mg-breadcrumb li {
        color: var(--mg-muted);
      }

      .mg-breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        color: #a0aaa2;
      }

      .mg-breadcrumb a {
        text-decoration: none;
      }

      /* Hero */
      .mg-hero {
        position: relative;
        display: flex;
        align-items: end;
        min-height: 510px;
        overflow: hidden;
        background: var(--mg-green);
        color: #fff;
      }

      .mg-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .mg-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            90deg,
            rgba(10, 30, 26, 0.88) 0%,
            rgba(10, 30, 26, 0.62) 53%,
            rgba(10, 30, 26, 0.15) 100%
          ),
          linear-gradient(0deg, rgba(10, 30, 26, 0.42), transparent 58%);
        pointer-events: none;
      }

      .mg-hero__content {
        position: relative;
        z-index: 1;
        width: min(1160px, calc(100% - 40px));
        margin: 0 auto;
        padding: 85px 0 78px;
      }

      .mg-eyebrow {
        display: inline-block;
        color: #f1d89c;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .mg-hero h1 {
        max-width: 860px;
        margin: 18px 0;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(2.5rem, 5.8vw, 4.6rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      .mg-hero__intro {
        max-width: 740px;
        margin: 0 0 27px;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.15rem);
      }

      .mg-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      /* Type */
      .mg-article h2,
      .mg-article h3 {
        color: var(--mg-green);
        font-family: "Playfair Display", serif;
        line-height: 1.32;
      }

      .mg-article h2 {
        margin: 0 0 22px;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
      }

      .mg-article h3 {
        margin: 0 0 12px;
        font-size: 1.35rem;
      }

      .mg-article p {
        margin: 0 0 19px;
      }

      /* Intro and key facts */
      .mg-intro {
        padding: 62px 0 25px;
      }

      .mg-intro__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
        gap: 40px;
        align-items: start;
      }

      .mg-intro__aside {
        padding: 27px;
        border: 1px solid var(--mg-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(18, 61, 50, 0.05);
      }

      .mg-intro__aside h3 {
        margin-bottom: 17px;
      }

      .mg-fact-list {
        display: grid;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .mg-fact-list li {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 13px 0;
        border-bottom: 1px solid var(--mg-border);
      }

      .mg-fact-list li:last-child {
        border-bottom: 0;
      }

      .mg-fact-list strong {
        color: var(--mg-green);
        font-size: 0.87rem;
      }

      .mg-fact-list span {
        color: var(--mg-muted);
        font-size: 0.9rem;
      }

      /* Seasonal road advisory */
      .mg-advisory {
        margin: 18px 0 42px;
        padding: 27px 28px;
        border: 1px solid #e4d2aa;
        border-left: 5px solid var(--mg-gold);
        border-radius: 12px;
        background: #fff9ed;
      }

      .mg-advisory h2 {
        margin-bottom: 13px;
        font-family: "Inter", sans-serif;
        font-size: 1.2rem;
      }

      .mg-advisory p:last-child {
        margin-bottom: 0;
      }

      /* Two-column article layout */
      .mg-main-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 46px;
        align-items: start;
        padding: 15px 0 70px;
      }

      .mg-content {
        min-width: 0;
      }

      .mg-section {
        margin-bottom: 58px;
        scroll-margin-top: 100px;
      }

      .mg-section__lead {
        color: var(--mg-muted);
        font-size: 1.04rem;
      }

      .mg-toc {
        position: sticky;
        top: 25px;
        padding: 25px 23px;
        border: 1px solid var(--mg-border);
        border-radius: 15px;
        background: #fff;
      }

      .mg-toc h2 {
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
        font-size: 1.08rem;
      }

      .mg-toc ol {
        padding-left: 19px;
        margin: 0;
      }

      .mg-toc li {
        margin-bottom: 10px;
        padding-left: 2px;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .mg-toc li:last-child {
        margin-bottom: 0;
      }

      .mg-toc a {
        color: var(--mg-text);
        text-decoration: none;
      }

      .mg-toc a:hover {
        color: var(--mg-emerald);
        text-decoration: underline;
      }

      .mg-toc__note {
        margin-top: 21px;
        padding-top: 17px;
        border-top: 1px solid var(--mg-border);
        color: var(--mg-muted);
        font-size: 0.82rem;
      }

      /* Attraction cards */
      .mg-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
      }

      .mg-place-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px;
        border: 1px solid var(--mg-border);
        border-radius: 15px;
        background: #fff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .mg-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.07);
      }

      .mg-place-card__number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 15px;
        border-radius: 50%;
        background: var(--mg-beige);
        color: var(--mg-green);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .mg-place-card h3 {
        font-size: 1.23rem;
      }

      .mg-place-card p {
        margin-bottom: 0;
        color: #505a54;
        font-size: 0.93rem;
      }

      .mg-place-card__tag {
        margin-top: auto;
        padding-top: 18px;
        color: var(--mg-emerald);
        font-size: 0.8rem;
        font-weight: 700;
      }

      /* Feature images */
      .mg-feature-image {
        overflow: hidden;
        margin: 28px 0;
        border-radius: 16px;
        background: var(--mg-beige);
      }

      .mg-feature-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
      }

      .mg-feature-image figcaption {
        padding: 12px 15px;
        color: var(--mg-muted);
        font-size: 0.82rem;
      }

      .mg-check-list,
      .mg-plain-list {
        padding-left: 23px;
        margin: 18px 0 22px;
      }

      .mg-check-list li,
      .mg-plain-list li {
        margin-bottom: 12px;
        padding-left: 4px;
      }

      .mg-check-list li::marker {
        color: var(--mg-emerald);
      }

      /* Info cards and itinerary */
      .mg-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin: 25px 0;
      }

      .mg-info-card {
        padding: 22px;
        border-radius: 13px;
        background: var(--mg-beige);
      }

      .mg-info-card h3 {
        font-size: 1.15rem;
      }

      .mg-info-card p:last-child {
        margin-bottom: 0;
      }

      .mg-itinerary {
        display: grid;
        gap: 18px;
        margin-top: 25px;
      }

      .mg-itinerary__day {
        padding: 25px;
        border: 1px solid var(--mg-border);
        border-radius: 15px;
        background: #fff;
      }

      .mg-itinerary__label {
        display: inline-block;
        margin-bottom: 11px;
        color: var(--mg-emerald);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .mg-itinerary__day h3 {
        margin-bottom: 13px;
      }

      .mg-itinerary__day p:last-child {
        margin-bottom: 0;
      }

      .mg-practical-box {
        padding: 24px 27px;
        border-radius: 14px;
        background: #f1f5f0;
      }

      .mg-practical-box h3 {
        font-size: 1.2rem;
      }

      /* FAQ */
      .mg-faq-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }

      .mg-faq-list details {
        padding: 18px 21px;
        border: 1px solid var(--mg-border);
        border-radius: 12px;
        background: #fff;
      }

      .mg-faq-list summary {
        color: var(--mg-green);
        font-weight: 700;
        cursor: pointer;
      }

      .mg-faq-list details p {
        margin: 14px 0 0;
        color: #505a54;
      }

      /* Official resources */
      .mg-resources {
        padding: 26px;
        border-radius: 15px;
        background: var(--mg-beige);
      }

      .mg-resources h3 {
        font-size: 1.2rem;
      }

      .mg-resources ul {
        padding-left: 21px;
        margin-bottom: 0;
      }

      .mg-resources li {
        margin-bottom: 11px;
      }

      .mg-resources li:last-child {
        margin-bottom: 0;
      }

      /* Author */
      .mg-author {
        display: flex;
        gap: 19px;
        align-items: flex-start;
        margin-top: 36px;
        padding: 25px;
        border: 1px solid var(--mg-border);
        border-radius: 15px;
        background: #fff;
      }

      .mg-author__mark {
        display: flex;
        flex: 0 0 55px;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--mg-green);
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
      }

      .mg-author h3 {
        margin: 0 0 5px;
        font-family: "Inter", sans-serif;
        font-size: 1.06rem;
      }

      .mg-author p {
        margin-bottom: 8px;
        font-size: 0.9rem;
      }

      .mg-author p:last-child {
        margin-bottom: 0;
      }

      /* Related articles */
      .mg-related {
        padding: 65px 0;
        background: #f1f3ed;
      }

      .mg-related__heading {
        max-width: 670px;
        margin: 0 auto 30px;
        text-align: center;
      }

      .mg-related__heading p {
        color: var(--mg-muted);
      }

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

      .mg-related__card {
        padding: 24px;
        border: 1px solid var(--mg-border);
        border-radius: 14px;
        background: #fff;
      }

      .mg-related__card h3 {
        font-size: 1.2rem;
      }

      .mg-related__card p {
        color: var(--mg-muted);
        font-size: 0.9rem;
      }

      .mg-related__card a {
        font-weight: 700;
        text-decoration: none;
      }

      /* Final call-to-action */
      .mg-cta {
        padding: 64px 0;
        background: var(--mg-green);
        color: #fff;
        text-align: center;
      }

      .mg-cta h2 {
        max-width: 700px;
        margin: 0 auto 15px;
        color: #fff;
      }

      .mg-cta p {
        max-width: 700px;
        margin: 0 auto 24px;
        color: rgba(255, 255, 255, 0.86);
      }

      .mg-cta__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 8px;
        background: var(--mg-gold);
        color: #18352d !important;
        font-weight: 800;
        text-decoration: none !important;
        transition: background 0.2s ease;
      }

      .mg-cta__link:hover {
        background: #d7b978;
      }

      .mg-disclaimer {
        color: var(--mg-muted);
        font-size: 0.83rem;
      }

      @media (max-width: 980px) {
        .mg-main-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 27px;
        }

        .mg-intro__grid {
          gap: 25px;
        }

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

        .site-header .brand__promise {
          display: none;
        }
      }

      @media (max-width: 760px) {
        .mg-container {
          width: min(100% - 30px, 650px);
        }

        .mg-hero {
          min-height: 430px;
        }

        .mg-hero__content {
          width: min(100% - 30px, 650px);
          padding: 65px 0 52px;
        }

        .mg-hero h1 {
          font-size: clamp(2.25rem, 9vw, 3.4rem);
        }

        .mg-intro {
          padding-top: 42px;
        }

        .mg-intro__grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }

        .mg-main-layout {
          display: flex;
          flex-direction: column;
          padding-top: 5px;
        }

        .mg-content {
          width: 100%;
        }

        .mg-toc {
          position: static;
          order: -1;
          width: 100%;
        }

        .mg-section {
          margin-bottom: 44px;
        }

        .mg-place-grid,
        .mg-info-grid {
          grid-template-columns: 1fr;
        }

        .mg-place-card {
          padding: 21px;
        }

        .mg-related__grid {
          grid-template-columns: 1fr;
        }

        .mg-advisory {
          padding: 21px;
        }

        .mg-author {
          padding: 20px;
        }

        .site-header .brand__logo {
          width: 150px;
        }

        .site-footer .brand__logo {
          width: 175px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .mg-article *,
        .mg-article *::before,
        .mg-article *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }
    
      /* ========================================
           NARAN KAGHAN TRAVEL GUIDE           
        ======================================== */

      .nk-article {
        --nk-green: #123d32;
        --nk-emerald: #1f7055;
        --nk-gold: #c6a15b;
        --nk-white: #fafaf6;
        --nk-beige: #f0ebdd;
        --nk-text: #242824;
        --nk-muted: #66716b;
        --nk-border: #e3e7df;

        background: var(--nk-white);
        color: var(--nk-text);
        font-family: "Inter", sans-serif;
        line-height: 1.8;
      }

      .nk-article *,
      .nk-article *::before,
      .nk-article *::after {
        box-sizing: border-box;
      }

      .nk-article img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      .nk-article a {
        color: var(--nk-emerald);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .nk-article a:hover {
        color: var(--nk-green);
      }

      .nk-article a:focus-visible {
        outline: 3px solid var(--nk-gold);
        outline-offset: 4px;
      }

      .nk-container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Breadcrumb */

      .nk-breadcrumb {
        padding: 18px 0;
        border-bottom: 1px solid var(--nk-border);
        font-size: 0.85rem;
      }

      .nk-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .nk-breadcrumb li {
        color: var(--nk-muted);
      }

      .nk-breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        color: #a0aaa2;
      }

      .nk-breadcrumb a {
        text-decoration: none;
      }

      /* Hero */

      .nk-hero {
        position: relative;
        display: flex;
        align-items: end;
        min-height: 510px;
        overflow: hidden;
        background: var(--nk-green);
        color: #fff;
      }

      .nk-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .nk-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            90deg,
            rgba(10, 30, 26, 0.88) 0%,
            rgba(10, 30, 26, 0.62) 53%,
            rgba(10, 30, 26, 0.15) 100%
          ),
          linear-gradient(0deg, rgba(10, 30, 26, 0.42), transparent 58%);
        pointer-events: none;
      }

      .nk-hero__content {
        position: relative;
        z-index: 1;
        width: min(1160px, calc(100% - 40px));
        margin: 0 auto;
        padding: 85px 0 78px;
      }

      .nk-eyebrow {
        display: inline-block;
        color: #f1d89c;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .nk-hero h1 {
        max-width: 850px;
        margin: 18px 0;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(2.5rem, 5.8vw, 4.6rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      .nk-hero__intro {
        max-width: 730px;
        margin: 0 0 27px;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.15rem);
      }

      .nk-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      /* General typography */

      .nk-article h2,
      .nk-article h3 {
        color: var(--nk-green);
        font-family: "Playfair Display", serif;
        line-height: 1.32;
      }

      .nk-article h2 {
        margin: 0 0 22px;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
      }

      .nk-article h3 {
        margin: 0 0 12px;
        font-size: 1.35rem;
      }

      .nk-article p {
        margin: 0 0 19px;
      }

      /* Intro */

      .nk-intro {
        padding: 62px 0 25px;
      }

      .nk-intro__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
        gap: 40px;
        align-items: start;
      }

      .nk-intro__aside {
        padding: 27px;
        border: 1px solid var(--nk-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(18, 61, 50, 0.05);
      }

      .nk-intro__aside h3 {
        margin-bottom: 17px;
      }

      .nk-fact-list {
        display: grid;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .nk-fact-list li {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 13px 0;
        border-bottom: 1px solid var(--nk-border);
      }

      .nk-fact-list li:last-child {
        border-bottom: 0;
      }

      .nk-fact-list strong {
        color: var(--nk-green);
        font-size: 0.87rem;
      }

      .nk-fact-list span {
        color: var(--nk-muted);
        font-size: 0.9rem;
      }

      /* Seasonal access advisory */

      .nk-advisory {
        margin: 18px 0 42px;
        padding: 27px 28px;
        border: 1px solid #e4d2aa;
        border-left: 5px solid var(--nk-gold);
        border-radius: 12px;
        background: #fff9ed;
      }

      .nk-advisory h2 {
        margin-bottom: 13px;
        font-family: "Inter", sans-serif;
        font-size: 1.2rem;
      }

      .nk-advisory p:last-child {
        margin-bottom: 0;
      }

      /* Main layout */

      .nk-main-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 46px;
        align-items: start;
        padding: 15px 0 70px;
      }

      .nk-content {
        min-width: 0;
      }

      .nk-section {
        margin-bottom: 58px;
        scroll-margin-top: 100px;
      }

      .nk-section__lead {
        color: var(--nk-muted);
        font-size: 1.04rem;
      }

      /* Table of contents */

      .nk-toc {
        position: sticky;
        top: 25px;
        padding: 25px 23px;
        border: 1px solid var(--nk-border);
        border-radius: 15px;
        background: #fff;
      }

      .nk-toc h2 {
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
        font-size: 1.08rem;
      }

      .nk-toc ol {
        padding-left: 19px;
        margin: 0;
      }

      .nk-toc li {
        margin-bottom: 10px;
        padding-left: 2px;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .nk-toc li:last-child {
        margin-bottom: 0;
      }

      .nk-toc a {
        color: var(--nk-text);
        text-decoration: none;
      }

      .nk-toc a:hover {
        color: var(--nk-emerald);
        text-decoration: underline;
      }

      .nk-toc__note {
        margin-top: 21px;
        padding-top: 17px;
        border-top: 1px solid var(--nk-border);
        color: var(--nk-muted);
        font-size: 0.82rem;
      }

      /* Destination cards */

      .nk-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
      }

      .nk-place-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px;
        border: 1px solid var(--nk-border);
        border-radius: 15px;
        background: #fff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .nk-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.07);
      }

      .nk-place-card__number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 15px;
        border-radius: 50%;
        background: var(--nk-beige);
        color: var(--nk-green);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .nk-place-card h3 {
        font-size: 1.23rem;
      }

      .nk-place-card p {
        margin-bottom: 0;
        color: #505a54;
        font-size: 0.93rem;
      }

      .nk-place-card__tag {
        margin-top: auto;
        padding-top: 18px;
        color: var(--nk-emerald);
        font-size: 0.8rem;
        font-weight: 700;
      }

      /* Feature images */

      .nk-feature-image {
        overflow: hidden;
        margin: 28px 0;
        border-radius: 16px;
        background: var(--nk-beige);
      }

      .nk-feature-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
      }

      .nk-feature-image figcaption {
        padding: 12px 15px;
        color: var(--nk-muted);
        font-size: 0.82rem;
      }

      /* Lists */

      .nk-check-list,
      .nk-plain-list {
        padding-left: 23px;
        margin: 18px 0 22px;
      }

      .nk-check-list li,
      .nk-plain-list li {
        margin-bottom: 12px;
        padding-left: 4px;
      }

      .nk-check-list li::marker {
        color: var(--nk-emerald);
      }

      /* Info cards */

      .nk-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin: 25px 0;
      }

      .nk-info-card {
        padding: 22px;
        border-radius: 13px;
        background: var(--nk-beige);
      }

      .nk-info-card h3 {
        font-size: 1.15rem;
      }

      .nk-info-card p:last-child {
        margin-bottom: 0;
      }

      /* Itinerary */

      .nk-itinerary {
        display: grid;
        gap: 18px;
        margin-top: 25px;
      }

      .nk-itinerary__day {
        padding: 25px;
        border: 1px solid var(--nk-border);
        border-radius: 15px;
        background: #fff;
      }

      .nk-itinerary__label {
        display: inline-block;
        margin-bottom: 11px;
        color: var(--nk-emerald);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .nk-itinerary__day h3 {
        margin-bottom: 13px;
      }

      .nk-itinerary__day p:last-child {
        margin-bottom: 0;
      }

      /* Practical advice */

      .nk-practical-box {
        padding: 24px 27px;
        border-radius: 14px;
        background: #f1f5f0;
      }

      .nk-practical-box h3 {
        font-size: 1.2rem;
      }

      /* FAQs */

      .nk-faq-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }

      .nk-faq-list details {
        padding: 18px 21px;
        border: 1px solid var(--nk-border);
        border-radius: 12px;
        background: #fff;
      }

      .nk-faq-list summary {
        color: var(--nk-green);
        font-weight: 700;
        cursor: pointer;
      }

      .nk-faq-list details p {
        margin: 14px 0 0;
        color: #505a54;
      }

      /* Official resources */

      .nk-resources {
        padding: 26px;
        border-radius: 15px;
        background: var(--nk-beige);
      }

      .nk-resources h3 {
        font-size: 1.2rem;
      }

      .nk-resources ul {
        padding-left: 21px;
        margin-bottom: 0;
      }

      .nk-resources li {
        margin-bottom: 11px;
      }

      .nk-resources li:last-child {
        margin-bottom: 0;
      }

      /* Author */

      .nk-author {
        display: flex;
        gap: 19px;
        align-items: flex-start;
        margin-top: 36px;
        padding: 25px;
        border: 1px solid var(--nk-border);
        border-radius: 15px;
        background: #fff;
      }

      .nk-author__mark {
        display: flex;
        flex: 0 0 55px;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--nk-green);
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
      }

      .nk-author h3 {
        margin: 0 0 5px;
        font-family: "Inter", sans-serif;
        font-size: 1.06rem;
      }

      .nk-author p {
        margin-bottom: 8px;
        font-size: 0.9rem;
      }

      .nk-author p:last-child {
        margin-bottom: 0;
      }

      /* Related articles */

      .nk-related {
        padding: 65px 0;
        background: #f1f3ed;
      }

      .nk-related__heading {
        max-width: 670px;
        margin: 0 auto 30px;
        text-align: center;
      }

      .nk-related__heading p {
        color: var(--nk-muted);
      }

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

      .nk-related__card {
        padding: 24px;
        border: 1px solid var(--nk-border);
        border-radius: 14px;
        background: #fff;
      }

      .nk-related__card h3 {
        font-size: 1.2rem;
      }

      .nk-related__card p {
        color: var(--nk-muted);
        font-size: 0.9rem;
      }

      .nk-related__card a {
        font-weight: 700;
        text-decoration: none;
      }

      /* CTA */

      .nk-cta {
        padding: 64px 0;
        background: var(--nk-green);
        color: #fff;
        text-align: center;
      }

      .nk-cta h2 {
        max-width: 700px;
        margin: 0 auto 15px;
        color: #fff;
      }

      .nk-cta p {
        max-width: 700px;
        margin: 0 auto 24px;
        color: rgba(255, 255, 255, 0.86);
      }

      .nk-cta__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 8px;
        background: var(--nk-gold);
        color: #18352d !important;
        font-weight: 800;
        text-decoration: none !important;
        transition: background 0.2s ease;
      }

      .nk-cta__link:hover {
        background: #d7b978;
      }

      .nk-disclaimer {
        color: var(--nk-muted);
        font-size: 0.83rem;
      }

      /* Responsive */

      @media (max-width: 980px) {
        .nk-main-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 27px;
        }

        .nk-intro__grid {
          gap: 25px;
        }

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

      @media (max-width: 760px) {
        .nk-container {
          width: min(100% - 30px, 650px);
        }

        .nk-hero {
          min-height: 430px;
        }

        .nk-hero__content {
          width: min(100% - 30px, 650px);
          padding: 65px 0 52px;
        }

        .nk-hero h1 {
          font-size: clamp(2.25rem, 9vw, 3.4rem);
        }

        .nk-intro {
          padding-top: 42px;
        }

        .nk-intro__grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }

        .nk-main-layout {
          display: flex;
          flex-direction: column;
          padding-top: 5px;
        }

        .nk-content {
          width: 100%;
        }

        .nk-toc {
          position: static;
          order: -1;
          width: 100%;
        }

        .nk-section {
          margin-bottom: 44px;
        }

        .nk-place-grid,
        .nk-info-grid {
          grid-template-columns: 1fr;
        }

        .nk-place-card {
          padding: 21px;
        }

        .nk-related__grid {
          grid-template-columns: 1fr;
        }

        .nk-advisory {
          padding: 21px;
        }

        .nk-author {
          padding: 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .nk-article *,
        .nk-article *::before,
        .nk-article *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }
     
      /* =========================================
           PAKISTAN TRAVEL SAFETY GUIDE
        ========================================= */

      .safety-article {
        --safety-green: #123d32;
        --safety-emerald: #1f7055;
        --safety-cream: #fafaf6;
        --safety-beige: #f0ebdd;
        --safety-gold: #c6a15b;
        --safety-text: #343a34;
        --safety-muted: #687067;
        --safety-border: #e6e5da;

        overflow: hidden;
        color: var(--safety-text);
        background: var(--safety-cream);
      }

      .safety-article *,
      .safety-article *::before,
      .safety-article *::after {
        box-sizing: border-box;
      }

      .safety-article img {
        display: block;
        max-width: 100%;
      }

      .safety-article a {
        overflow-wrap: anywhere;
      }

      .safety-article .container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Hero */

      .safety-hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 510px;
        padding: 78px 0;
        isolation: isolate;
        background: var(--safety-green);
      }

      .safety-hero__image {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .safety-hero::after {
        position: absolute;
        inset: 0;
        z-index: -1;
        content: "";
        background: linear-gradient(
          90deg,
          rgba(8, 35, 28, 0.93) 0%,
          rgba(8, 35, 28, 0.76) 56%,
          rgba(8, 35, 28, 0.3) 100%
        );
      }

      .safety-hero__content {
        width: 100%;
        max-width: 850px;
        color: #ffffff;
      }

      .safety-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 9px;
        margin-bottom: 27px;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.85rem;
      }

      .safety-breadcrumb a {
        color: #ffffff;
        text-decoration: none;
      }

      .safety-breadcrumb a:hover {
        color: #e6c98d;
        text-decoration: underline;
      }

      .safety-hero__eyebrow {
        display: inline-block;
        margin-bottom: 16px;
        color: #e6c98d;
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
      }

      .safety-hero__title {
        max-width: 850px;
        margin: 0 0 22px;
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(2.5rem, 6vw, 4.65rem);
        font-weight: 600;
        line-height: 1.12;
      }

      .safety-hero__description {
        max-width: 750px;
        margin: 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.12rem);
        line-height: 1.9;
      }

      .safety-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        margin-top: 26px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      /* Article overview */

      .safety-overview {
        padding: 34px 0 0;
      }

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

      .safety-overview__item {
        padding: 23px;
        border: 1px solid var(--safety-border);
        border-radius: 13px;
        background: #ffffff;
      }

      .safety-overview__label {
        display: block;
        margin-bottom: 9px;
        color: var(--safety-muted);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
      }

      .safety-overview__value {
        display: block;
        color: var(--safety-green);
        font-size: 0.98rem;
        font-weight: 700;
        line-height: 1.6;
      }

      /* Main article layout */

      .safety-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 48px;
        align-items: start;
        padding-top: 52px;
        padding-bottom: 85px;
      }

      .safety-content {
        min-width: 0;
        font-size: 1rem;
        line-height: 1.95;
      }

      .safety-content p {
        margin: 0 0 20px;
        color: #50574f;
      }

      .safety-content a {
        color: var(--safety-emerald);
        font-weight: 600;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .safety-content a:hover {
        color: var(--safety-green);
      }

      .safety-section {
        margin-top: 49px;
        scroll-margin-top: 30px;
      }

      .safety-section:first-child {
        margin-top: 0;
      }

      .safety-section h2 {
        margin: 0 0 19px;
        color: var(--safety-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.85rem, 4vw, 2.5rem);
        font-weight: 600;
        line-height: 1.28;
      }

      .safety-section h3 {
        margin: 0 0 10px;
        color: var(--safety-green);
        font-size: 1.12rem;
        line-height: 1.5;
      }

      .safety-lead {
        color: #414a41 !important;
        font-size: 1.1rem;
        line-height: 1.95;
      }

      /* Table of contents */

      .safety-sidebar {
        position: sticky;
        top: 25px;
      }

      .safety-toc {
        padding: 25px 23px;
        border: 1px solid var(--safety-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .safety-toc h2 {
        margin: 0 0 17px;
        color: var(--safety-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.35rem;
        line-height: 1.4;
      }

      .safety-toc ol {
        display: grid;
        gap: 10px;
        margin: 0;
        padding-left: 21px;
      }

      .safety-toc li {
        padding-left: 3px;
        color: var(--safety-muted);
        font-size: 0.86rem;
        line-height: 1.6;
      }

      .safety-toc a {
        color: #515950;
        font-weight: 500;
        text-decoration: none;
      }

      .safety-toc a:hover {
        color: var(--safety-emerald);
        text-decoration: underline;
      }

      .safety-toc__note {
        margin-top: 20px;
        padding-top: 16px;
        border-top: 1px solid var(--safety-border);
        color: var(--safety-muted);
        font-size: 0.82rem;
        line-height: 1.8;
      }

      /* General callouts */

      .safety-callout {
        margin: 28px 0;
        padding: 25px 27px;
        border-left: 4px solid var(--safety-gold);
        border-radius: 0 11px 11px 0;
        background: #f3efe3;
      }

      .safety-callout h3 {
        margin: 0 0 9px;
        color: var(--safety-green);
        font-size: 1.06rem;
      }

      .safety-callout p {
        margin: 0;
        color: #555b52;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      /* Current advisory */

      .safety-alert {
        margin: 29px 0;
        padding: 27px;
        border: 1px solid #e6cca6;
        border-left: 5px solid #a85e20;
        border-radius: 11px;
        background: #fff7ea;
      }

      .safety-alert__label {
        display: block;
        margin-bottom: 10px;
        color: #8a4a16;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 1.4px;
        text-transform: uppercase;
      }

      .safety-alert h3 {
        margin: 0 0 13px;
        color: #71390d;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.5rem;
        line-height: 1.4;
      }

      .safety-alert p {
        margin: 0 0 13px;
        color: #634c36;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      .safety-alert p:last-child {
        margin-bottom: 0;
      }

      .safety-alert a {
        color: #763c0d;
      }

      /* Information cards */

      .safety-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin: 24px 0;
      }

      .safety-info-card {
        padding: 23px;
        border: 1px solid var(--safety-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .safety-info-card h3 {
        margin: 0 0 10px;
        color: var(--safety-green);
        font-size: 1.04rem;
      }

      .safety-info-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      /* Checklists */

      .safety-checklist {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
        margin: 23px 0;
      }

      .safety-checklist__item {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 16px;
        border: 1px solid var(--safety-border);
        border-radius: 10px;
        background: #ffffff;
        color: #51574f;
        font-size: 0.91rem;
        line-height: 1.7;
      }

      .safety-checklist__mark {
        display: inline-flex;
        flex: 0 0 25px;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #e3ede5;
        color: var(--safety-green);
        font-size: 0.82rem;
        font-weight: 700;
      }

      /* Steps */

      .safety-steps {
        display: grid;
        gap: 0;
        margin-top: 23px;
      }

      .safety-step {
        display: grid;
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 18px;
        padding: 22px 0;
        border-bottom: 1px solid var(--safety-border);
      }

      .safety-step:last-child {
        border-bottom: 0;
      }

      .safety-step__number {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 11px;
        background: #e7efe8;
        color: var(--safety-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.25rem;
        font-weight: 600;
      }

      .safety-step h3 {
        margin: 0 0 8px;
        color: var(--safety-green);
        font-size: 1.08rem;
      }

      .safety-step p {
        margin: 0;
        color: #62675f;
        font-size: 0.93rem;
        line-height: 1.85;
      }

      /* Emergency contacts */

      .safety-emergency-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin: 24px 0;
      }

      .safety-emergency-card {
        padding: 22px 17px;
        border: 1px solid var(--safety-border);
        border-radius: 12px;
        background: #ffffff;
        text-align: center;
      }

      .safety-emergency-card__label {
        display: block;
        margin-bottom: 8px;
        color: var(--safety-muted);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.6px;
        text-transform: uppercase;
      }

      .safety-emergency-card__number {
        display: block;
        margin-bottom: 8px;
        color: var(--safety-green);
        font-size: 1.55rem;
        font-weight: 700;
        line-height: 1.2;
      }

      .safety-emergency-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.84rem;
        line-height: 1.65;
      }

      /* FAQ */

      .safety-faq {
        display: grid;
        gap: 15px;
        margin-top: 24px;
      }

      .safety-faq__item {
        padding: 23px;
        border: 1px solid var(--safety-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .safety-faq__item h3 {
        margin: 0 0 10px;
        color: var(--safety-green);
        font-size: 1.04rem;
      }

      .safety-faq__item p {
        margin: 0;
        color: #62675f;
        font-size: 0.93rem;
        line-height: 1.9;
      }

      /* Official resources */

      .safety-resources {
        display: grid;
        gap: 13px;
        margin-top: 20px;
      }

      .safety-resource {
        padding: 18px 20px;
        border: 1px solid var(--safety-border);
        border-radius: 10px;
        background: #ffffff;
      }

      .safety-resource a {
        display: inline-block;
        margin-bottom: 5px;
        color: var(--safety-emerald);
        font-weight: 700;
      }

      .safety-resource p {
        margin: 0;
        color: var(--safety-muted);
        font-size: 0.88rem;
        line-height: 1.8;
      }

      /* Author */

      .safety-author {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-top: 48px;
        padding: 26px;
        border: 1px solid var(--safety-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .safety-author__mark {
        display: flex;
        flex: 0 0 58px;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--safety-green);
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.22rem;
        font-weight: 700;
      }

      .safety-author h3 {
        margin: 0 0 7px;
        color: var(--safety-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.3rem;
      }

      .safety-author p {
        margin: 0;
        color: #62675f;
        font-size: 0.9rem;
        line-height: 1.85;
      }

      /* Related articles */

      .safety-related {
        padding: 70px 0;
        background: var(--safety-beige);
      }

      .safety-related__header {
        max-width: 720px;
        margin-bottom: 32px;
      }

      .safety-related__eyebrow {
        display: block;
        margin-bottom: 10px;
        color: var(--safety-emerald);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
      }

      .safety-related__title {
        margin: 0 0 13px;
        color: var(--safety-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.9rem, 4vw, 2.6rem);
        line-height: 1.25;
      }

      .safety-related__intro {
        margin: 0;
        color: #62675f;
        line-height: 1.85;
      }

      .safety-related__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
      }

      .safety-related-card {
        padding: 25px;
        border: 1px solid rgba(18, 61, 50, 0.1);
        border-radius: 13px;
        background: #ffffff;
      }

      .safety-related-card h3 {
        margin: 0 0 10px;
        color: var(--safety-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.28rem;
        line-height: 1.45;
      }

      .safety-related-card p {
        margin: 0 0 15px;
        color: #62675f;
        font-size: 0.91rem;
        line-height: 1.8;
      }

      .safety-related-card a {
        color: var(--safety-emerald);
        font-size: 0.9rem;
        font-weight: 700;
        text-decoration: none;
      }

      .safety-related-card a:hover {
        text-decoration: underline;
      }

      /* Accessibility */

      .safety-article a:focus-visible {
        outline: 3px solid var(--safety-gold);
        outline-offset: 4px;
      }

      /* Responsive */

      @media (max-width: 1000px) {
        .safety-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 30px;
        }
      }

      @media (max-width: 850px) {
        .safety-layout {
          grid-template-columns: 1fr;
          gap: 32px;
          padding-top: 42px;
        }

        .safety-sidebar {
          position: static;
          grid-row: 1;
        }

        .safety-toc ol {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 24px;
        }

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

      @media (max-width: 600px) {
        .safety-article .container {
          width: min(100% - 30px, 1160px);
        }

        .safety-hero {
          min-height: 460px;
          padding: 59px 0;
        }

        .safety-hero__title {
          font-size: clamp(2.3rem, 11vw, 3.4rem);
        }

        .safety-breadcrumb {
          gap: 6px;
          margin-bottom: 22px;
          font-size: 0.79rem;
        }

        .safety-hero__meta {
          gap: 10px 14px;
          font-size: 0.8rem;
        }

        .safety-overview {
          padding-top: 22px;
        }

        .safety-overview__grid {
          grid-template-columns: 1fr;
          gap: 11px;
        }

        .safety-overview__item {
          padding: 17px 19px;
        }

        .safety-layout {
          padding-top: 30px;
          padding-bottom: 58px;
        }

        .safety-toc {
          padding: 22px;
        }

        .safety-toc ol {
          grid-template-columns: 1fr;
        }

        .safety-section {
          margin-top: 40px;
        }

        .safety-section h2 {
          font-size: 1.9rem;
        }

        .safety-info-grid,
        .safety-checklist,
        .safety-related__grid {
          grid-template-columns: 1fr;
        }

        .safety-callout,
        .safety-alert {
          padding: 22px 19px;
        }

        .safety-step {
          grid-template-columns: 49px minmax(0, 1fr);
          gap: 13px;
        }

        .safety-step__number {
          width: 43px;
          height: 43px;
          font-size: 1.1rem;
        }

        .safety-emergency-grid {
          grid-template-columns: 1fr;
        }

        .safety-emergency-card {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          align-items: center;
          gap: 4px 15px;
          padding: 18px;
          text-align: left;
        }

        .safety-emergency-card__label {
          margin: 0;
          text-align: left;
        }

        .safety-emergency-card__number {
          grid-column: 2;
          grid-row: 1 / span 2;
          margin: 0;
        }

        .safety-emergency-card p {
          grid-column: 1;
        }

        .safety-author {
          flex-direction: column;
          padding: 22px;
        }

        .safety-related {
          padding: 53px 0;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .safety-article *,
        .safety-article *::before,
        .safety-article *::after {
          scroll-behavior: auto !important;
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
        }
      }
     
      /* =========================================
           PAKISTAN TRAVEL COST ARTICLE
        ========================================= */

      .cost-article {
        --cost-green: #123d32;
        --cost-emerald: #1f7055;
        --cost-cream: #fafaf6;
        --cost-beige: #f0ebdd;
        --cost-gold: #c6a15b;
        --cost-text: #343a34;
        --cost-muted: #687067;
        --cost-border: #e6e5da;

        overflow: hidden;
        color: var(--cost-text);
        background: var(--cost-cream);
      }

      .cost-article *,
      .cost-article *::before,
      .cost-article *::after {
        box-sizing: border-box;
      }

      .cost-article img {
        display: block;
        max-width: 100%;
      }

      .cost-article a {
        overflow-wrap: anywhere;
      }

      .cost-article .container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Hero */

      .cost-hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 500px;
        padding: 76px 0;
        isolation: isolate;
        background: var(--cost-green);
      }

      .cost-hero__image {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .cost-hero::after {
        position: absolute;
        inset: 0;
        z-index: -1;
        content: "";
        background: linear-gradient(
          90deg,
          rgba(8, 35, 28, 0.92) 0%,
          rgba(8, 35, 28, 0.73) 56%,
          rgba(8, 35, 28, 0.27) 100%
        );
      }

      .cost-hero__content {
        width: 100%;
        max-width: 850px;
        color: #ffffff;
      }

      .cost-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 9px;
        margin-bottom: 27px;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.85rem;
      }

      .cost-breadcrumb a {
        color: #ffffff;
        text-decoration: none;
      }

      .cost-breadcrumb a:hover {
        color: #e6c98d;
        text-decoration: underline;
      }

      .cost-hero__eyebrow {
        display: inline-block;
        margin-bottom: 16px;
        color: #e6c98d;
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
      }

      .cost-hero__title {
        max-width: 850px;
        margin: 0 0 22px;
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(2.5rem, 6vw, 4.65rem);
        font-weight: 600;
        line-height: 1.12;
      }

      .cost-hero__description {
        max-width: 740px;
        margin: 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.12rem);
        line-height: 1.9;
      }

      .cost-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        margin-top: 26px;
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.84rem;
      }

      /* Overview */

      .cost-overview {
        padding: 34px 0 0;
      }

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

      .cost-overview__item {
        padding: 23px;
        border: 1px solid var(--cost-border);
        border-radius: 13px;
        background: #ffffff;
      }

      .cost-overview__label {
        display: block;
        margin-bottom: 9px;
        color: var(--cost-muted);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
      }

      .cost-overview__value {
        display: block;
        color: var(--cost-green);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.6;
      }

      /* Article layout */

      .cost-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 48px;
        align-items: start;
        padding-top: 52px;
        padding-bottom: 85px;
      }

      .cost-content {
        min-width: 0;
        font-size: 1rem;
        line-height: 1.95;
      }

      .cost-content p {
        margin: 0 0 20px;
        color: #50574f;
      }

      .cost-content a {
        color: var(--cost-emerald);
        font-weight: 600;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .cost-content a:hover {
        color: var(--cost-green);
      }

      .cost-section {
        margin-top: 49px;
        scroll-margin-top: 30px;
      }

      .cost-section:first-child {
        margin-top: 0;
      }

      .cost-section h2 {
        margin: 0 0 19px;
        color: var(--cost-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.85rem, 4vw, 2.5rem);
        font-weight: 600;
        line-height: 1.28;
      }

      .cost-section h3 {
        margin: 0 0 10px;
        color: var(--cost-green);
        font-size: 1.1rem;
        line-height: 1.5;
      }

      .cost-lead {
        color: #414a41 !important;
        font-size: 1.1rem;
        line-height: 1.95;
      }

      /* Table of contents */

      .cost-sidebar {
        position: sticky;
        top: 25px;
      }

      .cost-toc {
        padding: 25px 23px;
        border: 1px solid var(--cost-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .cost-toc h2 {
        margin: 0 0 17px;
        color: var(--cost-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.35rem;
        line-height: 1.4;
      }

      .cost-toc ol {
        display: grid;
        gap: 10px;
        margin: 0;
        padding-left: 21px;
      }

      .cost-toc li {
        padding-left: 3px;
        color: var(--cost-muted);
        font-size: 0.86rem;
        line-height: 1.6;
      }

      .cost-toc a {
        color: #515950;
        font-weight: 500;
        text-decoration: none;
      }

      .cost-toc a:hover {
        color: var(--cost-emerald);
        text-decoration: underline;
      }

      .cost-toc__note {
        margin-top: 20px;
        padding-top: 16px;
        border-top: 1px solid var(--cost-border);
        color: var(--cost-muted);
        font-size: 0.82rem;
        line-height: 1.8;
      }

      /* Callouts */

      .cost-callout {
        margin: 28px 0;
        padding: 25px 27px;
        border-left: 4px solid var(--cost-gold);
        border-radius: 0 11px 11px 0;
        background: #f3efe3;
      }

      .cost-callout h3 {
        margin: 0 0 9px;
        color: var(--cost-green);
        font-size: 1.06rem;
      }

      .cost-callout p {
        margin: 0;
        color: #555b52;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      .cost-alert {
        margin: 28px 0;
        padding: 25px;
        border: 1px solid #e6cca6;
        border-left: 5px solid #a85e20;
        border-radius: 11px;
        background: #fff7ea;
      }

      .cost-alert h3 {
        margin: 0 0 11px;
        color: #71390d;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.35rem;
        line-height: 1.4;
      }

      .cost-alert p {
        margin: 0 0 12px;
        color: #634c36;
        font-size: 0.93rem;
        line-height: 1.9;
      }

      .cost-alert p:last-child {
        margin-bottom: 0;
      }

      .cost-alert a {
        color: #763c0d;
      }

      /* Budget cards */

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

      .budget-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px 21px;
        border: 1px solid var(--cost-border);
        border-radius: 13px;
        background: #ffffff;
      }

      .budget-card__type {
        display: block;
        margin-bottom: 12px;
        color: var(--cost-emerald);
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
      }

      .budget-card h3 {
        margin: 0 0 10px;
        color: var(--cost-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.25rem;
        line-height: 1.4;
      }

      .budget-card__price {
        display: block;
        margin-bottom: 5px;
        color: var(--cost-green);
        font-size: 1.55rem;
        font-weight: 700;
        line-height: 1.3;
      }

      .budget-card__period {
        display: block;
        margin-bottom: 16px;
        color: var(--cost-muted);
        font-size: 0.79rem;
      }

      .budget-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.9rem;
        line-height: 1.85;
      }

      /* Tables */

      .cost-table-wrap {
        width: 100%;
        margin: 24px 0;
        overflow-x: auto;
        border: 1px solid var(--cost-border);
        border-radius: 11px;
        background: #ffffff;
        -webkit-overflow-scrolling: touch;
      }

      .cost-table {
        width: 100%;
        min-width: 500px;
        border-collapse: collapse;
        font-size: 0.91rem;
        line-height: 1.75;
        text-align: left;
      }

      .cost-table th,
      .cost-table td {
        padding: 15px 16px;
        border-bottom: 1px solid var(--cost-border);
        vertical-align: top;
      }

      .cost-table th {
        background: #e7efe8;
        color: var(--cost-green);
        font-size: 0.84rem;
        font-weight: 700;
      }

      .cost-table td {
        color: #51574f;
      }

      .cost-table tr:last-child td {
        border-bottom: 0;
      }

      /* Cost category cards */

      .expense-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin-top: 24px;
      }

      .expense-card {
        padding: 23px;
        border: 1px solid var(--cost-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .expense-card h3 {
        margin: 0 0 10px;
        color: var(--cost-green);
        font-size: 1.04rem;
      }

      .expense-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      .expense-card__range {
        display: block;
        margin-bottom: 10px;
        color: var(--cost-emerald);
        font-size: 0.95rem;
        font-weight: 700;
        line-height: 1.6;
      }

      /* Itinerary */

      .cost-itinerary {
        display: grid;
        gap: 0;
        margin-top: 23px;
      }

      .cost-itinerary__row {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 20px;
        padding: 21px 0;
        border-bottom: 1px solid var(--cost-border);
      }

      .cost-itinerary__row:last-child {
        border-bottom: 0;
      }

      .cost-itinerary__label {
        align-self: start;
        padding: 9px 10px;
        border-radius: 8px;
        background: #e7efe8;
        color: var(--cost-green);
        font-size: 0.8rem;
        font-weight: 700;
        text-align: center;
      }

      .cost-itinerary__row h3 {
        margin: 0 0 8px;
        color: var(--cost-green);
        font-size: 1.05rem;
      }

      .cost-itinerary__row p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      /* Checklists */

      .cost-checklist {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
        margin: 23px 0;
      }

      .cost-checklist__item {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 16px;
        border: 1px solid var(--cost-border);
        border-radius: 10px;
        background: #ffffff;
        color: #51574f;
        font-size: 0.91rem;
        line-height: 1.7;
      }

      .cost-checklist__mark {
        display: inline-flex;
        flex: 0 0 25px;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #e3ede5;
        color: var(--cost-green);
        font-size: 0.82rem;
        font-weight: 700;
      }

      /* FAQs */

      .cost-faq {
        display: grid;
        gap: 15px;
        margin-top: 24px;
      }

      .cost-faq__item {
        padding: 23px;
        border: 1px solid var(--cost-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .cost-faq__item h3 {
        margin: 0 0 10px;
        color: var(--cost-green);
        font-size: 1.04rem;
      }

      .cost-faq__item p {
        margin: 0;
        color: #62675f;
        font-size: 0.93rem;
        line-height: 1.9;
      }

      /* Sources */

      .cost-resources {
        display: grid;
        gap: 13px;
        margin-top: 20px;
      }

      .cost-resource {
        padding: 18px 20px;
        border: 1px solid var(--cost-border);
        border-radius: 10px;
        background: #ffffff;
      }

      .cost-resource a {
        display: inline-block;
        margin-bottom: 5px;
        color: var(--cost-emerald);
        font-weight: 700;
      }

      .cost-resource p {
        margin: 0;
        color: var(--cost-muted);
        font-size: 0.88rem;
        line-height: 1.8;
      }

      /* Author */

      .cost-author {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-top: 48px;
        padding: 26px;
        border: 1px solid var(--cost-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .cost-author__mark {
        display: flex;
        flex: 0 0 58px;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--cost-green);
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.22rem;
        font-weight: 700;
      }

      .cost-author h3 {
        margin: 0 0 7px;
        color: var(--cost-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.3rem;
      }

      .cost-author p {
        margin: 0;
        color: #62675f;
        font-size: 0.9rem;
        line-height: 1.85;
      }

      /* Related articles */

      .cost-related {
        padding: 70px 0;
        background: var(--cost-beige);
      }

      .cost-related__header {
        max-width: 720px;
        margin-bottom: 32px;
      }

      .cost-related__eyebrow {
        display: block;
        margin-bottom: 10px;
        color: var(--cost-emerald);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
      }

      .cost-related__title {
        margin: 0 0 13px;
        color: var(--cost-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.9rem, 4vw, 2.6rem);
        line-height: 1.25;
      }

      .cost-related__intro {
        margin: 0;
        color: #62675f;
        line-height: 1.85;
      }

      .cost-related__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
      }

      .cost-related-card {
        padding: 25px;
        border: 1px solid rgba(18, 61, 50, 0.1);
        border-radius: 13px;
        background: #ffffff;
      }

      .cost-related-card h3 {
        margin: 0 0 10px;
        color: var(--cost-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.28rem;
        line-height: 1.45;
      }

      .cost-related-card p {
        margin: 0 0 15px;
        color: #62675f;
        font-size: 0.91rem;
        line-height: 1.8;
      }

      .cost-related-card a {
        color: var(--cost-emerald);
        font-size: 0.9rem;
        font-weight: 700;
        text-decoration: none;
      }

      .cost-related-card a:hover {
        text-decoration: underline;
      }

      /* Accessibility */

      .cost-article a:focus-visible {
        outline: 3px solid var(--cost-gold);
        outline-offset: 4px;
      }

      /* Responsive */

      @media (max-width: 1000px) {
        .cost-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 30px;
        }

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

        .budget-card {
          padding: 22px;
        }
      }

      @media (max-width: 850px) {
        .cost-layout {
          grid-template-columns: 1fr;
          gap: 32px;
          padding-top: 42px;
        }

        .cost-sidebar {
          position: static;
          grid-row: 1;
        }

        .cost-toc ol {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 24px;
        }

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

      @media (max-width: 600px) {
        .cost-article .container {
          width: min(100% - 30px, 1160px);
        }

        .cost-hero {
          min-height: 450px;
          padding: 58px 0;
        }

        .cost-hero__title {
          font-size: clamp(2.3rem, 11vw, 3.4rem);
        }

        .cost-breadcrumb {
          gap: 6px;
          margin-bottom: 22px;
          font-size: 0.79rem;
        }

        .cost-hero__meta {
          gap: 10px 14px;
          font-size: 0.8rem;
        }

        .cost-overview {
          padding-top: 22px;
        }

        .cost-overview__grid {
          grid-template-columns: 1fr;
          gap: 11px;
        }

        .cost-overview__item {
          padding: 17px 19px;
        }

        .cost-layout {
          padding-top: 30px;
          padding-bottom: 58px;
        }

        .cost-toc {
          padding: 22px;
        }

        .cost-toc ol {
          grid-template-columns: 1fr;
        }

        .cost-section {
          margin-top: 40px;
        }

        .cost-section h2 {
          font-size: 1.9rem;
        }

        .expense-grid,
        .cost-checklist,
        .cost-related__grid {
          grid-template-columns: 1fr;
        }

        .cost-callout,
        .cost-alert {
          padding: 22px 19px;
        }

        .cost-itinerary__row {
          grid-template-columns: 88px minmax(0, 1fr);
          gap: 13px;
        }

        .cost-itinerary__label {
          padding: 8px 5px;
          font-size: 0.74rem;
        }

        .cost-author {
          flex-direction: column;
          padding: 22px;
        }

        .cost-related {
          padding: 53px 0;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .cost-article *,
        .cost-article *::before,
        .cost-article *::after {
          scroll-behavior: auto !important;
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
        }
      }
     
      /* =========================================
           PAKISTAN TRAVEL GUIDE — ARTICLE STYLES
        ========================================= */

      .pakistan-guide {
        --guide-green: #123d32;
        --guide-emerald: #1f7055;
        --guide-cream: #fafaf6;
        --guide-beige: #f0ebdd;
        --guide-gold: #c6a15b;
        --guide-text: #343a34;
        --guide-muted: #687067;
        --guide-border: #e6e5da;

        overflow: hidden;
        color: var(--guide-text);
        background: var(--guide-cream);
      }

      .pakistan-guide *,
      .pakistan-guide *::before,
      .pakistan-guide *::after {
        box-sizing: border-box;
      }

      .pakistan-guide img {
        display: block;
        max-width: 100%;
      }

      .pakistan-guide a {
        overflow-wrap: anywhere;
      }

      .pakistan-guide .container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Hero */

      .guide-hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 520px;
        padding: 78px 0;
        isolation: isolate;
        background: var(--guide-green);
      }

      .guide-hero__image {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .guide-hero::after {
        position: absolute;
        inset: 0;
        z-index: -1;
        content: "";
        background: linear-gradient(
          90deg,
          rgba(8, 35, 28, 0.91) 0%,
          rgba(8, 35, 28, 0.73) 55%,
          rgba(8, 35, 28, 0.28) 100%
        );
      }

      .guide-hero__content {
        width: 100%;
        max-width: 860px;
        color: #ffffff;
      }

      .guide-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 9px;
        margin-bottom: 28px;
        color: rgba(255, 255, 255, 0.81);
        font-size: 0.85rem;
      }

      .guide-breadcrumb a {
        color: #ffffff;
        text-decoration: none;
      }

      .guide-breadcrumb a:hover {
        color: #e6c98d;
        text-decoration: underline;
      }

      .guide-hero__eyebrow {
        display: inline-block;
        margin-bottom: 16px;
        color: #e6c98d;
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
      }

      .guide-hero__title {
        max-width: 850px;
        margin: 0 0 22px;
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(2.65rem, 6vw, 4.8rem);
        font-weight: 600;
        line-height: 1.1;
      }

      .guide-hero__description {
        max-width: 740px;
        margin: 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.13rem);
        line-height: 1.9;
      }

      .guide-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        margin-top: 26px;
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.85rem;
      }

      /* Quick overview */

      .guide-overview {
        padding: 35px 0 0;
      }

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

      .guide-overview__item {
        padding: 23px;
        border: 1px solid var(--guide-border);
        border-radius: 13px;
        background: #ffffff;
      }

      .guide-overview__label {
        display: block;
        margin-bottom: 9px;
        color: var(--guide-muted);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
      }

      .guide-overview__value {
        display: block;
        color: var(--guide-green);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.6;
      }

      /* Article layout */

      .guide-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 48px;
        align-items: start;
        padding-top: 54px;
        padding-bottom: 85px;
      }

      .guide-content {
        min-width: 0;
        color: var(--guide-text);
        font-size: 1rem;
        line-height: 1.95;
      }

      .guide-content p {
        margin: 0 0 20px;
        color: #50574f;
      }

      .guide-content a {
        color: var(--guide-emerald);
        font-weight: 600;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .guide-content a:hover {
        color: var(--guide-green);
      }

      .guide-section {
        margin-top: 49px;
        scroll-margin-top: 30px;
      }

      .guide-section:first-child {
        margin-top: 0;
      }

      .guide-section h2 {
        margin: 0 0 19px;
        color: var(--guide-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.85rem, 4vw, 2.5rem);
        font-weight: 600;
        line-height: 1.28;
      }

      .guide-section h3 {
        margin: 0 0 10px;
        color: var(--guide-green);
        font-size: 1.12rem;
        line-height: 1.5;
      }

      .guide-lead {
        color: #414a41 !important;
        font-size: 1.1rem;
        line-height: 1.95;
      }

      /* Table of contents */

      .guide-sidebar {
        position: sticky;
        top: 25px;
      }

      .guide-toc {
        padding: 25px 23px;
        border: 1px solid var(--guide-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .guide-toc h2 {
        margin: 0 0 17px;
        color: var(--guide-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.35rem;
        line-height: 1.4;
      }

      .guide-toc ol {
        display: grid;
        gap: 10px;
        margin: 0;
        padding-left: 21px;
      }

      .guide-toc li {
        padding-left: 3px;
        color: var(--guide-muted);
        font-size: 0.86rem;
        line-height: 1.6;
      }

      .guide-toc a {
        color: #515950;
        font-weight: 500;
        text-decoration: none;
      }

      .guide-toc a:hover {
        color: var(--guide-emerald);
        text-decoration: underline;
      }

      .guide-toc__note {
        margin-top: 20px;
        padding-top: 16px;
        border-top: 1px solid var(--guide-border);
        color: var(--guide-muted);
        font-size: 0.82rem;
        line-height: 1.8;
      }

      /* Callouts */

      .guide-callout {
        margin: 28px 0;
        padding: 25px 27px;
        border-left: 4px solid var(--guide-gold);
        border-radius: 0 11px 11px 0;
        background: #f3efe3;
      }

      .guide-callout h3 {
        margin: 0 0 9px;
        color: var(--guide-green);
        font-size: 1.06rem;
      }

      .guide-callout p {
        margin: 0;
        color: #555b52;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      .guide-alert {
        margin: 28px 0;
        padding: 26px;
        border: 1px solid #e6cca6;
        border-left: 5px solid #a85e20;
        border-radius: 11px;
        background: #fff7ea;
      }

      .guide-alert__label {
        display: block;
        margin-bottom: 10px;
        color: #8a4a16;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 1.4px;
        text-transform: uppercase;
      }

      .guide-alert h3 {
        margin: 0 0 12px;
        color: #71390d;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.5rem;
        line-height: 1.4;
      }

      .guide-alert p {
        margin: 0 0 13px;
        color: #634c36;
        font-size: 0.94rem;
        line-height: 1.9;
      }

      .guide-alert p:last-child {
        margin-bottom: 0;
      }

      .guide-alert a {
        color: #763c0d;
      }

      /* Destination cards */

      .guide-card-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 21px;
        margin-top: 25px;
      }

      .guide-card {
        min-width: 0;
        overflow: hidden;
        border: 1px solid var(--guide-border);
        border-radius: 14px;
        background: #ffffff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .guide-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.09);
      }

      .guide-card__image {
        width: 100%;
        height: 220px;
        object-fit: cover;
        background: #e1e5de;
      }

      .guide-card__body {
        padding: 22px;
      }

      .guide-card__category {
        display: block;
        margin-bottom: 9px;
        color: var(--guide-emerald);
        font-size: 0.73rem;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
      }

      .guide-card h3 {
        margin: 0 0 11px;
        color: var(--guide-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.42rem;
        line-height: 1.4;
      }

      .guide-card p {
        margin: 0 0 15px;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      .guide-card__link {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-size: 0.9rem;
        font-weight: 700;
        text-decoration: none;
      }

      /* Practical info cards */

      .guide-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 24px;
      }

      .guide-info-card {
        padding: 23px;
        border: 1px solid var(--guide-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .guide-info-card h3 {
        margin: 0 0 10px;
        color: var(--guide-green);
        font-size: 1.04rem;
      }

      .guide-info-card p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      /* Itinerary */

      .guide-itinerary {
        display: grid;
        gap: 0;
        margin-top: 24px;
      }

      .guide-itinerary__row {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 20px;
        padding: 21px 0;
        border-bottom: 1px solid var(--guide-border);
      }

      .guide-itinerary__row:last-child {
        border-bottom: 0;
      }

      .guide-itinerary__day {
        align-self: start;
        padding: 9px 10px;
        border-radius: 8px;
        background: #e7efe8;
        color: var(--guide-green);
        font-size: 0.8rem;
        font-weight: 700;
        text-align: center;
      }

      .guide-itinerary__row h3 {
        margin: 0 0 8px;
        color: var(--guide-green);
        font-size: 1.05rem;
      }

      .guide-itinerary__row p {
        margin: 0;
        color: #62675f;
        font-size: 0.92rem;
        line-height: 1.85;
      }

      /* Checklists */

      .guide-checklist {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
        margin: 23px 0;
      }

      .guide-checklist__item {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 16px;
        border: 1px solid var(--guide-border);
        border-radius: 10px;
        background: #ffffff;
        color: #51574f;
        font-size: 0.91rem;
        line-height: 1.7;
      }

      .guide-checklist__mark {
        display: inline-flex;
        flex: 0 0 25px;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #e3ede5;
        color: var(--guide-green);
        font-size: 0.82rem;
        font-weight: 700;
      }

      /* FAQ */

      .guide-faq {
        display: grid;
        gap: 15px;
        margin-top: 24px;
      }

      .guide-faq__item {
        padding: 23px;
        border: 1px solid var(--guide-border);
        border-radius: 12px;
        background: #ffffff;
      }

      .guide-faq__item h3 {
        margin: 0 0 10px;
        color: var(--guide-green);
        font-size: 1.04rem;
      }

      .guide-faq__item p {
        margin: 0;
        color: #62675f;
        font-size: 0.93rem;
        line-height: 1.9;
      }

      /* Official resources */

      .guide-resources {
        display: grid;
        gap: 13px;
        margin-top: 20px;
      }

      .guide-resource {
        padding: 18px 20px;
        border: 1px solid var(--guide-border);
        border-radius: 10px;
        background: #ffffff;
      }

      .guide-resource a {
        display: inline-block;
        margin-bottom: 5px;
        color: var(--guide-emerald);
        font-weight: 700;
      }

      .guide-resource p {
        margin: 0;
        color: var(--guide-muted);
        font-size: 0.88rem;
        line-height: 1.8;
      }

      /* Author */

      .guide-author {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-top: 48px;
        padding: 26px;
        border: 1px solid var(--guide-border);
        border-radius: 14px;
        background: #ffffff;
      }

      .guide-author__mark {
        display: flex;
        flex: 0 0 58px;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--guide-green);
        color: #ffffff;
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.22rem;
        font-weight: 700;
      }

      .guide-author h3 {
        margin: 0 0 7px;
        color: var(--guide-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.3rem;
      }

      .guide-author p {
        margin: 0;
        color: #62675f;
        font-size: 0.9rem;
        line-height: 1.85;
      }

      /* Related guides */

      .guide-related {
        padding: 70px 0;
        background: var(--guide-beige);
      }

      .guide-related__header {
        max-width: 720px;
        margin-bottom: 32px;
      }

      .guide-related__eyebrow {
        display: block;
        margin-bottom: 10px;
        color: var(--guide-emerald);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
      }

      .guide-related__title {
        margin: 0 0 13px;
        color: var(--guide-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: clamp(1.9rem, 4vw, 2.6rem);
        line-height: 1.25;
      }

      .guide-related__intro {
        margin: 0;
        color: #62675f;
        line-height: 1.85;
      }

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

      .guide-related-card {
        padding: 25px;
        border: 1px solid rgba(18, 61, 50, 0.1);
        border-radius: 13px;
        background: #ffffff;
      }

      .guide-related-card h3 {
        margin: 0 0 10px;
        color: var(--guide-green);
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.28rem;
        line-height: 1.45;
      }

      .guide-related-card p {
        margin: 0 0 15px;
        color: #62675f;
        font-size: 0.91rem;
        line-height: 1.8;
      }

      .guide-related-card a {
        color: var(--guide-emerald);
        font-size: 0.9rem;
        font-weight: 700;
        text-decoration: none;
      }

      .guide-related-card a:hover {
        text-decoration: underline;
      }

      /* Accessibility */

      .pakistan-guide a:focus-visible {
        outline: 3px solid var(--guide-gold);
        outline-offset: 4px;
      }

      /* Responsive */

      @media (max-width: 1000px) {
        .guide-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 30px;
        }

        .guide-card__image {
          height: 190px;
        }
      }

      @media (max-width: 850px) {
        .guide-layout {
          grid-template-columns: 1fr;
          gap: 32px;
          padding-top: 42px;
        }

        .guide-sidebar {
          position: static;
          grid-row: 1;
        }

        .guide-toc ol {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 24px;
        }

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

      @media (max-width: 600px) {
        .pakistan-guide .container {
          width: min(100% - 30px, 1160px);
        }

        .guide-hero {
          min-height: 475px;
          padding: 60px 0;
        }

        .guide-hero__title {
          font-size: clamp(2.35rem, 11vw, 3.45rem);
        }

        .guide-breadcrumb {
          gap: 6px;
          margin-bottom: 23px;
          font-size: 0.79rem;
        }

        .guide-hero__meta {
          gap: 10px 14px;
          font-size: 0.8rem;
        }

        .guide-overview {
          padding-top: 22px;
        }

        .guide-overview__grid {
          grid-template-columns: 1fr;
          gap: 11px;
        }

        .guide-overview__item {
          padding: 17px 19px;
        }

        .guide-layout {
          padding-top: 30px;
          padding-bottom: 58px;
        }

        .guide-toc {
          padding: 22px;
        }

        .guide-toc ol {
          grid-template-columns: 1fr;
        }

        .guide-section {
          margin-top: 40px;
        }

        .guide-section h2 {
          font-size: 1.9rem;
        }

        .guide-card-grid,
        .guide-info-grid,
        .guide-checklist,
        .guide-related__grid {
          grid-template-columns: 1fr;
        }

        .guide-card__image {
          height: 220px;
        }

        .guide-callout,
        .guide-alert {
          padding: 22px 19px;
        }

        .guide-itinerary__row {
          grid-template-columns: 88px minmax(0, 1fr);
          gap: 13px;
        }

        .guide-itinerary__day {
          padding: 8px 5px;
          font-size: 0.74rem;
        }

        .guide-author {
          flex-direction: column;
          padding: 22px;
        }

        .guide-related {
          padding: 53px 0;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .pakistan-guide *,
        .pakistan-guide *::before,
        .pakistan-guide *::after {
          scroll-behavior: auto !important;
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
        }
      }
    
      /* ========================================
           PESHAWAR TRAVEL GUIDE          
        ======================================== */

      .peshawar-article {
        --peshawar-green: #123d32;
        --peshawar-emerald: #1f7055;
        --peshawar-gold: #c6a15b;
        --peshawar-white: #fafaf6;
        --peshawar-beige: #f0ebdd;
        --peshawar-text: #242824;
        --peshawar-muted: #66716b;
        --peshawar-border: #e3e7df;

        background: var(--peshawar-white);
        color: var(--peshawar-text);
        font-family: "Inter", sans-serif;
        line-height: 1.8;
      }

      .peshawar-article *,
      .peshawar-article *::before,
      .peshawar-article *::after {
        box-sizing: border-box;
      }

      .peshawar-article img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      .peshawar-article a {
        color: var(--peshawar-emerald);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .peshawar-article a:hover {
        color: var(--peshawar-green);
      }

      .peshawar-article a:focus-visible {
        outline: 3px solid var(--peshawar-gold);
        outline-offset: 4px;
      }

      .peshawar-container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Breadcrumb */

      .peshawar-breadcrumb {
        padding: 18px 0;
        border-bottom: 1px solid var(--peshawar-border);
        font-size: 0.85rem;
      }

      .peshawar-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .peshawar-breadcrumb li {
        color: var(--peshawar-muted);
      }

      .peshawar-breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        color: #a0aaa2;
      }

      .peshawar-breadcrumb a {
        text-decoration: none;
      }

      /* Hero */

      .peshawar-hero {
        position: relative;
        display: flex;
        align-items: end;
        min-height: 500px;
        overflow: hidden;
        background: var(--peshawar-green);
        color: #fff;
      }

      .peshawar-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .peshawar-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            90deg,
            rgba(12, 30, 25, 0.9) 0%,
            rgba(12, 30, 25, 0.64) 55%,
            rgba(12, 30, 25, 0.18) 100%
          ),
          linear-gradient(0deg, rgba(12, 30, 25, 0.38), transparent 58%);
        pointer-events: none;
      }

      .peshawar-hero__content {
        position: relative;
        z-index: 1;
        width: min(1160px, calc(100% - 40px));
        margin: 0 auto;
        padding: 85px 0 78px;
      }

      .peshawar-eyebrow {
        display: inline-block;
        color: #f1d89c;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .peshawar-hero h1 {
        max-width: 850px;
        margin: 18px 0;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(2.5rem, 5.8vw, 4.6rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      .peshawar-hero__intro {
        max-width: 730px;
        margin: 0 0 27px;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.15rem);
      }

      .peshawar-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      /* General typography */

      .peshawar-article h2,
      .peshawar-article h3 {
        color: var(--peshawar-green);
        font-family: "Playfair Display", serif;
        line-height: 1.32;
      }

      .peshawar-article h2 {
        margin: 0 0 22px;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
      }

      .peshawar-article h3 {
        margin: 0 0 12px;
        font-size: 1.35rem;
      }

      .peshawar-article p {
        margin: 0 0 19px;
      }

      /* Intro */

      .peshawar-intro {
        padding: 62px 0 25px;
      }

      .peshawar-intro__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
        gap: 40px;
        align-items: start;
      }

      .peshawar-intro__aside {
        padding: 27px;
        border: 1px solid var(--peshawar-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(18, 61, 50, 0.05);
      }

      .peshawar-intro__aside h3 {
        margin-bottom: 17px;
      }

      .peshawar-fact-list {
        display: grid;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .peshawar-fact-list li {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 13px 0;
        border-bottom: 1px solid var(--peshawar-border);
      }

      .peshawar-fact-list li:last-child {
        border-bottom: 0;
      }

      .peshawar-fact-list strong {
        color: var(--peshawar-green);
        font-size: 0.87rem;
      }

      .peshawar-fact-list span {
        color: var(--peshawar-muted);
        font-size: 0.9rem;
      }

      /* Prominent travel advisory */

      .peshawar-advisory {
        margin: 18px 0 42px;
        padding: 27px 28px;
        border: 1px solid #d9a5a5;
        border-left: 6px solid #a93030;
        border-radius: 12px;
        background: #fff3f1;
      }

      .peshawar-advisory h2 {
        margin-bottom: 13px;
        color: #842727;
        font-family: "Inter", sans-serif;
        font-size: 1.22rem;
      }

      .peshawar-advisory p:last-child {
        margin-bottom: 0;
      }

      .peshawar-advisory strong {
        color: #842727;
      }

      /* Article layout */

      .peshawar-main-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 46px;
        align-items: start;
        padding: 15px 0 70px;
      }

      .peshawar-content {
        min-width: 0;
      }

      .peshawar-section {
        margin-bottom: 58px;
        scroll-margin-top: 100px;
      }

      .peshawar-section__lead {
        color: var(--peshawar-muted);
        font-size: 1.04rem;
      }

      /* Table of contents */

      .peshawar-toc {
        position: sticky;
        top: 25px;
        padding: 25px 23px;
        border: 1px solid var(--peshawar-border);
        border-radius: 15px;
        background: #fff;
      }

      .peshawar-toc h2 {
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
        font-size: 1.08rem;
      }

      .peshawar-toc ol {
        padding-left: 19px;
        margin: 0;
      }

      .peshawar-toc li {
        margin-bottom: 10px;
        padding-left: 2px;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .peshawar-toc li:last-child {
        margin-bottom: 0;
      }

      .peshawar-toc a {
        color: var(--peshawar-text);
        text-decoration: none;
      }

      .peshawar-toc a:hover {
        color: var(--peshawar-emerald);
        text-decoration: underline;
      }

      .peshawar-toc__note {
        margin-top: 21px;
        padding-top: 17px;
        border-top: 1px solid var(--peshawar-border);
        color: var(--peshawar-muted);
        font-size: 0.82rem;
      }

      /* Attraction cards */

      .peshawar-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
      }

      .peshawar-place-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px;
        border: 1px solid var(--peshawar-border);
        border-radius: 15px;
        background: #fff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .peshawar-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.07);
      }

      .peshawar-place-card__number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 15px;
        border-radius: 50%;
        background: var(--peshawar-beige);
        color: var(--peshawar-green);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .peshawar-place-card h3 {
        font-size: 1.23rem;
      }

      .peshawar-place-card p {
        margin-bottom: 0;
        color: #505a54;
        font-size: 0.93rem;
      }

      .peshawar-place-card__tag {
        margin-top: auto;
        padding-top: 18px;
        color: var(--peshawar-emerald);
        font-size: 0.8rem;
        font-weight: 700;
      }

      /* Feature image */

      .peshawar-feature-image {
        overflow: hidden;
        margin: 28px 0;
        border-radius: 16px;
        background: var(--peshawar-beige);
      }

      .peshawar-feature-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
      }

      .peshawar-feature-image figcaption {
        padding: 12px 15px;
        color: var(--peshawar-muted);
        font-size: 0.82rem;
      }

      /* Lists */

      .peshawar-check-list,
      .peshawar-plain-list {
        padding-left: 23px;
        margin: 18px 0 22px;
      }

      .peshawar-check-list li,
      .peshawar-plain-list li {
        margin-bottom: 12px;
        padding-left: 4px;
      }

      .peshawar-check-list li::marker {
        color: var(--peshawar-emerald);
      }

      /* Info cards */

      .peshawar-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin: 25px 0;
      }

      .peshawar-info-card {
        padding: 22px;
        border-radius: 13px;
        background: var(--peshawar-beige);
      }

      .peshawar-info-card h3 {
        font-size: 1.15rem;
      }

      .peshawar-info-card p:last-child {
        margin-bottom: 0;
      }

      /* Itinerary */

      .peshawar-itinerary {
        display: grid;
        gap: 18px;
        margin-top: 25px;
      }

      .peshawar-itinerary__day {
        padding: 25px;
        border: 1px solid var(--peshawar-border);
        border-radius: 15px;
        background: #fff;
      }

      .peshawar-itinerary__label {
        display: inline-block;
        margin-bottom: 11px;
        color: var(--peshawar-emerald);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .peshawar-itinerary__day h3 {
        margin-bottom: 13px;
      }

      .peshawar-itinerary__day p:last-child {
        margin-bottom: 0;
      }

      /* Safety panel */

      .peshawar-safety-box {
        padding: 24px 27px;
        border-radius: 14px;
        background: #f1f5f0;
      }

      .peshawar-safety-box h3 {
        font-size: 1.2rem;
      }

      /* FAQs */

      .peshawar-faq-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }

      .peshawar-faq-list details {
        padding: 18px 21px;
        border: 1px solid var(--peshawar-border);
        border-radius: 12px;
        background: #fff;
      }

      .peshawar-faq-list summary {
        color: var(--peshawar-green);
        font-weight: 700;
        cursor: pointer;
      }

      .peshawar-faq-list details p {
        margin: 14px 0 0;
        color: #505a54;
      }

      /* Official resources */

      .peshawar-resources {
        padding: 26px;
        border-radius: 15px;
        background: var(--peshawar-beige);
      }

      .peshawar-resources h3 {
        font-size: 1.2rem;
      }

      .peshawar-resources ul {
        padding-left: 21px;
        margin-bottom: 0;
      }

      .peshawar-resources li {
        margin-bottom: 11px;
      }

      .peshawar-resources li:last-child {
        margin-bottom: 0;
      }

      /* Author */

      .peshawar-author {
        display: flex;
        gap: 19px;
        align-items: flex-start;
        margin-top: 36px;
        padding: 25px;
        border: 1px solid var(--peshawar-border);
        border-radius: 15px;
        background: #fff;
      }

      .peshawar-author__mark {
        display: flex;
        flex: 0 0 55px;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--peshawar-green);
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
      }

      .peshawar-author h3 {
        margin: 0 0 5px;
        font-family: "Inter", sans-serif;
        font-size: 1.06rem;
      }

      .peshawar-author p {
        margin-bottom: 8px;
        font-size: 0.9rem;
      }

      .peshawar-author p:last-child {
        margin-bottom: 0;
      }

      /* Related articles */

      .peshawar-related {
        padding: 65px 0;
        background: #f1f3ed;
      }

      .peshawar-related__heading {
        max-width: 670px;
        margin: 0 auto 30px;
        text-align: center;
      }

      .peshawar-related__heading p {
        color: var(--peshawar-muted);
      }

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

      .peshawar-related__card {
        padding: 24px;
        border: 1px solid var(--peshawar-border);
        border-radius: 14px;
        background: #fff;
      }

      .peshawar-related__card h3 {
        font-size: 1.2rem;
      }

      .peshawar-related__card p {
        color: var(--peshawar-muted);
        font-size: 0.9rem;
      }

      .peshawar-related__card a {
        font-weight: 700;
        text-decoration: none;
      }

      /* CTA */

      .peshawar-cta {
        padding: 64px 0;
        background: var(--peshawar-green);
        color: #fff;
        text-align: center;
      }

      .peshawar-cta h2 {
        max-width: 700px;
        margin: 0 auto 15px;
        color: #fff;
      }

      .peshawar-cta p {
        max-width: 700px;
        margin: 0 auto 24px;
        color: rgba(255, 255, 255, 0.86);
      }

      .peshawar-cta__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 8px;
        background: var(--peshawar-gold);
        color: #18352d !important;
        font-weight: 800;
        text-decoration: none !important;
        transition: background 0.2s ease;
      }

      .peshawar-cta__link:hover {
        background: #d7b978;
      }

      .peshawar-disclaimer {
        color: var(--peshawar-muted);
        font-size: 0.83rem;
      }

      /* Responsive */

      @media (max-width: 980px) {
        .peshawar-main-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 27px;
        }

        .peshawar-intro__grid {
          gap: 25px;
        }

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

      @media (max-width: 760px) {
        .peshawar-container {
          width: min(100% - 30px, 650px);
        }

        .peshawar-hero {
          min-height: 430px;
        }

        .peshawar-hero__content {
          width: min(100% - 30px, 650px);
          padding: 65px 0 52px;
        }

        .peshawar-hero h1 {
          font-size: clamp(2.25rem, 9vw, 3.4rem);
        }

        .peshawar-intro {
          padding-top: 42px;
        }

        .peshawar-intro__grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }

        .peshawar-main-layout {
          display: flex;
          flex-direction: column;
          padding-top: 5px;
        }

        .peshawar-content {
          width: 100%;
        }

        .peshawar-toc {
          position: static;
          order: -1;
          width: 100%;
        }

        .peshawar-section {
          margin-bottom: 44px;
        }

        .peshawar-place-grid,
        .peshawar-info-grid {
          grid-template-columns: 1fr;
        }

        .peshawar-place-card {
          padding: 21px;
        }

        .peshawar-related__grid {
          grid-template-columns: 1fr;
        }

        .peshawar-advisory {
          padding: 21px;
        }

        .peshawar-author {
          padding: 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .peshawar-article *,
        .peshawar-article *::before,
        .peshawar-article *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }
    
      /* ========================================
           SKARDU TRAVEL GUIDE           
        ======================================== */

      .skardu-article {
        --skardu-green: #123d32;
        --skardu-emerald: #1f7055;
        --skardu-gold: #c6a15b;
        --skardu-white: #fafaf6;
        --skardu-beige: #f0ebdd;
        --skardu-text: #242824;
        --skardu-muted: #66716b;
        --skardu-border: #e3e7df;

        background: var(--skardu-white);
        color: var(--skardu-text);
        font-family: "Inter", sans-serif;
        line-height: 1.8;
      }

      .skardu-article *,
      .skardu-article *::before,
      .skardu-article *::after {
        box-sizing: border-box;
      }

      .skardu-article img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      .skardu-article a {
        color: var(--skardu-emerald);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .skardu-article a:hover {
        color: var(--skardu-green);
      }

      .skardu-article a:focus-visible {
        outline: 3px solid var(--skardu-gold);
        outline-offset: 4px;
      }

      .skardu-container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Breadcrumb */

      .skardu-breadcrumb {
        padding: 18px 0;
        border-bottom: 1px solid var(--skardu-border);
        font-size: 0.85rem;
      }

      .skardu-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .skardu-breadcrumb li {
        color: var(--skardu-muted);
      }

      .skardu-breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        color: #a0aaa2;
      }

      .skardu-breadcrumb a {
        text-decoration: none;
      }

      /* Hero */

      .skardu-hero {
        position: relative;
        display: flex;
        align-items: end;
        min-height: 510px;
        overflow: hidden;
        background: var(--skardu-green);
        color: #fff;
      }

      .skardu-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .skardu-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            90deg,
            rgba(10, 30, 26, 0.89) 0%,
            rgba(10, 30, 26, 0.62) 53%,
            rgba(10, 30, 26, 0.14) 100%
          ),
          linear-gradient(0deg, rgba(10, 30, 26, 0.42), transparent 58%);
        pointer-events: none;
      }

      .skardu-hero__content {
        position: relative;
        z-index: 1;
        width: min(1160px, calc(100% - 40px));
        margin: 0 auto;
        padding: 85px 0 78px;
      }

      .skardu-eyebrow {
        display: inline-block;
        color: #f1d89c;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .skardu-hero h1 {
        max-width: 850px;
        margin: 18px 0;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(2.5rem, 5.8vw, 4.6rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      .skardu-hero__intro {
        max-width: 730px;
        margin: 0 0 27px;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.15rem);
      }

      .skardu-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      /* General typography */

      .skardu-article h2,
      .skardu-article h3 {
        color: var(--skardu-green);
        font-family: "Playfair Display", serif;
        line-height: 1.32;
      }

      .skardu-article h2 {
        margin: 0 0 22px;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
      }

      .skardu-article h3 {
        margin: 0 0 12px;
        font-size: 1.35rem;
      }

      .skardu-article p {
        margin: 0 0 19px;
      }

      /* Intro */

      .skardu-intro {
        padding: 62px 0 25px;
      }

      .skardu-intro__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
        gap: 40px;
        align-items: start;
      }

      .skardu-intro__aside {
        padding: 27px;
        border: 1px solid var(--skardu-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(18, 61, 50, 0.05);
      }

      .skardu-intro__aside h3 {
        margin-bottom: 17px;
      }

      .skardu-fact-list {
        display: grid;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .skardu-fact-list li {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 13px 0;
        border-bottom: 1px solid var(--skardu-border);
      }

      .skardu-fact-list li:last-child {
        border-bottom: 0;
      }

      .skardu-fact-list strong {
        color: var(--skardu-green);
        font-size: 0.87rem;
      }

      .skardu-fact-list span {
        color: var(--skardu-muted);
        font-size: 0.9rem;
      }

      /* Travel advisory */

      .skardu-advisory {
        margin: 18px 0 42px;
        padding: 27px 28px;
        border: 1px solid #e4d2aa;
        border-left: 5px solid var(--skardu-gold);
        border-radius: 12px;
        background: #fff9ed;
      }

      .skardu-advisory h2 {
        margin-bottom: 13px;
        font-family: "Inter", sans-serif;
        font-size: 1.2rem;
      }

      .skardu-advisory p:last-child {
        margin-bottom: 0;
      }

      /* Main article layout */

      .skardu-main-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 46px;
        align-items: start;
        padding: 15px 0 70px;
      }

      .skardu-content {
        min-width: 0;
      }

      .skardu-section {
        margin-bottom: 58px;
        scroll-margin-top: 100px;
      }

      .skardu-section__lead {
        color: var(--skardu-muted);
        font-size: 1.04rem;
      }

      /* Table of contents */

      .skardu-toc {
        position: sticky;
        top: 25px;
        padding: 25px 23px;
        border: 1px solid var(--skardu-border);
        border-radius: 15px;
        background: #fff;
      }

      .skardu-toc h2 {
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
        font-size: 1.08rem;
      }

      .skardu-toc ol {
        padding-left: 19px;
        margin: 0;
      }

      .skardu-toc li {
        margin-bottom: 10px;
        padding-left: 2px;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .skardu-toc li:last-child {
        margin-bottom: 0;
      }

      .skardu-toc a {
        color: var(--skardu-text);
        text-decoration: none;
      }

      .skardu-toc a:hover {
        color: var(--skardu-emerald);
        text-decoration: underline;
      }

      .skardu-toc__note {
        margin-top: 21px;
        padding-top: 17px;
        border-top: 1px solid var(--skardu-border);
        color: var(--skardu-muted);
        font-size: 0.82rem;
      }

      /* Attraction cards */

      .skardu-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
      }

      .skardu-place-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px;
        border: 1px solid var(--skardu-border);
        border-radius: 15px;
        background: #fff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .skardu-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.07);
      }

      .skardu-place-card__number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 15px;
        border-radius: 50%;
        background: var(--skardu-beige);
        color: var(--skardu-green);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .skardu-place-card h3 {
        font-size: 1.23rem;
      }

      .skardu-place-card p {
        margin-bottom: 0;
        color: #505a54;
        font-size: 0.93rem;
      }

      .skardu-place-card__tag {
        margin-top: auto;
        padding-top: 18px;
        color: var(--skardu-emerald);
        font-size: 0.8rem;
        font-weight: 700;
      }

      /* Feature images */

      .skardu-feature-image {
        overflow: hidden;
        margin: 28px 0;
        border-radius: 16px;
        background: var(--skardu-beige);
      }

      .skardu-feature-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
      }

      .skardu-feature-image figcaption {
        padding: 12px 15px;
        color: var(--skardu-muted);
        font-size: 0.82rem;
      }

      /* Lists */

      .skardu-check-list,
      .skardu-plain-list {
        padding-left: 23px;
        margin: 18px 0 22px;
      }

      .skardu-check-list li,
      .skardu-plain-list li {
        margin-bottom: 12px;
        padding-left: 4px;
      }

      .skardu-check-list li::marker {
        color: var(--skardu-emerald);
      }

      /* Info cards */

      .skardu-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin: 25px 0;
      }

      .skardu-info-card {
        padding: 22px;
        border-radius: 13px;
        background: var(--skardu-beige);
      }

      .skardu-info-card h3 {
        font-size: 1.15rem;
      }

      .skardu-info-card p:last-child {
        margin-bottom: 0;
      }

      /* Itinerary */

      .skardu-itinerary {
        display: grid;
        gap: 18px;
        margin-top: 25px;
      }

      .skardu-itinerary__day {
        padding: 25px;
        border: 1px solid var(--skardu-border);
        border-radius: 15px;
        background: #fff;
      }

      .skardu-itinerary__label {
        display: inline-block;
        margin-bottom: 11px;
        color: var(--skardu-emerald);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .skardu-itinerary__day h3 {
        margin-bottom: 13px;
      }

      .skardu-itinerary__day p:last-child {
        margin-bottom: 0;
      }

      /* Safety panel */

      .skardu-safety-box {
        padding: 24px 27px;
        border-radius: 14px;
        background: #f1f5f0;
      }

      .skardu-safety-box h3 {
        font-size: 1.2rem;
      }

      /* FAQs */

      .skardu-faq-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }

      .skardu-faq-list details {
        padding: 18px 21px;
        border: 1px solid var(--skardu-border);
        border-radius: 12px;
        background: #fff;
      }

      .skardu-faq-list summary {
        color: var(--skardu-green);
        font-weight: 700;
        cursor: pointer;
      }

      .skardu-faq-list details p {
        margin: 14px 0 0;
        color: #505a54;
      }

      /* Resources */

      .skardu-resources {
        padding: 26px;
        border-radius: 15px;
        background: var(--skardu-beige);
      }

      .skardu-resources h3 {
        font-size: 1.2rem;
      }

      .skardu-resources ul {
        padding-left: 21px;
        margin-bottom: 0;
      }

      .skardu-resources li {
        margin-bottom: 11px;
      }

      .skardu-resources li:last-child {
        margin-bottom: 0;
      }

      /* Author */

      .skardu-author {
        display: flex;
        gap: 19px;
        align-items: flex-start;
        margin-top: 36px;
        padding: 25px;
        border: 1px solid var(--skardu-border);
        border-radius: 15px;
        background: #fff;
      }

      .skardu-author__mark {
        display: flex;
        flex: 0 0 55px;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--skardu-green);
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
      }

      .skardu-author h3 {
        margin: 0 0 5px;
        font-family: "Inter", sans-serif;
        font-size: 1.06rem;
      }

      .skardu-author p {
        margin-bottom: 8px;
        font-size: 0.9rem;
      }

      .skardu-author p:last-child {
        margin-bottom: 0;
      }

      /* Related guides */

      .skardu-related {
        padding: 65px 0;
        background: #f1f3ed;
      }

      .skardu-related__heading {
        max-width: 670px;
        margin: 0 auto 30px;
        text-align: center;
      }

      .skardu-related__heading p {
        color: var(--skardu-muted);
      }

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

      .skardu-related__card {
        padding: 24px;
        border: 1px solid var(--skardu-border);
        border-radius: 14px;
        background: #fff;
      }

      .skardu-related__card h3 {
        font-size: 1.2rem;
      }

      .skardu-related__card p {
        color: var(--skardu-muted);
        font-size: 0.9rem;
      }

      .skardu-related__card a {
        font-weight: 700;
        text-decoration: none;
      }

      /* CTA */

      .skardu-cta {
        padding: 64px 0;
        background: var(--skardu-green);
        color: #fff;
        text-align: center;
      }

      .skardu-cta h2 {
        max-width: 700px;
        margin: 0 auto 15px;
        color: #fff;
      }

      .skardu-cta p {
        max-width: 700px;
        margin: 0 auto 24px;
        color: rgba(255, 255, 255, 0.86);
      }

      .skardu-cta__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 8px;
        background: var(--skardu-gold);
        color: #18352d !important;
        font-weight: 800;
        text-decoration: none !important;
        transition: background 0.2s ease;
      }

      .skardu-cta__link:hover {
        background: #d7b978;
      }

      .skardu-disclaimer {
        color: var(--skardu-muted);
        font-size: 0.83rem;
      }

      /* Responsive */

      @media (max-width: 980px) {
        .skardu-main-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 27px;
        }

        .skardu-intro__grid {
          gap: 25px;
        }

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

      @media (max-width: 760px) {
        .skardu-container {
          width: min(100% - 30px, 650px);
        }

        .skardu-hero {
          min-height: 430px;
        }

        .skardu-hero__content {
          width: min(100% - 30px, 650px);
          padding: 65px 0 52px;
        }

        .skardu-hero h1 {
          font-size: clamp(2.25rem, 9vw, 3.4rem);
        }

        .skardu-intro {
          padding-top: 42px;
        }

        .skardu-intro__grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }

        .skardu-main-layout {
          display: flex;
          flex-direction: column;
          padding-top: 5px;
        }

        .skardu-content {
          width: 100%;
        }

        .skardu-toc {
          position: static;
          order: -1;
          width: 100%;
        }

        .skardu-section {
          margin-bottom: 44px;
        }

        .skardu-place-grid,
        .skardu-info-grid {
          grid-template-columns: 1fr;
        }

        .skardu-place-card {
          padding: 21px;
        }

        .skardu-related__grid {
          grid-template-columns: 1fr;
        }

        .skardu-advisory {
          padding: 21px;
        }

        .skardu-author {
          padding: 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .skardu-article *,
        .skardu-article *::before,
        .skardu-article *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }
    
      /* ========================================
           SWAT VALLEY TRAVEL GUIDE
           Page-specific styles
        ======================================== */

      .swat-article {
        --swat-green: #123d32;
        --swat-emerald: #1f7055;
        --swat-gold: #c6a15b;
        --swat-white: #fafaf6;
        --swat-beige: #f0ebdd;
        --swat-text: #242824;
        --swat-muted: #66716b;
        --swat-border: #e3e7df;

        background: var(--swat-white);
        color: var(--swat-text);
        font-family: "Inter", sans-serif;
        line-height: 1.8;
      }

      .swat-article *,
      .swat-article *::before,
      .swat-article *::after {
        box-sizing: border-box;
      }

      .swat-article img {
        display: block;
        max-width: 100%;
        height: auto;
      }

      .swat-article a {
        color: var(--swat-emerald);
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
      }

      .swat-article a:hover {
        color: var(--swat-green);
      }

      .swat-article a:focus-visible {
        outline: 3px solid var(--swat-gold);
        outline-offset: 4px;
      }

      .swat-container {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
      }

      /* Breadcrumb */

      .swat-breadcrumb {
        padding: 18px 0;
        border-bottom: 1px solid var(--swat-border);
        font-size: 0.85rem;
      }

      .swat-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .swat-breadcrumb li {
        color: var(--swat-muted);
      }

      .swat-breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        color: #a0aaa2;
      }

      .swat-breadcrumb a {
        text-decoration: none;
      }

      /* Hero */

      .swat-hero {
        position: relative;
        display: flex;
        align-items: end;
        min-height: 510px;
        overflow: hidden;
        background: var(--swat-green);
        color: #fff;
      }

      .swat-hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .swat-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            90deg,
            rgba(10, 30, 26, 0.88) 0%,
            rgba(10, 30, 26, 0.62) 53%,
            rgba(10, 30, 26, 0.14) 100%
          ),
          linear-gradient(0deg, rgba(10, 30, 26, 0.42), transparent 58%);
        pointer-events: none;
      }

      .swat-hero__content {
        position: relative;
        z-index: 1;
        width: min(1160px, calc(100% - 40px));
        margin: 0 auto;
        padding: 85px 0 78px;
      }

      .swat-eyebrow {
        display: inline-block;
        color: #f1d89c;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .swat-hero h1 {
        max-width: 850px;
        margin: 18px 0;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(2.5rem, 5.8vw, 4.6rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
      }

      .swat-hero__intro {
        max-width: 730px;
        margin: 0 0 27px;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(1rem, 2vw, 1.15rem);
      }

      .swat-hero__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 22px;
        color: rgba(255, 255, 255, 0.86);
        font-size: 0.84rem;
      }

      /* General typography */

      .swat-article h2,
      .swat-article h3 {
        color: var(--swat-green);
        font-family: "Playfair Display", serif;
        line-height: 1.32;
      }

      .swat-article h2 {
        margin: 0 0 22px;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
      }

      .swat-article h3 {
        margin: 0 0 12px;
        font-size: 1.35rem;
      }

      .swat-article p {
        margin: 0 0 19px;
      }

      /* Intro */

      .swat-intro {
        padding: 62px 0 25px;
      }

      .swat-intro__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
        gap: 40px;
        align-items: start;
      }

      .swat-intro__aside {
        padding: 27px;
        border: 1px solid var(--swat-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(18, 61, 50, 0.05);
      }

      .swat-intro__aside h3 {
        margin-bottom: 17px;
      }

      .swat-fact-list {
        display: grid;
        padding: 0;
        margin: 0;
        list-style: none;
      }

      .swat-fact-list li {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 13px 0;
        border-bottom: 1px solid var(--swat-border);
      }

      .swat-fact-list li:last-child {
        border-bottom: 0;
      }

      .swat-fact-list strong {
        color: var(--swat-green);
        font-size: 0.87rem;
      }

      .swat-fact-list span {
        color: var(--swat-muted);
        font-size: 0.9rem;
      }

      /* Prominent travel warning */

      .swat-advisory {
        margin: 18px 0 42px;
        padding: 27px 28px;
        border: 1px solid #d9a5a5;
        border-left: 6px solid #a93030;
        border-radius: 12px;
        background: #fff3f1;
      }

      .swat-advisory h2 {
        margin-bottom: 13px;
        color: #842727;
        font-family: "Inter", sans-serif;
        font-size: 1.2rem;
      }

      .swat-advisory p:last-child {
        margin-bottom: 0;
      }

      .swat-advisory strong {
        color: #842727;
      }

      /* Main layout */

      .swat-main-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 46px;
        align-items: start;
        padding: 15px 0 70px;
      }

      .swat-content {
        min-width: 0;
      }

      .swat-section {
        margin-bottom: 58px;
        scroll-margin-top: 100px;
      }

      .swat-section__lead {
        color: var(--swat-muted);
        font-size: 1.04rem;
      }

      /* Table of contents */

      .swat-toc {
        position: sticky;
        top: 25px;
        padding: 25px 23px;
        border: 1px solid var(--swat-border);
        border-radius: 15px;
        background: #fff;
      }

      .swat-toc h2 {
        margin-bottom: 16px;
        font-family: "Inter", sans-serif;
        font-size: 1.08rem;
      }

      .swat-toc ol {
        padding-left: 19px;
        margin: 0;
      }

      .swat-toc li {
        margin-bottom: 10px;
        padding-left: 2px;
        font-size: 0.88rem;
        line-height: 1.5;
      }

      .swat-toc li:last-child {
        margin-bottom: 0;
      }

      .swat-toc a {
        color: var(--swat-text);
        text-decoration: none;
      }

      .swat-toc a:hover {
        color: var(--swat-emerald);
        text-decoration: underline;
      }

      .swat-toc__note {
        margin-top: 21px;
        padding-top: 17px;
        border-top: 1px solid var(--swat-border);
        color: var(--swat-muted);
        font-size: 0.82rem;
      }

      /* Attraction cards */

      .swat-place-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
      }

      .swat-place-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 23px;
        border: 1px solid var(--swat-border);
        border-radius: 15px;
        background: #fff;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }

      .swat-place-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(18, 61, 50, 0.07);
      }

      .swat-place-card__number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 15px;
        border-radius: 50%;
        background: var(--swat-beige);
        color: var(--swat-green);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .swat-place-card h3 {
        font-size: 1.23rem;
      }

      .swat-place-card p {
        margin-bottom: 0;
        color: #505a54;
        font-size: 0.93rem;
      }

      .swat-place-card__tag {
        margin-top: auto;
        padding-top: 18px;
        color: var(--swat-emerald);
        font-size: 0.8rem;
        font-weight: 700;
      }

      /* Images */

      .swat-feature-image {
        overflow: hidden;
        margin: 28px 0;
        border-radius: 16px;
        background: var(--swat-beige);
      }

      .swat-feature-image img {
        width: 100%;
        max-height: 440px;
        object-fit: cover;
      }

      .swat-feature-image figcaption {
        padding: 12px 15px;
        color: var(--swat-muted);
        font-size: 0.82rem;
      }

      /* Lists */

      .swat-check-list,
      .swat-plain-list {
        padding-left: 23px;
        margin: 18px 0 22px;
      }

      .swat-check-list li,
      .swat-plain-list li {
        margin-bottom: 12px;
        padding-left: 4px;
      }

      .swat-check-list li::marker {
        color: var(--swat-emerald);
      }

      /* Info cards */

      .swat-info-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
        margin: 25px 0;
      }

      .swat-info-card {
        padding: 22px;
        border-radius: 13px;
        background: var(--swat-beige);
      }

      .swat-info-card h3 {
        font-size: 1.15rem;
      }

      .swat-info-card p:last-child {
        margin-bottom: 0;
      }

      /* Itinerary */

      .swat-itinerary {
        display: grid;
        gap: 18px;
        margin-top: 25px;
      }

      .swat-itinerary__day {
        padding: 25px;
        border: 1px solid var(--swat-border);
        border-radius: 15px;
        background: #fff;
      }

      .swat-itinerary__label {
        display: inline-block;
        margin-bottom: 11px;
        color: var(--swat-emerald);
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
      }

      .swat-itinerary__day h3 {
        margin-bottom: 13px;
      }

      .swat-itinerary__day p:last-child {
        margin-bottom: 0;
      }

      /* Safety panel */

      .swat-safety-box {
        padding: 24px 27px;
        border-radius: 14px;
        background: #f1f5f0;
      }

      .swat-safety-box h3 {
        font-size: 1.2rem;
      }

      /* FAQs */

      .swat-faq-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }

      .swat-faq-list details {
        padding: 18px 21px;
        border: 1px solid var(--swat-border);
        border-radius: 12px;
        background: #fff;
      }

      .swat-faq-list summary {
        color: var(--swat-green);
        font-weight: 700;
        cursor: pointer;
      }

      .swat-faq-list details p {
        margin: 14px 0 0;
        color: #505a54;
      }

      /* Official resources */

      .swat-resources {
        padding: 26px;
        border-radius: 15px;
        background: var(--swat-beige);
      }

      .swat-resources h3 {
        font-size: 1.2rem;
      }

      .swat-resources ul {
        padding-left: 21px;
        margin-bottom: 0;
      }

      .swat-resources li {
        margin-bottom: 11px;
      }

      .swat-resources li:last-child {
        margin-bottom: 0;
      }

      /* Author */

      .swat-author {
        display: flex;
        gap: 19px;
        align-items: flex-start;
        margin-top: 36px;
        padding: 25px;
        border: 1px solid var(--swat-border);
        border-radius: 15px;
        background: #fff;
      }

      .swat-author__mark {
        display: flex;
        flex: 0 0 55px;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--swat-green);
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
      }

      .swat-author h3 {
        margin: 0 0 5px;
        font-family: "Inter", sans-serif;
        font-size: 1.06rem;
      }

      .swat-author p {
        margin-bottom: 8px;
        font-size: 0.9rem;
      }

      .swat-author p:last-child {
        margin-bottom: 0;
      }

      /* Related guides */

      .swat-related {
        padding: 65px 0;
        background: #f1f3ed;
      }

      .swat-related__heading {
        max-width: 670px;
        margin: 0 auto 30px;
        text-align: center;
      }

      .swat-related__heading p {
        color: var(--swat-muted);
      }

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

      .swat-related__card {
        padding: 24px;
        border: 1px solid var(--swat-border);
        border-radius: 14px;
        background: #fff;
      }

      .swat-related__card h3 {
        font-size: 1.2rem;
      }

      .swat-related__card p {
        color: var(--swat-muted);
        font-size: 0.9rem;
      }

      .swat-related__card a {
        font-weight: 700;
        text-decoration: none;
      }

      /* CTA */

      .swat-cta {
        padding: 64px 0;
        background: var(--swat-green);
        color: #fff;
        text-align: center;
      }

      .swat-cta h2 {
        max-width: 700px;
        margin: 0 auto 15px;
        color: #fff;
      }

      .swat-cta p {
        max-width: 700px;
        margin: 0 auto 24px;
        color: rgba(255, 255, 255, 0.86);
      }

      .swat-cta__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 24px;
        border-radius: 8px;
        background: var(--swat-gold);
        color: #18352d !important;
        font-weight: 800;
        text-decoration: none !important;
        transition: background 0.2s ease;
      }

      .swat-cta__link:hover {
        background: #d7b978;
      }

      .swat-disclaimer {
        color: var(--swat-muted);
        font-size: 0.83rem;
      }

      /* Responsive */

      @media (max-width: 980px) {
        .swat-main-layout {
          grid-template-columns: minmax(0, 1fr) 245px;
          gap: 27px;
        }

        .swat-intro__grid {
          gap: 25px;
        }

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

      @media (max-width: 760px) {
        .swat-container {
          width: min(100% - 30px, 650px);
        }

        .swat-hero {
          min-height: 430px;
        }

        .swat-hero__content {
          width: min(100% - 30px, 650px);
          padding: 65px 0 52px;
        }

        .swat-hero h1 {
          font-size: clamp(2.25rem, 9vw, 3.4rem);
        }

        .swat-intro {
          padding-top: 42px;
        }

        .swat-intro__grid {
          grid-template-columns: 1fr;
          gap: 22px;
        }

        .swat-main-layout {
          display: flex;
          flex-direction: column;
          padding-top: 5px;
        }

        .swat-content {
          width: 100%;
        }

        .swat-toc {
          position: static;
          order: -1;
          width: 100%;
        }

        .swat-section {
          margin-bottom: 44px;
        }

        .swat-place-grid,
        .swat-info-grid {
          grid-template-columns: 1fr;
        }

        .swat-place-card {
          padding: 21px;
        }

        .swat-related__grid {
          grid-template-columns: 1fr;
        }

        .swat-advisory {
          padding: 21px;
        }

        .swat-author {
          padding: 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .swat-article *,
        .swat-article *::before,
        .swat-article *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }
    


/* =========================================================
   PREMIUM IMAGE GAP FIX — article images and figure captions
========================================================= */
.article-content figure {
    display: flow-root;
    line-height: normal;
}

.article-content figure > img,
.article-content figure > a > img,
.article-featured__image,
.blog-hero__image {
    display: block;
    vertical-align: top;
}

.article-content figure > img,
.article-content figure > a > img {
    margin: 0;
}

.article-content figure figcaption:empty,
.article-featured__caption:empty {
    display: none;
}

/* Captions are not shown when the design calls for image-only media. */
.article-featured__caption {
    margin-top: 0;
}


/* Responsive image and figure hardening */
.blog-page img, .blog-content img, .blog-article img, .blog-hero img { max-width:100%; }
.blog-content figure, .blog-article figure { margin-block: 1.5rem; }
.blog-content figure > img, .blog-article figure > img { display:block; width:100%; height:auto; }
.blog-content figcaption:empty, .blog-article figcaption:empty { display:none; margin:0; padding:0; }
@media (max-width: 767px) { .blog-container, .blog-reading-container { width:min(100% - 32px, 100%); } }


/* Responsive image and figure hardening */
.blog-page img, .blog-content img, .blog-article img, .blog-hero img { max-width:100%; }
.blog-content figure, .blog-article figure { margin-block: 1.5rem; }
.blog-content figure > img, .blog-article figure > img { display:block; width:100%; height:auto; }
.blog-content figcaption:empty, .blog-article figcaption:empty { display:none; margin:0; padding:0; }
@media (max-width: 767px) { .blog-container, .blog-reading-container { width:min(100% - 32px, 100%); } }