/**
 * koohrun-tuning.css — لایهٔ چیدمان اصلی قالب کوه ران
 * نسخهٔ ۳۳.۰.۴ — بازطراحی BroadSheet تحلیلی
 *
 * این فایل باید آخرین CSS بارگذاری‌شده باشد.
 *
 * @package koohrun-pro
 * @version 33.0.18
 * @license GPL-2.0-or-later
 */

/* ============================================================
   1. پایه
   ============================================================ */

html {
    background: var(--bg-deep, #030305);
    font-size: 16.5px;
    color-scheme: dark;
}

body.koohrun-pro-theme {
    background: var(--bg, #050507);
    color: var(--t1, #ece9e3);
    max-width: none;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.wrap {
    width: min(var(--max-width, 1480px), 100%);
    margin-inline: auto;
    padding-inline: var(--layout-pad-x, 1.75rem);
}

.main {
    padding-block: 1.5rem 4rem;
}

/* ============================================================
   2. هدر — Row 1 (Brand + Meta + Menu toggle)
   ============================================================ */

.site-header#kr-strip {
    position: relative;
    z-index: 40;
    background: rgba(3, 3, 5, .97);
    border-bottom: 1px solid rgba(212, 175, 106, .14);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.header__top {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.5rem;
    padding-block: .85rem;
}

#kr-strip .brand {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
}

#kr-strip .brand__logo {
    display: block;
    width: auto;
    height: 62px;
    max-width: 190px;
    object-fit: contain;
}

#kr-strip .brand__mark {
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 2rem;
    line-height: 1.1;
    color: var(--gold, #d4af6a);
    letter-spacing: -.02em;
    font-weight: 400;
    border: 1px solid var(--gold-hair, rgba(212,175,106,.14));
    border-radius: 8px;
    padding: .15rem .75rem .35rem;
    background: linear-gradient(180deg, rgba(212,175,106,.06), rgba(212,175,106,0));
}

#kr-strip .typewriter {
    justify-self: center;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: .95rem;
    font-style: italic;
    line-height: 1.5;
    color: var(--t3, #69665f);
    white-space: nowrap;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

#kr-strip .typewriter::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1em;
    vertical-align: middle;
    background: var(--gold, #d4af6a);
    animation: koohrun-blink 1.1s step-end infinite;
}

@keyframes koohrun-blink { 50% { opacity: 0; } }

#kr-strip .meta {
    justify-self: end;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .2rem;
    font-size: .78rem;
    line-height: 1.5;
}

#kr-strip .meta__date {
    color: var(--gold, #d4af6a);
    white-space: nowrap;
}

#kr-strip .info-line {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .55rem;
}

#kr-strip .kv {
    display: inline-flex;
    align-items: baseline;
    gap: .3rem;
    white-space: nowrap;
}

#kr-strip .kv__k { color: var(--gold, #d4af6a); }
#kr-strip .kv__v { color: var(--t1, #ece9e3); font-variant-numeric: tabular-nums; }
#kr-strip .kv__u { color: var(--t3, #69665f); font-size: .72rem; }

#kr-strip .dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--t3, #69665f);
    flex: 0 0 auto;
}

#kr-strip .world-clock__time {
    padding: 0;
    border: 0;
    background: transparent;
    min-width: 0;
    font-size: inherit;
    color: var(--t1, #ece9e3);
}

.menu-toggle {
    display: none;
    width: 2.4rem;
    height: 2.4rem;
    background: transparent;
    border: 1px solid var(--border-2, rgba(255,255,255,.09));
    border-radius: 8px;
    color: var(--gold, #d4af6a);
    place-items: center;
    padding: 0;
}

.menu-toggle svg {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

/* ============================================================
   3. نوار ناوبری — Row 2 (چسبان پس از اسکرول)
   ============================================================ */

.site-nav {
    border-top: 1px solid var(--border, rgba(255,255,255,.045));
    background: rgba(3, 3, 5, .96);
    transition: box-shadow .25s ease;
}

.site-nav.is-stuck {
    position: fixed;
    top: 0;
    inset-inline: 0;
    z-index: 60;
    border-top: 0;
    border-bottom: 1px solid var(--gold-hair, rgba(212,175,106,.14));
    box-shadow: 0 6px 20px rgba(0, 0, 0, .5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.site-nav__inner {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-block: .35rem;
}

.site-nav__list {
    display: flex;
    align-items: center;
    gap: .1rem;
    flex: 1;
    min-width: 0;
}

.site-nav__list a {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .55rem .9rem;
    color: var(--t2, #9b9891);
    font-size: .95rem;
    border-bottom: 2px solid transparent;
    transition: color .15s, border-color .15s, background .15s;
    white-space: nowrap;
}

.site-nav__list a:hover { color: var(--gold-hi, #e8c98a); }
.site-nav__list a.is-active {
    color: var(--gold, #d4af6a);
    border-bottom-color: var(--gold, #d4af6a);
}

.site-nav__search {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .8rem;
    background: transparent;
    border: 1px solid var(--border-2, rgba(255,255,255,.09));
    border-radius: 999px;
    color: var(--t2, #9b9891);
    font-size: .85rem;
    transition: border-color .15s, color .15s;
}

.site-nav__search:hover {
    border-color: var(--gold-hair, rgba(212,175,106,.22));
    color: var(--gold, #d4af6a);
}

.site-nav__search svg {
    width: .9rem;
    height: .9rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

/* ============================================================
   4. Ticker
   ============================================================ */

.ticker {
    border-bottom: 1px solid var(--border, rgba(255,255,255,.045));
    background: linear-gradient(180deg, rgba(201,74,63,.04), transparent);
    font-size: .85rem;
}

.ticker__inner {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding-block: .55rem;
}

.ticker__badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--live, #c94a3f);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    flex: 0 0 auto;
    font-weight: 600;
}

.ticker__pulse {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--live, #c94a3f);
    box-shadow: 0 0 0 0 rgba(201,74,63,.6);
    animation: ticker-pulse 1.8s ease-out infinite;
}

@keyframes ticker-pulse {
    0% { box-shadow: 0 0 0 0 rgba(201,74,63,.55); }
    100% { box-shadow: 0 0 0 12px rgba(201,74,63,0); }
}

.ticker__viewport {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    position: relative;
    height: 1.7em;
}

.ticker__item {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .4s ease, transform .4s ease;
    color: var(--t2, #9b9891);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ticker__item.is-on { opacity: 1; transform: translateY(0); }
.ticker__item a { color: var(--t1, #ece9e3); }
.ticker__item a:hover { color: var(--gold, #d4af6a); }
.ticker__item time { color: var(--t3, #69665f); font-size: .78rem; margin-inline-start: .35rem; }

/* ============================================================
   5. Hero Zone — سرمقاله + ۳ کارت رقیب
   ============================================================ */

.hero-zone {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(320px, 1fr);
    gap: 1.5rem;
    margin-bottom: 2.5rem;
    align-items: stretch;
}

.hero__article {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    background: linear-gradient(180deg, var(--card-bg, #08080b), var(--card-bg-2, #0b0b0f));
    border: 1px solid var(--gold-hair, rgba(212,175,106,.22));
    border-radius: var(--r-lg, 14px);
    overflow: hidden;
    box-shadow: var(--sh-2, 0 6px 20px rgba(0,0,0,.35));
    min-height: 380px;
}

.hero--no-media .hero__article,
.hero__article.hero--no-media {
    grid-template-columns: minmax(0, 1fr);
}

.hero__body {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.hero__top {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--gold, #d4af6a);
    font-size: .82rem;
}

.eyebrow__bar {
    width: 20px;
    height: 2px;
    background: var(--gold, #d4af6a);
    border-radius: 2px;
}

.hero__title {
    margin: 0;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: clamp(1.5rem, 2.4vw, 2.1rem);
    line-height: 1.5;
    color: var(--gold-hi, #e8c98a);
    font-weight: 400;
    overflow-wrap: anywhere;
    letter-spacing: -.01em;
}

.hero__title a { color: inherit; }
.hero__title a:hover { color: var(--gold, #d4af6a); }

.hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    font-size: .78rem;
    color: var(--t3, #69665f);
}

.hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.hero__meta span::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    opacity: .6;
}

.hero__meta span:first-child::before { display: none; }

.hero__excerpt {
    margin: 0;
    color: var(--t2, #9b9891);
    font-size: 1rem;
    line-height: 1.9;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hero__cta {
    margin-top: auto;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem 1.05rem;
    border: 1px solid var(--gold-hair, rgba(212,175,106,.22));
    border-radius: 999px;
    color: var(--gold, #d4af6a);
    font-size: .85rem;
    transition: background .15s, color .15s;
}

.hero__cta:hover {
    background: var(--gold, #d4af6a);
    color: #08080b;
}

.hero__cta svg {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hero__media {
    position: relative;
    overflow: hidden;
    background: #020204;
    min-height: 100%;
}

.hero__media a {
    display: block;
    width: 100%;
    height: 100%;
}

.hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.9) contrast(1.03) brightness(.94);
    transition: transform .5s ease;
}

.hero__media a:hover img { transform: scale(1.03); }

/* Hero Side */
.hero-side {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    min-width: 0;
}

.hero-side__title {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--gold, #d4af6a);
    font-size: .82rem;
    font-family: "B Zar", Tahoma, sans-serif;
    font-weight: 400;
    margin: 0;
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--gold-hair, rgba(212,175,106,.22));
}

.hero-side__title::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--live, #c94a3f);
    box-shadow: 0 0 6px rgba(201,74,63,.6);
}

.hero-side__list {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    flex: 1;
}

.hero-side__item {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: .8rem;
    padding: .7rem;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    transition: border-color .18s, background .18s, transform .18s;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.hero-side__item:hover {
    border-color: var(--card-border-hi, rgba(212,175,106,.22));
    background: var(--card-hi, #101015);
    transform: translateX(-3px);
}

.hero-side__thumb {
    width: 96px;
    height: 76px;
    border-radius: 6px;
    overflow: hidden;
    background: #020204;
    flex-shrink: 0;
}

.hero-side__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-side__body { min-width: 0; }

.hero-side__heading {
    margin: 0 0 .25rem;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: .98rem;
    line-height: 1.55;
    color: var(--t1, #ece9e3);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
}

.hero-side__item:hover .hero-side__heading { color: var(--gold, #d4af6a); }

.hero-side__meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .72rem;
    color: var(--t3, #69665f);
}

.hero-side__cat { color: var(--steel, #6a89b8); }

/* ============================================================
   6. Section Head
   ============================================================ */

.section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .7rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--gold-hair, rgba(212,175,106,.22));
    position: relative;
}

.section-head::after {
    content: '';
    position: absolute;
    inset-inline-end: 0;
    bottom: -1px;
    width: 52px;
    height: 2px;
    background: var(--gold, #d4af6a);
}

.section-head__left {
    display: flex;
    align-items: baseline;
    gap: .85rem;
    flex-wrap: wrap;
}

.section-head__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: grid;
    place-items: center;
    color: var(--gold, #d4af6a);
    align-self: center;
}

.section-head__icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.section-head h2 {
    margin: 0;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 1.5rem;
    line-height: 1.4;
    color: var(--t1, #ece9e3);
    font-weight: 400;
}

.section-head__sub {
    color: var(--t3, #69665f);
    font-size: .82rem;
    font-weight: 400;
}

.section-head__link {
    color: var(--gold, #d4af6a);
    font-size: .82rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    transition: color .15s, gap .15s;
}

.section-head__link:hover { color: var(--gold-hi, #e8c98a); gap: .5rem; }

/* ============================================================
   7. کارت‌ها — Standard و Compact
   ============================================================ */

/* --- Standard: تصویر بالا --- */
.card-standard {
    display: flex;
    flex-direction: column;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    overflow: hidden;
    transition: border-color .18s, transform .18s, background .18s;
    color: inherit;
    text-decoration: none;
}

.card-standard:hover {
    border-color: var(--card-border-hi, rgba(212,175,106,.22));
    background: var(--card-hi, #101015);
    transform: translateY(-3px);
}

.card-standard__media {
    aspect-ratio: 16/9;
    background: #020204;
    overflow: hidden;
    position: relative;
}

.card-standard__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.card-standard:hover .card-standard__media img { transform: scale(1.04); }

.card-standard__badge {
    position: absolute;
    top: .6rem;
    inset-inline-end: .6rem;
    background: rgba(8,8,11,.85);
    backdrop-filter: blur(6px);
    color: var(--gold, #d4af6a);
    padding: .18rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    border: 1px solid var(--gold-hair, rgba(212,175,106,.22));
}

.card-standard__body {
    padding: .85rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1;
}

.card-standard__title {
    margin: 0;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 1.08rem;
    line-height: 1.55;
    color: var(--t1, #ece9e3);
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-standard:hover .card-standard__title { color: var(--gold, #d4af6a); }

.card-standard__excerpt {
    margin: 0;
    color: var(--t2, #9b9891);
    font-size: .82rem;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-standard__meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .72rem;
    color: var(--t3, #69665f);
    margin-top: auto;
    padding-top: .5rem;
}

.card-standard__cat { color: var(--steel, #6a89b8); }

/* --- Compact: افقی با thumb --- */
.card-compact {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: .7rem;
    padding: .7rem;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    transition: border-color .18s, background .18s, transform .18s;
    color: inherit;
    text-decoration: none;
    align-items: center;
}

.card-compact:hover {
    border-color: var(--card-border-hi, rgba(212,175,106,.22));
    background: var(--card-hi, #101015);
    transform: translateX(-3px);
}

.card-compact__thumb {
    width: 80px;
    height: 66px;
    border-radius: 6px;
    overflow: hidden;
    background: #020204;
}

.card-compact__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-compact__body { min-width: 0; }

.card-compact__title {
    margin: 0 0 .2rem;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: .95rem;
    line-height: 1.5;
    color: var(--t1, #ece9e3);
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-compact:hover .card-compact__title { color: var(--gold, #d4af6a); }

.card-compact__meta {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .7rem;
    color: var(--t3, #69665f);
}

.card-compact__cat { color: var(--steel, #6a89b8); }

/* ============================================================
   8. Newsstand — نشریات جهان (قبل از مقالات)
   ============================================================ */

.newsstand-zone { margin-bottom: 3rem; }

.newsstand {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 1fr);
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: .5rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--border-2, rgba(255,255,255,.09)) transparent;
}

.newsstand::-webkit-scrollbar { height: 6px; }
.newsstand::-webkit-scrollbar-thumb { background: var(--border-2, rgba(255,255,255,.09)); border-radius: 3px; }

.news-card {
    display: flex;
    flex-direction: column;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    overflow: hidden;
    transition: border-color .18s, transform .18s;
    scroll-snap-align: start;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.news-card:hover {
    border-color: var(--card-border-hi, rgba(212,175,106,.22));
    transform: translateY(-3px);
}

.news-card__cover {
    aspect-ratio: 4/5;
    background: #020204;
    overflow: hidden;
    position: relative;
}

.news-card__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.news-card:hover .news-card__cover img { transform: scale(1.04); }

.news-card__country {
    position: absolute;
    top: .55rem;
    inset-inline-start: .55rem;
    background: rgba(8,8,11,.85);
    backdrop-filter: blur(6px);
    color: var(--steel-hi, #8ea9cf);
    padding: .15rem .5rem;
    border-radius: 4px;
    font-size: .68rem;
    border: 1px solid var(--steel-line, rgba(106,137,184,.28));
}

.news-card__body {
    padding: .7rem .85rem .85rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.news-card__title {
    margin: 0;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: .98rem;
    line-height: 1.5;
    color: var(--gold, #d4af6a);
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-card__excerpt {
    margin: 0;
    color: var(--t2, #9b9891);
    font-size: .78rem;
    line-height: 1.65;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-card__date {
    font-size: .7rem;
    color: var(--t3, #69665f);
    margin-top: .15rem;
}

/* ============================================================
   9. Articles Zone — 6 کارت در 2 ردیف 3ستونه
   ============================================================ */

.articles-zone {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.articles-section { margin-bottom: 3rem; }

/* ============================================================
   10. Booklets Zone
   ============================================================ */

.booklets-section { margin-bottom: 3rem; }

.booklets-zone {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.booklet-card {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: .9rem;
    padding: .9rem;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    transition: border-color .18s, background .18s, transform .18s;
    color: inherit;
    text-decoration: none;
    align-items: start;
}

.booklet-card:hover {
    border-color: var(--card-border-hi, rgba(212,175,106,.22));
    background: var(--card-hi, #101015);
    transform: translateY(-3px);
}

.booklet-card__cover {
    width: 100px;
    height: 130px;
    border-radius: 6px;
    overflow: hidden;
    background: #020204;
    box-shadow: 0 8px 20px rgba(0,0,0,.4);
}

.booklet-card__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.booklet-card__cover-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    background: #101014;
    color: var(--t3, #69665f);
    font-size: 1.5rem;
}

.booklet-card__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.booklet-card__title {
    margin: 0;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--gold, #d4af6a);
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.booklet-card__excerpt {
    margin: 0;
    color: var(--t2, #9b9891);
    font-size: .8rem;
    line-height: 1.65;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.booklet-card__pages {
    font-size: .72rem;
    color: var(--t3, #69665f);
    margin-top: auto;
}

/* ============================================================
   11. Latest Zone — 20 کارت با thumb
   ============================================================ */

.latest-section { margin-top: 1rem; }

.latest-zone {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.latest-card {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: .65rem;
    padding: .6rem;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-sm, 6px);
    transition: border-color .18s, background .18s;
    align-items: center;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.latest-card:hover {
    border-color: var(--card-border-hi, rgba(212,175,106,.22));
    background: var(--card-hi, #101015);
}

.latest-card__thumb {
    width: 60px;
    height: 54px;
    border-radius: 5px;
    overflow: hidden;
    background: #020204;
}

.latest-card__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.latest-card__body { min-width: 0; }

.latest-card__title {
    margin: 0 0 .15rem;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: .85rem;
    line-height: 1.45;
    color: var(--t1, #ece9e3);
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.latest-card:hover .latest-card__title { color: var(--gold, #d4af6a); }

.latest-card__time {
    font-size: .68rem;
    color: var(--t3, #69665f);
    display: flex;
    align-items: center;
    gap: .3rem;
}

.latest-card__time::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--steel, #6a89b8);
    flex-shrink: 0;
}

/* ============================================================
   12. پست تکی — Progress Bar
   ============================================================ */

.progress-bar {
    position: fixed;
    top: 0;
    inset-inline: 0;
    height: 3px;
    background: transparent;
    z-index: 100;
    pointer-events: none;
}

.progress-bar__fill {
    height: 100%;
    background: linear-gradient(90deg, var(--gold, #d4af6a), var(--gold-hi, #e8c98a));
    width: 0%;
    transition: width .1s linear;
}

/* ============================================================
   13. پست تکی — چیدمان دو ستون + ستون کنار
   ============================================================ */

.single-wrap {
    width: min(1040px, 100%);
    margin-inline: auto;
    padding-inline: var(--layout-pad-x, 1.75rem);
    padding-block: 2rem 4rem;
}

.single-page { padding: 0; }

.crumb {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .82rem;
    color: var(--t3, #69665f);
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.crumb a { color: var(--t3, #69665f); }
.crumb a:hover { color: var(--gold, #d4af6a); }
.crumb .sep { color: var(--t3, #69665f); opacity: .5; }

/* گرید اصلی: main + side */
.single-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 2rem;
    align-items: start;
}

.single-main {
    min-width: 0;
    direction: rtl;
}

.single-side {
    position: sticky;
    top: 5.5rem;
    align-self: start;
    direction: rtl;
}

.side-card {
    background: linear-gradient(180deg, var(--card-bg, #08080b), var(--card-bg-2, #0b0b0f));
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    padding: 1.1rem 1.15rem;
    box-shadow: var(--sh-1, 0 1px 2px rgba(0,0,0,.5));
}

.side-card__title {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--gold, #d4af6a);
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 .85rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid var(--gold-hair, rgba(212,175,106,.22));
}

.side-card__title::before {
    content: '';
    width: 4px;
    height: 16px;
    background: var(--gold, #d4af6a);
    border-radius: 2px;
}

.side-card__count {
    margin-inline-start: auto;
    font-size: .72rem;
    color: var(--t3, #69665f);
    background: rgba(212,175,106,.08);
    padding: .1rem .45rem;
    border-radius: 999px;
    border: 1px solid var(--gold-hair, rgba(212,175,106,.22));
}

.side-list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.side-item {
    display: block;
    padding: .65rem .1rem .65rem 1.1rem;
    border-bottom: 1px dashed var(--border, rgba(255,255,255,.055));
    color: var(--t1, #ece9e3);
    font-size: .88rem;
    line-height: 1.55;
    transition: color .15s, padding-inline-start .15s;
    position: relative;
    overflow-wrap: anywhere;
}

.side-item::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 1.05rem;
    width: 6px;
    height: 6px;
    border: 1px solid var(--gold, #d4af6a);
    transform: rotate(45deg);
    transition: background .15s;
    background: transparent;
}

.side-item:last-child { border-bottom: 0; }
.side-item:hover { color: var(--gold, #d4af6a); }
.side-item:hover::before { background: var(--gold, #d4af6a); }

/* ============================================================
   14. سرصفحهٔ پست
   ============================================================ */

.post-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--gold-hair, rgba(212,175,106,.22));
    background: transparent;
}

.post-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--gold, #d4af6a);
    font-size: .88rem;
    margin-bottom: .5rem;
}

.post-kicker::before,
.post-kicker__dot {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold, #d4af6a);
}

.post-title {
    margin: 0 0 .9rem;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: clamp(1.75rem, 3.2vw, 2.5rem);
    line-height: 1.4;
    color: var(--gold-hi, #e8c98a);
    font-weight: 400;
    text-wrap: balance;
    letter-spacing: -.015em;
}

.post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    font-size: .82rem;
    color: var(--t3, #69665f);
}

.post-meta span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.post-meta svg {
    width: .85rem;
    height: .85rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.post-meta__cat { color: var(--steel, #6a89b8); }

/* ============================================================
   15. محتوای پست تکی
   ============================================================ */

.post-content {
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: clamp(1.12rem, 1.4vw, 1.25rem);
    line-height: 2.1;
    color: var(--t1, #ece9e3);
}

.post-content > * + * { margin-top: 1.15rem; }
.post-content p { margin: 0 0 1.15rem; color: var(--t1, #ece9e3); }

.post-content h2,
.post-content h3,
.post-content h4 {
    font-family: "B Zar", Tahoma, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: var(--gold-hi, #e8c98a);
}

.post-content h2 {
    margin-top: 2.25rem;
    font-size: clamp(1.5rem, 2.5vw, 1.9rem);
}

.post-content h3 {
    margin-top: 1.75rem;
    font-size: clamp(1.28rem, 2.1vw, 1.6rem);
}

.post-content a { color: var(--gold-hi, #e8c98a); }

.post-content img,
.post-content video,
.post-content iframe {
    max-width: 100%;
    height: auto;
}

/* تصویر شاخص شناور */
.post-feature-inline {
    float: right;
    width: min(42%, 340px);
    margin: .25rem 0 1.25rem 1.75rem;
    shape-outside: margin-box;
    background: transparent;
    border: 0;
    padding: 0;
}

.post-feature-inline img,
.post-feature-inline .single-thumbnail {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--r-md, 10px);
    box-shadow: 0 16px 40px rgba(0,0,0,.4);
}

.post-feature-inline figcaption {
    margin-top: .5rem;
    font-size: .78rem;
    color: var(--t3, #69665f);
    line-height: 1.6;
    text-align: start;
}

.post-content::after {
    content: '';
    display: table;
    clear: both;
}

.post-content .kr-en-inline {
    font-size: .88em;
    line-height: inherit;
}

/* ============================================================
   16. اشتراک‌گذاری + ناوبری قبلی/بعدی
   ============================================================ */

.share-bar {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1.25rem 0;
    border-top: 1px solid var(--border, rgba(255,255,255,.055));
    border-bottom: 1px solid var(--border, rgba(255,255,255,.055));
    margin: 2rem 0;
    flex-wrap: wrap;
}

.share-bar__label {
    color: var(--t3, #69665f);
    font-size: .82rem;
    margin-inline-end: .35rem;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .4rem .85rem;
    background: transparent;
    border: 1px solid var(--border-2, rgba(255,255,255,.09));
    border-radius: 999px;
    color: var(--t2, #9b9891);
    font-size: .82rem;
    transition: all .15s;
}

.share-btn:hover {
    border-color: var(--gold, #d4af6a);
    color: var(--gold, #d4af6a);
}

.share-btn svg {
    width: .9rem;
    height: .9rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.post-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 2rem 0;
}

.post-nav__item {
    padding: 1rem 1.15rem;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    transition: border-color .18s, background .18s;
    color: inherit;
    text-decoration: none;
}

.post-nav__item:hover {
    border-color: var(--card-border-hi, rgba(212,175,106,.22));
    background: var(--card-hi, #101015);
}

.post-nav__dir {
    color: var(--t3, #69665f);
    font-size: .75rem;
    display: block;
    margin-bottom: .3rem;
}

.post-nav__title {
    color: var(--t1, #ece9e3);
    font-size: .95rem;
    line-height: 1.5;
    display: block;
    font-family: "B Zar", Tahoma, sans-serif;
}

.post-nav__item:hover .post-nav__title { color: var(--gold, #d4af6a); }

/* ============================================================
   17. آرشیو — Filter + Featured + Grid
   ============================================================ */

.archive-header {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.25rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--gold-hair, rgba(212,175,106,.22));
}

.archive-title {
    margin: 0;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 1.9rem;
    color: var(--gold, #d4af6a);
    font-weight: 400;
}

.archive-subtitle {
    color: var(--t3, #69665f);
    font-size: .88rem;
    margin-top: .35rem;
}

.filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.filter-chip {
    padding: .35rem .85rem;
    background: transparent;
    border: 1px solid var(--border-2, rgba(255,255,255,.09));
    border-radius: 999px;
    color: var(--t2, #9b9891);
    font-size: .8rem;
    transition: all .15s;
}

.filter-chip:hover {
    border-color: var(--gold-hair, rgba(212,175,106,.22));
    color: var(--gold, #d4af6a);
}

.featured-article {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 0;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--gold-hair, rgba(212,175,106,.22));
    border-radius: var(--r-lg, 14px);
    overflow: hidden;
    margin-bottom: 1.75rem;
}

.featured-article__media {
    min-height: 260px;
    overflow: hidden;
}

.featured-article__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-article__body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    justify-content: center;
}

.featured-article__kicker {
    color: var(--gold, #d4af6a);
    font-size: .82rem;
}

.featured-article__title {
    margin: 0;
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--gold-hi, #e8c98a);
    font-weight: 400;
}

.featured-article__excerpt {
    margin: 0;
    color: var(--t2, #9b9891);
    line-height: 1.85;
}

.archive-page { padding-top: 2rem; }

.archive-page .posts-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.post-card {
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    box-shadow: var(--card-shadow, 0 6px 20px rgba(0,0,0,.35));
    overflow: hidden;
    transition: border-color .18s, background .18s;
}

.post-card:hover {
    background: var(--card-hi, #101015);
    border-color: var(--card-border-hi, rgba(212,175,106,.22));
}

.post-card-content { padding: 1rem 1.15rem 1.15rem; }

.post-card .entry-title {
    font-family: "B Zar", Tahoma, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 .5rem;
    font-size: 1.15rem;
}

.post-card .entry-title a { color: var(--gold, #d4af6a); }
.post-card .entry-title a:hover { color: var(--gold-hi, #e8c98a); }

.post-card .entry-meta {
    font-size: .75rem;
    color: var(--t3, #69665f);
    margin-bottom: .65rem;
}

.post-card .entry-summary {
    color: var(--t2, #9b9891);
    line-height: 1.8;
    font-size: .88rem;
}

.post-card .entry-footer { margin-top: .85rem; }

.read-more-link {
    color: var(--gold, #d4af6a);
    font-size: .85rem;
}

.read-more-link:hover { color: var(--gold-hi, #e8c98a); }

/* ============================================================
   18. جستجو و ایندکس
   ============================================================ */

.search-page, .index-page { padding-top: 2rem; }

.search-page .page-header,
.index-page .page-header { margin-bottom: 1.5rem; }

.search-page .page-title,
.index-page .page-title {
    font-family: "B Zar", Tahoma, sans-serif;
    color: var(--gold, #d4af6a);
    font-weight: 400;
}

.search-results-count {
    color: var(--t3, #69665f);
    font-size: .85rem;
    margin-top: .35rem;
}

.search-page .posts-grid,
.index-page .posts-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

/* ============================================================
   19. صفحه ثابت
   ============================================================ */

.page-content { padding-top: 2rem; }

.entry-page {
    background: var(--card-bg, #08080b);
    border: 1px solid var(--card-border, rgba(255,255,255,.055));
    border-radius: var(--r-md, 10px);
    box-shadow: var(--card-shadow, 0 6px 20px rgba(0,0,0,.35));
    padding: 2rem;
}

.entry-page .entry-title {
    font-family: "B Zar", Tahoma, sans-serif;
    font-weight: 400;
    color: var(--gold, #d4af6a);
    margin-top: 0;
}

/* ============================================================
   20. 404
   ============================================================ */

.error-hero {
    text-align: center;
    padding-block: 4rem 2rem;
    max-width: 640px;
    margin: 0 auto;
}

.error-code {
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: clamp(5rem, 14vw, 9rem);
    line-height: 1;
    color: var(--gold, #d4af6a);
    letter-spacing: -.04em;
    margin: 0;
    opacity: .85;
}

.error-title {
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: clamp(1.4rem, 3vw, 2rem);
    margin: 1rem 0 .85rem;
    color: var(--t1, #ece9e3);
    font-weight: 400;
}

.error-text {
    color: var(--t2, #9b9891);
    margin-bottom: 2rem;
    line-height: 1.9;
}

.error-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem 1.15rem;
    border-radius: 999px;
    font-size: .9rem;
    transition: all .15s;
    border: 1px solid transparent;
}

.btn--primary {
    background: var(--gold, #d4af6a);
    color: #08080b;
}

.btn--primary:hover { background: var(--gold-hi, #e8c98a); }

.btn--ghost {
    border-color: var(--border-2, rgba(255,255,255,.09));
    color: var(--t2, #9b9891);
}

.btn--ghost:hover {
    border-color: var(--gold, #d4af6a);
    color: var(--gold, #d4af6a);
}

.search-box {
    max-width: 480px;
    margin: 0 auto 3rem;
    position: relative;
}

.search-box input {
    width: 100%;
    padding: .85rem 3rem .85rem 1.15rem;
    background: var(--card-bg, #08080b);
    border: 1px solid var(--border-2, rgba(255,255,255,.09));
    border-radius: 999px;
    color: var(--t1, #ece9e3);
    font: inherit;
    transition: border-color .15s;
}

.search-box input:focus { outline: none; border-color: var(--gold, #d4af6a); }

.search-box button {
    position: absolute;
    inset-inline-end: .4rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    background: var(--gold, #d4af6a);
    border: 0;
    color: #08080b;
    display: grid;
    place-items: center;
}

.search-box button svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

/* ============================================================
   21. فوتر
   ============================================================ */

.site-footer {
    border-top: 1px solid var(--gold-hair, rgba(212,175,106,.22));
    background: var(--bg-deep, #030305);
    padding-block: 2rem 1.5rem;
    color: var(--t3, #69665f);
    font-size: .85rem;
    margin-top: 3rem;
}

.site-footer__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.site-footer__brand {
    color: var(--gold, #d4af6a);
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 1.1rem;
}

.site-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.site-footer__links a {
    color: var(--t2, #9b9891);
    transition: color .15s;
}

.site-footer__links a:hover { color: var(--gold, #d4af6a); }

/* ============================================================
   22. بازگشت به بالا
   ============================================================ */

.back-to-top {
    position: fixed;
    inset-inline-end: 1.25rem;
    bottom: 1.25rem;
    z-index: 50;
    width: 2.6rem;
    height: 2.6rem;
    display: grid;
    place-items: center;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    background: #09090c;
    border: 1px solid var(--border-2, rgba(255,255,255,.09));
    border-radius: 50%;
    color: var(--gold, #d4af6a);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease, border-color .2s ease;
}

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

.back-to-top:hover { border-color: var(--gold, #d4af6a); }

.back-to-top svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ============================================================
   23. Chips Nav — موبایل (دسته‌بندی افقی)
   ============================================================ */

.chips-nav {
    display: none;
    gap: .4rem;
    padding: .55rem 1rem;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid var(--border, rgba(255,255,255,.045));
    background: var(--bg-deep, #030305);
    scroll-snap-type: x proximity;
}

.chips-nav::-webkit-scrollbar { display: none; }

.chip {
    padding: .35rem .85rem;
    border: 1px solid var(--border-2, rgba(255,255,255,.09));
    border-radius: 999px;
    color: var(--t2, #9b9891);
    font-size: .78rem;
    white-space: nowrap;
    flex: 0 0 auto;
    background: transparent;
    transition: all .15s;
    scroll-snap-align: start;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.chip.is-on {
    background: var(--gold, #d4af6a);
    color: #08080b;
    border-color: var(--gold, #d4af6a);
}

.chip:hover:not(.is-on) {
    border-color: var(--gold-hair, rgba(212,175,106,.22));
    color: var(--gold, #d4af6a);
}

/* ============================================================
   24. Compact info — موبایل (نوار اطلاعات فشرده)
   ============================================================ */

.compact-info {
    display: none;
    align-items: center;
    gap: .65rem;
    padding: .4rem 1rem;
    border-bottom: 1px solid var(--border, rgba(255,255,255,.045));
    font-size: .72rem;
    color: var(--t3, #69665f);
    background: var(--bg-deep, #030305);
    overflow: hidden;
    white-space: nowrap;
    scrollbar-width: none;
}

.compact-info strong { color: var(--gold, #d4af6a); font-weight: 400; }
.compact-info__sep { color: var(--t3, #69665f); opacity: .5; }

/* ============================================================
   25. Mobile Drawer
   ============================================================ */

.mobile-drawer {
    position: fixed;
    inset: 0;
    z-index: 200;
    pointer-events: none;
    visibility: hidden;
}

.mobile-drawer.is-open {
    pointer-events: auto;
    visibility: visible;
}

.mobile-drawer__overlay {
    position: absolute;
    inset: 0;
    background: rgba(3,3,5,.75);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity .25s ease;
}

.mobile-drawer.is-open .mobile-drawer__overlay { opacity: 1; }

.mobile-drawer__panel {
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    width: min(320px, 84vw);
    background: var(--bg, #050507);
    border-inline-end: 1px solid var(--gold-hair, rgba(212,175,106,.22));
    padding: 1.5rem 1.25rem;
    transform: translateX(100%);
    transition: transform .3s cubic-bezier(.22,1,.36,1);
    overflow-y: auto;
    box-shadow: 16px 0 44px rgba(0,0,0,.5);
}

.mobile-drawer.is-open .mobile-drawer__panel { transform: translateX(0); }

.mobile-drawer__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--gold-hair, rgba(212,175,106,.14));
}

.mobile-drawer__brand {
    color: var(--gold, #d4af6a);
    font-family: "B Zar", Tahoma, sans-serif;
    font-size: 1.3rem;
}

.mobile-drawer__close {
    width: 2.2rem;
    height: 2.2rem;
    background: transparent;
    border: 1px solid var(--border-2, rgba(255,255,255,.09));
    border-radius: 8px;
    color: var(--gold, #d4af6a);
    display: grid;
    place-items: center;
    padding: 0;
}

.mobile-drawer__close svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.mobile-drawer__list {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    margin-bottom: 1.25rem;
}

.mobile-drawer__list a {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    color: var(--t1, #ece9e3);
    border-radius: 8px;
    font-size: 1rem;
    transition: background .15s, color .15s;
    text-decoration: none;
}

.mobile-drawer__list a:hover,
.mobile-drawer__list a.is-active {
    background: rgba(212,175,106,.08);
    color: var(--gold, #d4af6a);
}

.mobile-drawer__list a.is-active { font-weight: 500; }

.mobile-drawer__meta {
    padding-top: 1rem;
    border-top: 1px solid var(--border, rgba(255,255,255,.055));
    font-size: .8rem;
    color: var(--t3, #69665f);
    line-height: 1.9;
}

.mobile-drawer__meta strong { color: var(--gold, #d4af6a); font-weight: 400; }

/* ============================================================
   26. ریسپانسیو
   ============================================================ */

/* --- 1100px: تغییرات متوسط --- */
@media (max-width: 1100px) {
    .hero-zone {
        grid-template-columns: 1fr;
    }

    .hero-side {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .7rem;
    }

    .hero-side__title { grid-column: 1 / -1; }

    .articles-zone { grid-template-columns: repeat(2, 1fr); }
    .latest-zone { grid-template-columns: repeat(3, 1fr); }
    .booklets-zone { grid-template-columns: repeat(2, 1fr); }

    .single-layout {
        grid-template-columns: minmax(0, 1fr) 240px;
        gap: 1.5rem;
    }
}

/* --- 900px: شروع موبایل --- */
@media (max-width: 900px) {
    html { font-size: 16px; }

    #kr-strip .header__top {
        grid-template-columns: auto 1fr auto;
        padding-block: .65rem;
        gap: .5rem;
    }

    #kr-strip .brand__mark { font-size: 1.4rem; padding: .08rem .5rem .22rem; }
    #kr-strip .brand__logo { height: 46px; }
    #kr-strip .typewriter { display: none; }
    #kr-strip .meta { display: none; }
    .menu-toggle { display: grid; }
    .site-nav { display: none; }

    .compact-info { display: flex; }
    .chips-nav { display: flex; }

    .hero__article {
        grid-template-columns: 40% minmax(0, 1fr);
        min-height: 0;
        border-radius: var(--r-md, 10px);
    }

    .hero__media {
        grid-column: 1;
        grid-row: 1;
        aspect-ratio: 1;
        min-height: 0;
    }

    .hero__body {
        grid-column: 2;
        grid-row: 1;
        padding: .75rem .85rem;
        gap: .35rem;
        justify-content: center;
    }

    .hero__title {
        font-size: 1.02rem;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .hero__meta {
        font-size: .68rem;
        gap: .45rem;
        margin-top: .15rem;
    }

    .hero__meta span:nth-child(2),
    .hero__meta span:nth-child(3) { display: none; }

    .hero__excerpt, .hero__cta { display: none; }

    .hero-side__title {
        font-size: .75rem;
        padding-bottom: .35rem;
        margin-bottom: .55rem;
    }

    .hero-side__list {
        display: flex;
        gap: .5rem;
        overflow-x: auto;
        padding-bottom: .35rem;
        margin-inline: calc(-1 * var(--layout-pad-x, 1rem));
        padding-inline: var(--layout-pad-x, 1rem);
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .hero-side__list::-webkit-scrollbar { display: none; }

    .hero-side__item {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 0;
        flex: 0 0 58%;
        min-width: 0;
        scroll-snap-align: start;
        border-radius: var(--r-sm, 6px);
        overflow: hidden;
        background: var(--card-bg, #08080b);
    }

    .hero-side__thumb {
        width: 100%;
        height: auto;
        aspect-ratio: 16/10;
        border-radius: 0;
    }

    .hero-side__body { padding: .5rem .6rem .6rem; }

    .hero-side__heading {
        font-size: .78rem;
        line-height: 1.5;
        -webkit-line-clamp: 2;
        margin-bottom: .15rem;
    }

    .hero-side__meta {
        font-size: .62rem;
        gap: .3rem;
        flex-wrap: wrap;
    }

    .articles-zone { grid-template-columns: 1fr 1fr; gap: .6rem; }

    .articles-zone .card-standard { border-radius: var(--r-sm, 6px); }
    .articles-zone .card-standard__media { aspect-ratio: 16/10; }
    .articles-zone .card-standard__badge {
        font-size: .62rem;
        padding: .1rem .4rem;
        top: .4rem;
        inset-inline-end: .4rem;
    }
    .articles-zone .card-standard__body { padding: .6rem .65rem .7rem; gap: .25rem; }
    .articles-zone .card-standard__title {
        font-size: .82rem;
        line-height: 1.45;
        -webkit-line-clamp: 3;
    }
    .articles-zone .card-standard__excerpt { display: none; }
    .articles-zone .card-standard__meta { font-size: .62rem; gap: .3rem; padding-top: .35rem; }

    .articles-zone .card-compact {
        grid-column: span 2;
        grid-template-columns: 72px minmax(0, 1fr);
        padding: .55rem;
        gap: .6rem;
    }

    .articles-zone .card-compact__thumb { width: 72px; height: 60px; }
    .articles-zone .card-compact__title { font-size: .85rem; }
    .articles-zone .card-compact__meta { font-size: .66rem; }

    .newsstand {
        grid-auto-columns: 62%;
        gap: .6rem;
        padding-bottom: .35rem;
    }

    .news-card__title { font-size: .85rem; }
    .news-card__excerpt { display: none; }
    .news-card__body { padding: .55rem .7rem .7rem; gap: .25rem; }
    .news-card__date { font-size: .68rem; }

    .booklets-zone { grid-template-columns: 1fr 1fr; gap: .6rem; }

    .booklet-card {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 0;
        overflow: hidden;
        border-radius: var(--r-sm, 6px);
    }

    .booklet-card__cover {
        width: 100%;
        height: auto;
        aspect-ratio: 3/4;
        border-radius: 0;
        box-shadow: none;
    }

    .booklet-card__body { padding: .55rem .65rem .65rem; gap: .2rem; }
    .booklet-card__title { font-size: .82rem; -webkit-line-clamp: 2; }
    .booklet-card__excerpt { display: none; }
    .booklet-card__pages { font-size: .65rem; }

    .latest-zone { grid-template-columns: 1fr 1fr; gap: .5rem; }

    .latest-card { grid-template-columns: 48px minmax(0, 1fr); padding: .45rem; gap: .5rem; }
    .latest-card__thumb { width: 48px; height: 44px; }
    .latest-card__title { font-size: .75rem; }
    .latest-card__time { font-size: .62rem; }

    /* Single: تک‌ستونه */
    .single-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .single-side { position: static; top: auto; }
    .post-figure, .post-feature-inline {
        float: none;
        width: min(100%, 520px);
        margin: 0 auto 1.5rem;
        shape-outside: none;
    }
    .post-nav { grid-template-columns: 1fr; }

    /* Archive */
    .featured-article { grid-template-columns: 1fr; }
    .featured-article__media { min-height: 200px; }
    .archive-page .posts-grid,
    .search-page .posts-grid,
    .index-page .posts-grid {
        grid-template-columns: 1fr;
    }

    .entry-page { padding: 1.25rem; }
}

/* --- 720px: موبایل کوچک --- */
@media (max-width: 720px) {
    .main { padding-block: 1rem 3rem; }

    .hero-zone { margin-bottom: 1.5rem; }
    .hero__title { font-size: 1rem; }
    .hero-side__item { flex: 0 0 68%; }

    .section-head {
        padding-bottom: .45rem;
        margin-bottom: .85rem;
    }
    .section-head::after { width: 34px; }
    .section-head h2 { font-size: 1.2rem; }
    .section-head__sub { display: none; }
    .section-head__icon { width: 1.1rem; height: 1.1rem; }
    .section-head__link { font-size: .75rem; }

    .single-wrap { padding-block: 1.25rem 3rem; }

    .post-title { font-size: clamp(1.6rem, 7vw, 2.1rem); }
    .post-content { font-size: 1.08rem; line-height: 2.05; }

    .share-bar { padding: .85rem 0; }
    .share-btn { font-size: .75rem; padding: .35rem .7rem; }
}

/* --- 520px: بسیار کوچک --- */
@media (max-width: 520px) {
    html { font-size: 15.5px; }

    .hero-side__item { flex: 0 0 78%; }

    .articles-zone { grid-template-columns: 1fr; }
    .articles-zone .card-compact { grid-column: span 1; }
    .latest-zone { grid-template-columns: 1fr; }
    .booklets-zone { grid-template-columns: 1fr; }

    .newsstand { grid-auto-columns: 78%; }
}

/* ============================================================
   27. Reduced Motion
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
    #kr-strip .typewriter::after { animation: none; }

    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ============================================================
   28. Utility classes
   ============================================================ */

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

[hidden] { display: none !important; }


/* 33.0.3 — editorial layout, readable cards, wordmark and search */
:root {
  --t1: #f7f5f0;
  --t2: #dedbd4;
  --t3: #b9b6ae;
  --bg: #111216;
  --bg-deep: #090a0d;
  --card-bg: #08090c;
  --card-bg-2: #0b0c10;
  --card-hi: #191b20;
  --card-border: rgba(255,255,255,.14);
  --border: rgba(255,255,255,.12);
  --border-2: rgba(255,255,255,.18);
}
/* Wide but controlled article canvas; no text/image overlap. */
.single-wrap {
  width: min(1440px, 100%);
  padding-inline: clamp(1rem, 3.2vw, 3rem);
  padding-block: clamp(1rem, 2.5vw, 2.25rem) 4rem;
}
.single-layout {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
  gap: clamp(1.5rem, 3vw, 3.25rem);
}
.single-main { min-width: 0; max-width: none; }
.post-header {
  margin-bottom: clamp(1.5rem, 2.8vw, 2.5rem);
  padding: clamp(1.25rem, 2.6vw, 2.5rem);
  background: #090a0d;
  border: 1px solid rgba(255,255,255,.12);
  border-bottom: 2px solid rgba(212,175,106,.48);
  border-radius: 12px;
}
.post-kicker { margin-bottom: .75rem; color: #f0d18d; font-size: 1rem; }
.post-title {
  color: #fff8e9;
  font-size: clamp(2rem, 3.2vw, 3.25rem);
  line-height: 1.48;
  margin-bottom: 1rem;
}
.post-meta { color: #d0cdc5; font-size: .95rem; }
.post-content {
  color: #f0eee8;
  font-size: clamp(1.2rem, 1.15vw + .85rem, 1.45rem);
  line-height: 2.05;
  overflow-wrap: anywhere;
}
.post-content p { color: #f0eee8; margin-bottom: 1.45rem; }
.post-content h2, .post-content h3, .post-content h4 { color: #f3d79a; }
.post-content > * { max-width: 100%; }
.post-feature-inline {
  float: none !important;
  shape-outside: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 clamp(1.5rem, 3vw, 2.75rem) !important;
  padding: 0;
  clear: both;
}
.post-feature-inline img, .post-feature-inline .single-thumbnail {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: min(72vh, 760px);
  height: auto;
  object-fit: contain;
  object-position: center;
  margin-inline: auto;
  border-radius: 10px;
  background: #08090c;
  box-shadow: 0 14px 36px rgba(0,0,0,.35);
}
.post-content img, .post-content video, .post-content iframe {
  max-width: 100%;
  height: auto;
}
.post-content figure:not(.post-feature-inline) {
  clear: both;
  margin-block: 1.75rem 2rem;
}
.crumb { margin-bottom: 1rem; color: #c8c4bb; }
.side-card { background: #08090c; border-color: rgba(255,255,255,.14); }
.side-card__title { color: #f3d79a; font-size: 1.12rem; }
.side-item { color: #eeeae2; font-size: 1rem; line-height: 1.8; padding-block: .8rem; }
.share-bar, .post-nav { margin-top: 2rem; }
.post-nav__item, .share-btn { background: #090a0d; border-color: rgba(255,255,255,.15); color: #f0eee8; }
.post-nav__title { color: #f7f5f0; }
/* Site title: plain B Zar wordmark, no mountain mark, frame or logo image. */
#kr-strip .header__top { gap: clamp(.75rem, 1.8vw, 1.5rem); padding-block: .55rem; }
#kr-strip .brand { min-width: max-content; }
#kr-strip .brand__mark {
  border: 0; border-radius: 0; padding: 0; background: none; box-shadow: none;
  font-family: "B Zar", Tahoma, sans-serif; font-size: clamp(1.7rem, 2.4vw, 2.35rem);
  line-height: 1.25; font-weight: 400; color: #f4dfb0; letter-spacing: 0;
}
#kr-strip .brand__logo { display: none !important; }
#kr-strip .typewriter { color: #c4c0b7; font-size: 1rem; }
#kr-strip .site-nav__search {
  padding: .32rem .65rem; min-height: 34px; gap: .35rem;
  background: #090a0d; color: #f0eee8; border-color: rgba(255,255,255,.18);
  font-size: .95rem; white-space: nowrap;
}
#kr-strip .site-nav__search svg { width: 1rem; height: 1rem; }
/* Search form: full-width only in content, compact controls and clear focus. */
.search-form {
  display: flex; align-items: stretch; gap: .5rem;
  width: min(100%, 760px); margin: 1.25rem auto 1.75rem;
  padding: .45rem; background: #08090c;
  border: 1px solid rgba(255,255,255,.2); border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.search-form label { display: block; flex: 1 1 auto; min-width: 0; margin: 0; }
.search-form .search-field, .search-form input[type="search"] {
  display: block; width: 100%; min-width: 0; min-height: 48px;
  padding: .7rem 1rem; border: 0; outline: 0; border-radius: 8px;
  background: #111318; color: #fffaf0; font: 1.05rem/1.6 "B Zar", Tahoma, sans-serif;
  box-shadow: none;
}
.search-form input[type="search"]::placeholder { color: #c0bcb3; opacity: 1; }
.search-form .search-submit, .search-form input[type="submit"], .search-form button {
  flex: 0 0 auto; min-height: 48px; padding: .6rem 1.15rem;
  border: 1px solid rgba(212,175,106,.45); border-radius: 8px;
  background: #242018; color: #fff0ca;
  font: 1rem "B Zar", Tahoma, sans-serif; cursor: pointer;
}
.search-form input:focus-visible, .search-form button:focus-visible,
.search-form input[type="submit"]:focus-visible {
  outline: 2px solid #f0d18d; outline-offset: 2px;
}
.search-page .page-title { color: #fff0ca; font-size: clamp(1.7rem, 2.4vw, 2.4rem); }
.search-results-count { color: #d0cdc5; font-size: 1rem; }
.search-page .post-card, .search-page .posts-grid > article {
  background: #08090c; border: 1px solid rgba(255,255,255,.14);
}
.search-page .entry-title a { color: #f7f5f0; font-size: 1.2rem; }
.search-page .entry-meta, .search-page .entry-summary { color: #dedbd4; font-size: 1rem; }
.card-standard, .card-compact, .hero-side__item, .hero__article,
.news-card, .booklet-card, .latest-card, .latest-item, .article-card,
.post-card, .search-result, .archive-card, .card, .widget-card {
  background-color: #08090c; color: #f7f5f0;
  border-color: rgba(255,255,255,.14);
}
.card-standard__title, .card-compact__title, .hero-side__heading,
.news-card__title, .booklet-card__title, .latest-card__title,
.latest-item__title, .article-card__title, .post-card__title,
.archive-card__title { color: #f7f5f0; }
.card-standard__excerpt, .news-card__excerpt, .booklet-card__excerpt,
.hero__excerpt, .entry-summary, .archive-description,
.card-compact__excerpt { color: #dedbd4; }
.card-standard__meta, .card-compact__meta, .news-card__date,
.entry-meta, .post-meta, .latest-card__meta { color: #c8c4bb; }
@media (max-width: 900px) {
  .single-wrap { width: 100%; padding-inline: 1.1rem; }
  .single-layout { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .single-side { position: static; }
  .post-header { padding: 1.25rem; }
  .post-title { font-size: clamp(1.75rem, 5vw, 2.4rem); }
}
@media (max-width: 560px) {
  .single-wrap { padding-inline: .85rem; }
  .post-header { padding: 1rem; border-radius: 9px; }
  .post-content { font-size: 1.16rem; line-height: 2; }
  .search-form { gap: .35rem; padding: .35rem; }
  .search-form .search-field, .search-form input[type="search"] { min-height: 44px; padding-inline: .65rem; }
  .search-form .search-submit, .search-form input[type="submit"], .search-form button { min-height: 44px; padding-inline: .75rem; }
  #kr-strip .brand__mark { font-size: 1.65rem; }
}



/* 33.0.2 — افزایش کنتراست، کارت‌های تیره و خوانایی */
html { font-size: 17.5px; background: #08090c; }
body.koohrun-pro-theme { background: #111216; color: #f4f1eb; }
:root {
  --bg-deep: #08090c;
  --bg: #111216;
  --card-bg: #08090c;
  --card-bg-2: #0b0c10;
  --card-hi: #17191e;
  --t1: #f4f1eb;
  --t2: #d0cec8;
  --t3: #aaa8a2;
  --card-border: rgba(255,255,255,.12);
  --border: rgba(255,255,255,.11);
  --border-2: rgba(255,255,255,.16);
}
.card-standard, .card-compact, .hero-side__item, .hero__article,
.news-card, .booklet-card, .latest-card, .latest-item, .article-card,
.post-card, .search-result, .archive-card, .card, .widget-card {
  background-color: #08090c; color: #f4f1eb;
  border-color: rgba(255,255,255,.12);
}
.card-standard:hover, .card-compact:hover, .hero-side__item:hover,
.news-card:hover, .booklet-card:hover, .latest-card:hover,
.latest-item:hover, .article-card:hover, .post-card:hover,
.search-result:hover, .archive-card:hover { background-color: #17191e; }
.card-standard__title, .card-compact__title, .hero-side__heading,
.news-card__title, .booklet-card__title, .latest-card__title,
.latest-item__title, .article-card__title, .post-card__title,
.archive-card__title { color: #f4f1eb; }
.card-standard__excerpt, .news-card__excerpt, .booklet-card__excerpt,
.hero__excerpt, .entry-summary, .archive-description,
.card-compact__excerpt { color: #d0cec8; }
.card-standard__meta, .card-compact__meta, .hero-side__meta,
.news-card__date, .entry-meta, .post-meta, .latest-card__meta { color: #b7b4ad; }
/* تیترهای مهم امروز فقط تیتر، بدون تاریخ و دسته‌بندی */
.hero-side__meta { display: none !important; }
.card-standard__title { font-size: 1.16rem; }
.card-compact__title, .hero-side__heading, .news-card__title,
.booklet-card__title, .latest-card__title { font-size: 1.08rem; }
.card-standard__excerpt, .news-card__excerpt, .booklet-card__excerpt { font-size: .92rem; }

/* 33.0.3 final overrides — ensure they win over earlier tuning rules */
:root { --t1:#f7f5f0; --t2:#dedbd4; --t3:#b9b6ae; --card-bg:#08090c; --card-bg-2:#0b0c10; --card-hi:#191b20; --card-border:rgba(255,255,255,.14); --border:rgba(255,255,255,.12); --border-2:rgba(255,255,255,.18); }
.single-wrap { width:min(1440px,100%); padding-inline:clamp(1rem,3.2vw,3rem); padding-block:clamp(1rem,2.5vw,2.25rem) 4rem; }
.single-layout { grid-template-columns:minmax(0,1fr) minmax(250px,300px); gap:clamp(1.5rem,3vw,3.25rem); }
.post-header { padding:clamp(1.25rem,2.6vw,2.5rem); background:#090a0d; border:1px solid rgba(255,255,255,.12); border-bottom:2px solid rgba(212,175,106,.48); border-radius:12px; margin-bottom:clamp(1.5rem,2.8vw,2.5rem); }
.post-title { color:#fff8e9; font-size:clamp(2rem,3.2vw,3.25rem); line-height:1.48; }
.post-kicker { color:#f0d18d; font-size:1rem; margin-bottom:.75rem; }
.post-meta { color:#dedbd4; font-size:.95rem; }
.post-content { color:#f0eee8; font-size:clamp(1.2rem,1.15vw + .85rem,1.45rem); line-height:2.05; overflow-wrap:anywhere; }
.post-content p { color:#f0eee8; margin-bottom:1.45rem; }
.post-content h2,.post-content h3,.post-content h4 { color:#f3d79a; }
.post-feature-inline { float:none!important; shape-outside:none!important; width:100%!important; max-width:100%!important; margin:0 0 clamp(1.5rem,3vw,2.75rem)!important; clear:both; }
.post-feature-inline img,.post-feature-inline .single-thumbnail { display:block; width:100%; max-width:100%; max-height:min(72vh,760px); height:auto; object-fit:contain; object-position:center; margin-inline:auto; border-radius:10px; background:#08090c; box-shadow:0 14px 36px rgba(0,0,0,.35); }
.post-content figure:not(.post-feature-inline) { clear:both; margin-block:1.75rem 2rem; }
.side-card { background:#08090c; border-color:rgba(255,255,255,.14); }
.side-item { color:#eeeae2; font-size:1rem; line-height:1.8; padding-block:.8rem; }
#kr-strip .header__top { gap:clamp(.75rem,1.8vw,1.5rem); padding-block:.45rem; }
#kr-strip .brand { min-width:max-content; }
#kr-strip .brand__mark { border:0; border-radius:0; padding:0; background:none; box-shadow:none; font-family:"B Zar",Tahoma,sans-serif; font-size:clamp(1.7rem,2.4vw,2.35rem); line-height:1.25; font-weight:400; color:#f4dfb0; letter-spacing:0; }
#kr-strip .brand__logo { display:none!important; }
#kr-strip .site-nav__search { padding:.3rem .6rem; min-height:32px; gap:.35rem; background:#090a0d; color:#f0eee8; border-color:rgba(255,255,255,.18); font-size:.95rem; white-space:nowrap; }
#kr-strip .site-nav__search svg { width:1rem; height:1rem; }
.search-form { display:flex; align-items:stretch; gap:.5rem; width:min(100%,760px); margin:1.25rem auto 1.75rem; padding:.45rem; background:#08090c; border:1px solid rgba(255,255,255,.2); border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.2); }
.search-form label { display:block; flex:1 1 auto; min-width:0; margin:0; }
.search-form .search-field,.search-form input[type="search"] { display:block; width:100%; min-width:0; min-height:48px; padding:.7rem 1rem; border:0; outline:0; border-radius:8px; background:#111318; color:#fffaf0; font:1.05rem/1.6 "B Zar",Tahoma,sans-serif; box-shadow:none; }
.search-form input[type="search"]::placeholder { color:#c0bcb3; opacity:1; }
.search-form .search-submit,.search-form input[type="submit"],.search-form button { flex:0 0 auto; min-height:48px; padding:.6rem 1.15rem; border:1px solid rgba(212,175,106,.45); border-radius:8px; background:#242018; color:#fff0ca; font:1rem "B Zar",Tahoma,sans-serif; cursor:pointer; }
.search-form input:focus-visible,.search-form button:focus-visible,.search-form input[type="submit"]:focus-visible { outline:2px solid #f0d18d; outline-offset:2px; }
.search-page .page-title { color:#fff0ca; font-size:clamp(1.7rem,2.4vw,2.4rem); }
.search-results-count { color:#dedbd4; font-size:1rem; }
.search-page .post-card,.search-page .posts-grid>article { background:#08090c; border:1px solid rgba(255,255,255,.14); }
.search-page .entry-title a { color:#f7f5f0; font-size:1.2rem; }
.search-page .entry-meta,.search-page .entry-summary { color:#dedbd4; font-size:1rem; }
.card-standard,.card-compact,.hero-side__item,.hero__article,.news-card,.booklet-card,.latest-card,.latest-item,.article-card,.post-card,.search-result,.archive-card,.card,.widget-card { background-color:#08090c; color:#f7f5f0; border-color:rgba(255,255,255,.14); }
.card-standard__title,.card-compact__title,.hero-side__heading,.news-card__title,.booklet-card__title,.latest-card__title,.latest-item__title,.article-card__title,.post-card__title,.archive-card__title { color:#f7f5f0; }
.card-standard__excerpt,.news-card__excerpt,.booklet-card__excerpt,.hero__excerpt,.entry-summary,.archive-description,.card-compact__excerpt { color:#dedbd4; }
.card-standard__meta,.card-compact__meta,.news-card__date,.entry-meta,.post-meta,.latest-card__meta { color:#c8c4bb; }
@media(max-width:900px) { .single-wrap { width:100%; padding-inline:1.1rem; } .single-layout { grid-template-columns:minmax(0,1fr); gap:2rem; } .single-side { position:static; } .post-header { padding:1.25rem; } .post-title { font-size:clamp(1.75rem,5vw,2.4rem); } }
@media(max-width:560px) { .single-wrap { padding-inline:.85rem; } .post-header { padding:1rem; border-radius:9px; } .post-content { font-size:1.16rem; line-height:2; } .search-form { gap:.35rem; padding:.35rem; } .search-form .search-field,.search-form input[type="search"] { min-height:44px; padding-inline:.65rem; } .search-form .search-submit,.search-form input[type="submit"],.search-form button { min-height:44px; padding-inline:.75rem; } #kr-strip .brand__mark { font-size:1.65rem; } }
/* compact, functional header search */
.header-search-form { display:flex; align-items:center; gap:0; width:clamp(150px,18vw,230px); margin:0; padding:3px; border:1px solid rgba(255,255,255,.17); border-radius:8px; background:#08090c; box-shadow:none; }
.header-search-form .header-search-field { width:100%; min-width:0; height:32px; min-height:32px; padding:4px 9px; border:0; border-radius:5px; outline:0; background:transparent; color:#f7f5f0; font: .95rem/1.4 "B Zar",Tahoma,sans-serif; }
.header-search-form .header-search-field::placeholder { color:#c8c4bb; opacity:1; }
.header-search-form .header-search-submit { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; min-height:30px; padding:0; border:0; border-radius:5px; background:#201c14; color:#f4dfb0; cursor:pointer; }
.header-search-form .header-search-submit svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.header-search-form:focus-within { border-color:#e0bd78; box-shadow:0 0 0 2px rgba(224,189,120,.15); }
@media(max-width:900px) { .header-search-form { width:clamp(135px,30vw,210px); } }
@media(max-width:560px) { .header-search-form { width:140px; } .header-search-form .header-search-field { font-size:.88rem; } }




/* 33.0.4 — final audit fixes: compact latest cards, visible excerpts, no internal scroll. */
.latest-section,
.latest-zone { min-width: 0; max-height: none; height: auto; overflow: visible !important; }
.latest-zone {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(.65rem, 1.2vw, 1rem);
}
.latest-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #08090c;
  color: #f7f5f0;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 9px;
  box-shadow: 0 5px 18px rgba(0,0,0,.16);
  transition: background-color .18s ease, border-color .18s ease;
}
.latest-card:hover { background: #17191e; border-color: rgba(212,175,106,.48); }
.latest-card__thumb {
  display: grid;
  place-items: center;
  width: 100%;
  height: clamp(105px, 11vw, 155px);
  padding: .35rem;
  overflow: hidden;
  background: #050609;
}
.latest-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.latest-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: .35rem;
  min-width: 0;
  padding: .75rem .85rem .8rem;
}
.latest-card__title {
  margin: 0;
  color: #f7f5f0;
  font-family: "B Zar", Tahoma, sans-serif;
  font-size: clamp(1rem, 1.05vw, 1.15rem);
  font-weight: 700;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.latest-card__excerpt {
  display: -webkit-box;
  margin: 0;
  color: #dedbd4;
  font-family: "B Zar", Tahoma, sans-serif;
  font-size: .93rem;
  line-height: 1.75;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.latest-card__time {
  margin-top: auto;
  padding-top: .25rem;
  color: #c8c4bb;
  font-size: .82rem;
  line-height: 1.5;
}
@media (max-width: 1100px) {
  .latest-zone { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .latest-card__thumb { height: clamp(100px, 16vw, 145px); }
}
@media (max-width: 720px) {
  .latest-zone { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
  .latest-card__thumb { height: clamp(95px, 27vw, 135px); }
  .latest-card__body { padding: .65rem; }
  .latest-card__title { font-size: 1rem; }
  .latest-card__excerpt { font-size: .9rem; -webkit-line-clamp: 3; }
}
@media (max-width: 360px) {
  .latest-zone { grid-template-columns: minmax(0, 1fr); }
  .latest-card { display: grid; grid-template-columns: 104px minmax(0, 1fr); }
  .latest-card__thumb { height: 100%; min-height: 112px; }
  .latest-card__body { padding: .55rem .65rem; }
}


/* Final polish: clear section hierarchy, compact search, clean sidebar cards. */
:root{--kr-accent-yellow:#ffd43b;}
.front-page .section-head h2,
.front-page .hero-side__title,
.front-page .editorial-card__title,
.front-page .section-title,
.front-page .latest-section h2,
.front-page .newsstand-zone h2,
.front-page .articles-section h2,
.front-page .booklets-section h2{color:var(--kr-accent-yellow)!important;}
.brand__mark{color:var(--kr-accent-yellow)!important;opacity:1!important;-webkit-text-fill-color:var(--kr-accent-yellow)!important;text-shadow:none!important;}
.brand{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto;}
.brand__icon{display:block;width:25px;height:25px;flex:0 0 25px;color:var(--kr-accent-yellow);}
.header-search-form{width:clamp(116px,12vw,164px)!important;max-width:164px!important;min-width:116px!important;flex:0 1 164px!important;gap:3px!important;padding:3px 5px!important;border-radius:7px!important;}
.header-search-field{width:100%!important;min-width:0!important;height:27px!important;padding:3px 7px!important;font-size:12px!important;line-height:1.2!important;}
.header-search-submit{width:25px!important;height:25px!important;min-width:25px!important;flex:0 0 25px!important;padding:4px!important;}
.header-search-submit svg{width:16px!important;height:16px!important;}
/* Legacy duplicate numbering overrides removed; consolidated in the 33.0.17 scoped rules below. */
.newsstand-zone .section-head__sub{display:none!important;}
@media(max-width:760px){.header-search-form{width:112px!important;min-width:112px!important;max-width:112px!important;}}
/* 33.0.5 — requested editorial hierarchy and compact chrome */
:root { --kr-accent-yellow: #ffd43b; }
.front-page .section-head h2,
.front-page .section-head__left h2,
.front-page .section-title,
.front-page .latest-section h2,
.front-page .newsstand-zone h2,
.front-page .articles-section h2,
.front-page .booklets-section h2,
.front-page .editorial-section h2,
.front-page .hero-side__title,
.front-page .editorial-card__title,
.front-page .articles-zone .card-standard__title,
.front-page .news-card__title,
.front-page .booklet-card__title,
.front-page .latest-card__title {
  color: var(--kr-accent-yellow) !important;
  -webkit-text-fill-color: var(--kr-accent-yellow) !important;
  opacity: 1 !important;
}
#kr-strip .brand,
#kr-strip .brand__mark,
#kr-strip .brand__icon {
  color: var(--kr-accent-yellow) !important;
  -webkit-text-fill-color: var(--kr-accent-yellow) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}
#kr-strip .brand__mark { font-weight: 700 !important; }
#kr-strip .brand__icon { stroke: currentColor; flex-shrink: 0; }
#kr-strip .header-search-form {
  width: 136px !important; min-width: 110px !important; max-width: 136px !important;
  flex: 0 1 136px !important; height: 31px !important; min-height: 31px !important;
  padding: 2px 3px !important; gap: 2px !important; border-radius: 6px !important;
  box-sizing: border-box !important;
}
#kr-strip .header-search-form .header-search-field {
  min-width: 0 !important; width: 100% !important; height: 25px !important;
  min-height: 25px !important; padding: 2px 5px !important; font-size: 12px !important;
  line-height: 1.2 !important; box-shadow: none !important;
}
#kr-strip .header-search-form .header-search-submit {
  width: 24px !important; min-width: 24px !important; height: 24px !important;
  min-height: 24px !important; flex: 0 0 24px !important; padding: 3px !important;
}
#kr-strip .header-search-form .header-search-submit svg { width: 15px !important; height: 15px !important; }
.side-card__title { display:flex; align-items:center; gap:.55rem; color:var(--kr-accent-yellow)!important; }
.side-card__icon { display:block; width:19px; height:19px; flex:0 0 19px; color:var(--kr-accent-yellow); }
.side-card__count { display:none !important; }
.news-card__body { gap:0 !important; }
.news-card__date, .news-card__country { display:none !important; }
.news-card__title { margin:0 !important; color:var(--kr-accent-yellow)!important; }
@media(max-width:560px) {
  #kr-strip .header-search-form { width:112px !important; min-width:100px !important; max-width:112px !important; flex-basis:112px !important; }
}
/* 33.0.8 — restrained editorial polish */
:root {
  --kr-accent-yellow: #ffd43b;
  --kr-card-border: rgba(255,255,255,.075);
}
.front-page .section-head h2,
.front-page .section-head__left h2,
.front-page .section-title,
.front-page .latest-section h2,
.front-page .newsstand-zone h2,
.front-page .articles-section h2,
.front-page .booklets-section h2,
.front-page .editorial-section h2 {
  color: var(--kr-accent-yellow) !important;
  -webkit-text-fill-color: var(--kr-accent-yellow) !important;
}
.front-page .latest-card,
.front-page .news-card,
.front-page .card-standard,
.front-page .card-compact,
.front-page .editorial-card,
.front-page .booklet-card {
  box-shadow: none !important;
  border-color: var(--kr-card-border) !important;
}
.front-page .latest-card,
.front-page .news-card,
.front-page .card-standard,
.front-page .card-compact {
  transition: border-color .18s ease, background-color .18s ease !important;
}
.front-page .latest-card:hover,
.front-page .news-card:hover,
.front-page .card-standard:hover,
.front-page .card-compact:hover {
  transform: none !important;
  border-color: rgba(255,212,59,.35) !important;
}
.front-page .latest-card__title,
.front-page .news-card__title,
.front-page .card-standard__title,
.front-page .card-compact__title,
.front-page .editorial-card__title,
.front-page .booklet-card__title {
  color: var(--kr-accent-yellow) !important;
  -webkit-text-fill-color: var(--kr-accent-yellow) !important;
}
.front-page .latest-zone { gap: .7rem !important; }
.front-page .latest-card { padding: .65rem !important; gap: .7rem !important; }
.front-page .latest-card__excerpt { margin-top: .25rem !important; }
.front-page .section-head { margin-bottom: .8rem !important; }
.front-page .section-head::after { opacity: .45 !important; }
#kr-strip .brand,
#kr-strip .brand__mark,
#kr-strip .brand__icon {
  color: #ffd43b !important;
  -webkit-text-fill-color: #ffd43b !important;
  opacity: 1 !important;
  filter: none !important;
}
#kr-strip .brand__mark { font-weight: 700 !important; }
#kr-strip .header-search-form {
  width: 136px !important; min-width: 110px !important; max-width: 136px !important;
  flex: 0 1 136px !important; height: 31px !important; min-height: 31px !important;
  padding: 2px 3px !important; gap: 2px !important; border-radius: 6px !important;
  box-sizing: border-box !important;
}
#kr-strip .header-search-form .header-search-field {
  min-width: 0 !important; width: 100% !important; height: 25px !important;
  min-height: 25px !important; padding: 2px 5px !important; font-size: 12px !important;
  line-height: 1.2 !important; box-shadow: none !important;
}
#kr-strip .header-search-form .header-search-submit {
  width: 24px !important; min-width: 24px !important; height: 24px !important;
  min-height: 24px !important; flex: 0 0 24px !important; padding: 3px !important;
}
#kr-strip .header-search-form .header-search-submit svg { width: 15px !important; height: 15px !important; }
.side-card__title { display:flex; align-items:center; gap:.55rem; color:#ffd43b !important; }
.side-card__icon { display:block; width:19px; height:19px; flex:0 0 19px; color:#ffd43b; }
.side-card__count { display:none !important; }
.news-card__date, .news-card__country { display:none !important; }
.news-card__title { margin:0 !important; color:#ffd43b !important; }
@media(max-width:560px) {
  #kr-strip .header-search-form { width:112px !important; min-width:100px !important; max-width:112px !important; flex-basis:112px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .front-page .latest-card, .front-page .news-card,
  .front-page .card-standard, .front-page .card-compact { transition: none !important; }
}

/* 33.0.8 — restore the original muted editorial gold palette; remove harsh lemon yellow. */
:root {
  --kr-accent-yellow: var(--gold, #d4af6a);
  --gold: #d4af6a;
  --gold-hi: #e8c98a;
  --gold-light: #e8c98a;
  --gold-dim: #b8924a;
  --t2: #d4af6a;
  --t3: #b8924a;
  --t4: #8f713b;
  --steel: #d4af6a;
  --steel-hi: #e8c98a;
  --steel-dim: #b8924a;
  --steel-line: rgba(212,175,106,.28);
}
/* Text accents use gold; primary reading text stays warm white. */
.front-page .section-head h2,
.front-page .section-head__left h2,
.front-page .section-title,
.front-page .latest-section h2,
.front-page .newsstand-zone h2,
.front-page .articles-section h2,
.front-page .booklets-section h2,
.front-page .editorial-section h2,
.front-page .hero-side__title,
.front-page .editorial-card__title,
.front-page .articles-zone .card-standard__title,
.front-page .news-card__title,
.front-page .booklet-card__title,
.front-page .latest-card__title,
#kr-strip .brand,
#kr-strip .brand__mark,
#kr-strip .brand__icon,
.side-card__title,
.side-card__icon,
.entry-content h2, .entry-content h3, .entry-content h4,
.post-content h2, .post-content h3, .post-content h4,
.page-title, .entry-title,
.section-head__link,
.card-standard__cat, .card-compact__cat, .hero-side__cat {
  color: var(--gold, #d4af6a) !important;
  -webkit-text-fill-color: var(--gold, #d4af6a) !important;
}
#kr-strip .meta__date,
#kr-strip .kv__k,
.site-nav__list a.is-active,
.site-nav__search:hover,
.ticker__item a:hover,
.hero__title,
.eyebrow,
.hero__cta,
.card-standard__badge,
.news-card__title,
.entry-content a, .post-content a,
.pagination .current {
  color: var(--gold, #d4af6a);
}
/* Do not recolor primary reading text or controls with explicit foregrounds. */
.front-page .latest-card__excerpt,
.front-page .card-standard__excerpt,
.front-page .hero__excerpt,
.entry-content p, .post-content p,
.entry-content li, .post-content li {
  color: #ece9e3;
}

/* 33.0.8 — strict two-text-color system: gold + white only. */
:root {
  --gold: #d4af6a;
  --gold-hi: #e8c98a;
  --gold-light: #e8c98a;
  --gold-dim: #b8924a;
  --kr-accent-yellow: #d4af6a;
  --steel: #d4af6a;
  --steel-hi: #e8c98a;
  --steel-dim: #b8924a;
  --steel-line: rgba(212,175,106,.28);
  --live: #d4af6a;
  --live-dim: #b8924a;
  --t1: #f7f5f0;
  --t2: #d4af6a;
  --t3: #d4af6a;
  --t4: #b8924a;
}
/* Remove all secondary gray/blue/red text colors; text accents are gold. */
html, body { color: var(--t1) !important; }
a, a:visited,
label, legend, figcaption, caption,
small, time, .date, .meta, .meta *,
[class*="__meta"], [class*="__date"], [class*="__time"],
[class*="__cat"], [class*="__category"], [class*="__label"],
[class*="__tag"], [class*="__badge"], [class*="__eyebrow"],
[class*="__sub"], [class*="__count"], [class*="__author"],
[class*="__country"], [class*="__source"], [class*="__caption"],
[class*="__link"], [class*="__more"], [class*="__icon"],
.site-nav a, .ticker__item time, .kv__k, .kv__u,
.wp-caption-text, .gallery-caption, .comment-meta,
.comment-content, .crumb, .crumb *, .post-meta, .post-meta *,
.entry-meta, .entry-meta *, .pagination a, .pagination span,
.no-posts, .no-results, .card--empty, .booklets-empty,
.newspapers-empty, .articles-empty,
.site-footer, .site-footer *, .mobile-drawer__meta,
.mobile-drawer__meta *, .compact-info, .compact-info *,
.side-card, .side-card *, .section-head__sub {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold);
}
/* Reading copy remains white; headings and links stay gold. */
.entry-content, .post-content,
.entry-content p, .post-content p,
.entry-content li, .post-content li,
.entry-content blockquote, .post-content blockquote,
.front-page .latest-card__excerpt,
.front-page .card-standard__excerpt,
.front-page .hero__excerpt,
.front-page .editorial-card__excerpt,
.front-page .card-compact__excerpt,
.front-page .news-card__excerpt,
.front-page .booklet-card__excerpt,
.search-box input, input, textarea, select,
.header-search-field {
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1);
}
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.post-content h1, .post-content h2, .post-content h3,
.post-content h4, .post-content h5, .post-content h6,
.entry-title, .page-title, .post-title,
.front-page h1, .front-page h2, .front-page h3,
.front-page h4, .front-page h5, .front-page h6,
.front-page .latest-card__title, .front-page .news-card__title,
.front-page .card-standard__title, .front-page .card-compact__title,
.front-page .editorial-card__title, .front-page .booklet-card__title,
.front-page .hero-side__heading, .front-page .hero__title,
.brand, .brand *, .site-logo, .site-logo *,
button:hover, input[type="submit"]:hover,
.entry-content a, .post-content a {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold);
}
/* Keep surfaces dark and buttons legible; decorative borders may remain translucent. */
body, html { background-color: var(--bg, #050507); }
.latest-card, .news-card, .card-standard, .card-compact,
.editorial-card, .booklet-card, .side-card {
  background-color: var(--card-bg, #08080b);
}


.front-page .newsstand { grid-auto-columns: minmax(145px, 170px); gap: .8rem; }
.front-page .news-card__cover { aspect-ratio: 5 / 4; max-height: 150px; }
.front-page .news-card__cover img { object-fit: contain; object-position: center; }
@media (max-width: 700px) {
  .front-page .newsstand { grid-auto-columns: minmax(125px, 42%); gap: .65rem; }
  .front-page .news-card__cover { aspect-ratio: 5 / 4; max-height: 125px; }
}


/* 33.0.10 — single-post readability, white archive copy, compact unified header. */
.single-post .post-content,
.single-post .post-content p,
.single-post .post-content li,
.single-post .entry-content,
.single-post .entry-content p,
.single-post .entry-content li {
  font-size: clamp(1.08rem, 1.02vw + .76rem, 1.32rem) !important;
  line-height: 1.95 !important;
}
@media (max-width: 560px) {
  .single-post .post-content,
  .single-post .post-content p,
  .single-post .post-content li,
  .single-post .entry-content,
  .single-post .entry-content p,
  .single-post .entry-content li { font-size: 1.08rem !important; line-height: 1.9 !important; }
}
/* Category/archive card titles and reading copy are white; taxonomy labels remain gold. */
.category .entry-title,
.category .entry-title a,
.category .archive-card__title,
.category .archive-card__title a,
.category .post-card__title,
.category .post-card__title a,
.category .card-standard__title,
.category .card-standard__title a,
.category .entry-summary,
.category .entry-summary p,
.category .archive-description,
.category .archive-card__excerpt,
.category .post-card__excerpt,
.category .card-standard__excerpt,
.archive.category .entry-title,
.archive.category .entry-title a,
.archive.category .archive-card__title,
.archive.category .archive-card__title a,
.archive.category .entry-summary,
.archive.category .entry-summary p {
  color: #f7f5f0 !important;
  -webkit-text-fill-color: #f7f5f0 !important;
}
/* Reduce header height and make the search surface match the header itself. */
#kr-strip .header__top { padding-block: .25rem !important; gap: clamp(.5rem, 1.2vw, 1rem) !important; min-height: 0 !important; }
#kr-strip .header__inner,
#kr-strip .site-header__inner { padding-block: .25rem !important; }
#kr-strip .brand__mark { font-size: clamp(1.45rem, 1.9vw, 1.9rem) !important; line-height: 1.15 !important; }
#kr-strip .site-nav { padding-block: .2rem !important; min-height: 0 !important; }
#kr-strip .site-nav__search,
#kr-strip .header-search-form {
  background: #08090c !important;
  border-color: rgba(212,175,106,.28) !important;
  box-shadow: none !important;
}
#kr-strip .header-search-form .header-search-field { background: transparent !important; }
#kr-strip .header-search-form .header-search-submit { background: #08090c !important; color: var(--gold) !important; }
@media (max-width: 560px) {
  #kr-strip .header__top { padding-block: .2rem !important; }
  #kr-strip .brand__mark { font-size: 1.4rem !important; }
}


/* 33.0.11 ? timezone fallback correction, reduced-motion ticker, synchronized release metadata. */


/* 33.0.12 ? homepage section refinements requested by editor. */
#kr-strip .header__top { padding-block: .15rem !important; }
#kr-strip .brand__mark { font-size: clamp(1.25rem, 1.55vw, 1.65rem) !important; }
#kr-strip .brand__icon { width: 1.45rem !important; height: 1.45rem !important; }
#kr-strip .site-nav__inner { padding-block: .15rem !important; min-height: 0 !important; }
#kr-strip .site-nav__list a { padding-block: .35rem !important; }
#kr-strip .header-search-form { min-height: 30px !important; }
#kr-strip .header-search-field { padding-block: .25rem !important; }
@media (max-width: 700px) {
  #kr-strip .header__top { padding-block: .12rem !important; }
  #kr-strip .brand__mark { font-size: 1.25rem !important; }
}
/* Market prices: plain whole numbers only; units remain separate in the template. */
#kr-strip #kr-dollar,
#kr-strip #kr-oil,
.compact-info strong { font-variant-numeric: tabular-nums; }
/* Today's important headlines are typographic links, not thumbnail cards. */
.front-page .hero-side__thumb { display: none !important; }
.front-page .hero-side__item { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; padding-block: .6rem !important; }
.front-page .hero-side__heading { margin: 0 !important; line-height: 1.65 !important; }
/* Editorial card: smaller footprint and landscape image rather than a tall panel. */
.front-page .hero-zone { align-items: start !important; gap: clamp(.8rem, 1.5vw, 1.25rem) !important; }
.front-page .hero__article { align-items: start !important; gap: clamp(.7rem, 1.3vw, 1.1rem) !important; padding: clamp(.8rem, 1.3vw, 1.15rem) !important; }
.front-page .hero__title { font-size: clamp(1.25rem, 1.7vw, 1.85rem) !important; line-height: 1.55 !important; }
.front-page .hero__excerpt { font-size: .94rem !important; line-height: 1.8 !important; }
.front-page .hero__media { align-self: start !important; margin: 0 !important; max-height: 245px !important; overflow: hidden !important; }
.front-page .hero__media img { display: block !important; width: 100% !important; height: 220px !important; max-height: 220px !important; object-fit: cover !important; object-position: center !important; }
@media (max-width: 700px) {
  .front-page .hero__article { grid-template-columns: minmax(0,1fr) !important; }
  .front-page .hero__media img { height: auto !important; max-height: 210px !important; object-fit: contain !important; }
}
/* Article section: remove image space and retain a clean six-card text grid. */
.front-page .articles-zone { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .8rem !important; }
.front-page .articles-zone .card-standard,
.front-page .articles-zone .card-compact { display: block !important; min-width: 0 !important; padding: .85rem !important; }
.front-page .articles-zone .card-standard__media,
.front-page .articles-zone .card-compact__thumb { display: none !important; }
.front-page .articles-zone .card-standard__body,
.front-page .articles-zone .card-compact__body { padding: 0 !important; min-width: 0 !important; }
.front-page .articles-zone .card-standard__title,
.front-page .articles-zone .card-compact__title { font-size: 1rem !important; line-height: 1.7 !important; }
.front-page .articles-zone .card-standard__excerpt { font-size: .9rem !important; line-height: 1.75 !important; }
@media (max-width: 900px) {
  .front-page .articles-zone { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .front-page .articles-zone { grid-template-columns: minmax(0, 1fr) !important; }
}
/* World newspaper stand: consistent cards and single-line, non-clipped headlines. */
.front-page .newsstand { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; grid-auto-columns: unset !important; gap: .7rem !important; align-items: stretch !important; overflow: visible !important; }
.front-page .news-card { display: flex !important; flex-direction: column !important; min-width: 0 !important; overflow: hidden !important; }
.front-page .news-card__cover { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 112px !important; max-height: 112px !important; aspect-ratio: auto !important; overflow: hidden !important; }
.front-page .news-card__cover img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.front-page .news-card__body { min-width: 0 !important; padding: .55rem .5rem !important; }
.front-page .news-card__title { display: block !important; width: 100% !important; margin: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: .88rem !important; line-height: 1.6 !important; }
@media (max-width: 900px) {
  .front-page .newsstand { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .front-page .newsstand { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .55rem !important; }
  .front-page .news-card__cover { height: 100px !important; max-height: 100px !important; }
  .front-page .news-card__title { font-size: .82rem !important; }
}



/* 33.0.13 ? corrective pass: actual header markup, card counters, readable newspaper titles. */
/* Header is more compact vertically, including the real .brand markup. */
#kr-strip .header__top { padding-block: .08rem !important; min-height: 0 !important; }
#kr-strip .brand { gap: .35rem !important; min-height: 0 !important; }
#kr-strip .brand__mark { font-size: clamp(1.2rem, 1.45vw, 1.55rem) !important; line-height: 1.15 !important; }
#kr-strip .brand__icon { width: 1.2rem !important; height: 1.2rem !important; flex: 0 0 1.2rem !important; }
#kr-strip .meta { gap: .25rem !important; }
#kr-strip .info-line { gap: .35rem !important; }
#kr-strip .kv { gap: .2rem !important; }
#kr-strip .site-nav__inner { padding-block: .1rem !important; }
#kr-strip .site-nav__list a { padding-block: .25rem !important; }
#kr-strip .header-search-form { min-height: 27px !important; }
#kr-strip .header-search-field { min-height: 27px !important; padding-block: .15rem !important; }
@media (max-width: 700px) {
  #kr-strip .header__top { padding-block: .06rem !important; }
  #kr-strip .brand__mark { font-size: 1.15rem !important; }
  #kr-strip .brand__icon { width: 1.05rem !important; height: 1.05rem !important; flex-basis: 1.05rem !important; }
}
/* Newspaper cards use horizontal overflow instead of squeezing or truncating the headline. */
.front-page .newsstand {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(165px, max-content) !important;
  grid-template-columns: none !important;
  gap: .7rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: .25rem .1rem .65rem !important;
  scroll-snap-type: x proximity;
  overscroll-behavior-inline: contain;
}
.front-page .news-card {
  width: max-content !important;
  min-width: 165px !important;
  max-width: 260px !important;
  scroll-snap-align: start;
  overflow: hidden !important;
}
.front-page .news-card__body { min-width: 0 !important; padding: .55rem .6rem !important; }
.front-page .news-card__title {
  display: block !important;
  width: max-content !important;
  max-width: 248px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: .9rem !important;
  line-height: 1.65 !important;
}
@media (max-width: 560px) {
  .front-page .newsstand { grid-auto-columns: minmax(145px, max-content) !important; gap: .55rem !important; }
  .front-page .news-card { min-width: 145px !important; max-width: 220px !important; }
  .front-page .news-card__title { max-width: 208px !important; font-size: .84rem !important; }
}
/* Editorial image: avoid tall/cropped presentation; preserve its natural ratio inside a bounded landscape area. */
.front-page .hero__media { height: auto !important; max-height: 205px !important; }
.front-page .hero__media img {
  width: 100% !important;
  height: auto !important;
  max-height: 205px !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 700px) {
  .front-page .hero__media { max-height: 175px !important; }
  .front-page .hero__media img { max-height: 175px !important; aspect-ratio: 16 / 9 !important; }
}
/* Keep whole-number display synchronized wherever a saved quote is reused in the mobile strip. */
#kr-strip #kr-dollar, #kr-strip #kr-oil, .compact-info strong { font-variant-numeric: tabular-nums; }



/* 33.0.14 ? structural corrections based on current template markup. */
/* The latest section really uses .latest-section > .latest-zone, not .latest-section > .latest-card. */
.front-page .latest-section { min-width: 0; }
.front-page .latest-section .latest-zone {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .7rem !important;
  align-items: stretch !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
.front-page .latest-section .latest-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  padding: .65rem !important;
  background: #0b0b0f !important;
  border: 1px solid rgba(212,175,106,.13) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.front-page .latest-section .latest-card__thumb {
  width: 100% !important;
  height: 78px !important;
  max-height: 78px !important;
  margin: 0 0 .45rem !important;
  overflow: hidden !important;
  border-radius: 4px !important;
}
.front-page .latest-section .latest-card__thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
.front-page .latest-section .latest-card__body { min-width: 0 !important; padding: 0 !important; }
.front-page .latest-section .latest-card__title {
  margin: 0 0 .25rem !important;
  font-size: .98rem !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}
.front-page .latest-section .latest-card__excerpt {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 0 .35rem !important;
  font-size: .86rem !important;
  line-height: 1.65 !important;
}
.front-page .latest-section .latest-card__time { display: block !important; margin-top: auto !important; font-size: .78rem !important; }
@media (max-width: 1100px) {
  .front-page .latest-section .latest-zone { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  .front-page .latest-section .latest-zone { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .55rem !important; }
  .front-page .latest-section .latest-card { padding: .55rem !important; }
  .front-page .latest-section .latest-card__thumb { height: 70px !important; max-height: 70px !important; }
  .front-page .latest-section .latest-card__title { font-size: .92rem !important; }
  .front-page .latest-section .latest-card__excerpt { -webkit-line-clamp: 2 !important; font-size: .82rem !important; }
}
/* Let long Persian headlines remain legible; avoid layout overflow on narrow screens. */
.front-page .hero-side__heading,
.front-page .articles-zone .card-standard__title,
.front-page .articles-zone .card-compact__title,
.front-page .booklet-card__title {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* 33.0.17 — one scoped rule set for decorative numbering only. */
.front-page .hero-side__list,
.front-page .articles-zone,
.front-page .latest-zone,
.front-page .newsstand,
.front-page .booklets-zone {
  counter-reset: none !important;
  counter-increment: none !important;
  list-style: none !important;
  list-style-type: none !important;
}
.front-page .hero-side__item,
.front-page .articles-zone > *,
.front-page .latest-zone > *,
.front-page .newsstand > *,
.front-page .booklets-zone > * {
  counter-increment: none !important;
  list-style: none !important;
  list-style-type: none !important;
}
.front-page [class~="number"],
.front-page [class~="counter"],
.front-page [class~="rank"],
.front-page [class*="__number"],
.front-page [class*="__counter"],
.front-page [class*="__rank"],
.front-page [class*="__index"],
.front-page [class*="__ordinal"],
.front-page [class*="__serial"],
.front-page .latest-card__count,
.front-page [data-index],
.front-page [data-counter],
.front-page [data-rank] {
  display: none !important;
}
.front-page .hero-side__item::marker,
.front-page .articles-zone > *::marker,
.front-page .latest-zone > *::marker,
.front-page .newsstand > *::marker,
.front-page .booklets-zone > *::marker {
  content: none !important;
}