/* Editorial styling follows the visual language of the existing homepage. */
.heb {
    --heb-ink: #332419;
    --heb-walnut: #281b17;
    --heb-bg: #f6f0e5;
    --heb-paper: #ede3d0;
    --heb-brick: #95583d;
    --heb-gold: #d6ad76;
    --heb-muted: #746556;
    --heb-line: rgba(82, 51, 37, .19);
    --heb-font: 'HavaliLocalFont', 'Ordibehesht', 'ordibehesht', Tahoma, sans-serif;
    --heb-gutter: clamp(20px, 4vw, 56px);
    direction: rtl;
    text-align: right;
    background: var(--heb-bg);
    color: var(--heb-ink);
    font-family: var(--heb-font);
    line-height: 1.85;
    font-size: 16px;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    position: relative;
    isolation: isolate;
    overflow: clip;
}
.heb, .heb *, .heb *::before, .heb *::after { box-sizing: border-box; }
.heb h1, .heb h2, .heb h3, .heb h4, .heb h5, .heb h6,
.heb p, .heb a, .heb span, .heb button, .heb input, .heb textarea,
.heb select, .heb li, .heb blockquote, .heb small, .heb time,
.heb strong, .heb em, .heb label, .heb figcaption { font-family: var(--heb-font) !important; }
.heb h1, .heb h2, .heb h3, .heb h4, .heb p { margin-top: 0; }
.heb img { display: block; max-width: 100%; }
.heb a { color: inherit; text-decoration: none; }
.heb a, .heb button { transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.heb button { cursor: pointer; }
.heb .heb-container { max-width: 1320px; width: 100%; padding-inline: var(--heb-gutter); margin-inline: auto; }
.heb :focus-visible { outline: 3px solid #b66e42; outline-offset: 3px; }
.heb .heb-kicker { display: inline-flex; align-items: center; gap: 11px; font-size: 16px; color: var(--heb-brick); letter-spacing: .01em; }
.heb .heb-kicker::before { content: ''; width: 27px; height: 1px; background: currentColor; display: inline-block; flex: none; }
.heb .heb-ornament { display: block; color: var(--heb-brick); font-size: 20px; line-height: 1.4; letter-spacing: 3px; }
.heb .heb-placeholder { min-height: 200px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 11px; padding: 25px; text-align: center; color: #f7e7cc; background: repeating-linear-gradient(45deg, #514034 0 16px, #604938 16px 32px); }
.heb .heb-placeholder strong { font-size: 17px; }
.heb .heb-placeholder span { font-size: 30px; }

/* Full-bleed photographic masthead; text remains independently inset. */
.heb .heb-hero { min-height: clamp(520px, 66svh, 790px); display: grid; place-items: center; overflow: hidden; position: relative; background: var(--heb-walnut); color: #fff9ed; text-align: center; }
.heb .heb-hero__media, .heb .heb-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.heb .heb-hero__media { overflow: hidden; }
.heb .heb-hero__image { position: absolute; inset: 0; width: 100% !important; max-width: none !important; height: 100% !important; object-fit: cover !important; object-position: center; transform: scale(var(--heb-hero-zoom, 1)); transform-origin: center; }
.heb .heb-hero__shade { background: linear-gradient(180deg, rgba(28,20,18,.48), rgba(28,20,18,.28) 35%, rgba(26,18,15,.73)), linear-gradient(90deg, rgba(36,24,16,.23), rgba(36,24,16,.15)); pointer-events: none; }
.heb .heb-hero__inner { position: relative; z-index: 1; width: 100%; max-width: 990px; padding: clamp(108px, 13vw, 170px) clamp(26px, 5vw, 70px) 125px; }
.heb .heb-hero__meta { color: #f4dfc0; display: inline-flex; align-items: center; justify-content: center; gap: 14px; font-size: 17px; margin-bottom: 9px; }
.heb .heb-hero__meta::before, .heb .heb-hero__meta::after { content: ''; display: block; width: 29px; height: 1px; background: var(--heb-gold); }
.heb .heb-hero h1 { color: #fffaf0; font-weight: 650; font-size: clamp(49px, 7vw, 108px); line-height: 1.32; margin: 12px auto 8px; overflow-wrap: break-word; }
.heb .heb-hero__ornament { color: var(--heb-gold); display: flex; align-items: center; justify-content: center; gap: 14px; font-size: 24px; margin: 12px auto; }
.heb .heb-hero__ornament::before, .heb .heb-hero__ornament::after { content: ''; width: 61px; height: 1px; background: var(--heb-gold); }
.heb .heb-hero p { color: #fff1e1; font-size: clamp(17px, 1.5vw, 22px); max-width: 730px; line-height: 2; margin: 14px auto 27px; }
.heb .heb-hero__link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 28px; font-size: 17px; font-weight: 600; color: #291c16; background: var(--heb-gold); border: 1px solid var(--heb-gold); }
.heb .heb-hero__link:hover { color: #211711; background: #efd0a0; border-color: #efd0a0; }
.heb .heb-hero__number { position: absolute; bottom: 26px; right: var(--heb-gutter); z-index: 1; color: #ffedda; font-size: 14px; }
.heb .heb-hero__scroll { position: absolute; bottom: 19px; left: 50%; z-index: 1; transform: translateX(-50%); color: #ffe5bf; font-size: 22px; text-decoration: none; }

/* Archive introduction, filters and magazine grid. */
.heb .heb-stories { padding-block: clamp(67px, 8vw, 114px) 104px; }
.heb .heb-intro { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 24px; margin-bottom: 34px; }
.heb .heb-intro h2 { color: var(--heb-ink); font-weight: 650; line-height: 1.43; font-size: clamp(36px, 3.7vw, 58px); margin: 8px 0 8px; }
.heb .heb-intro p { max-width: 720px; font-size: 17px; line-height: 2.06; color: #665647; margin: 8px 0 0; }
.heb .heb-count { color: #8a725b; white-space: nowrap; font-size: 16px; border-bottom: 1px solid var(--heb-line); padding-bottom: 9px; }
.heb .heb-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 27px 0 36px; padding: 0; }
.heb .heb-filters a { min-height: 42px; padding: 7px 19px; display: inline-flex; align-items: center; color: #6d5444; font-size: 16px; border: 1px solid #c9b69f; background: transparent; }
.heb .heb-filters a:hover, .heb .heb-filters a.active, .heb .heb-filters a[aria-current="page"] { background: #704633; border-color: #704633; color: #fff4e6; }
.heb .heb-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 23px; }
.heb .heb-card { background: #fffaf1; border: 1px solid var(--heb-line); display: flex; flex-direction: column; min-width: 0; transition: border-color .2s ease, box-shadow .2s ease; }
.heb .heb-card:hover { border-color: #b48b6a; box-shadow: 0 14px 36px rgba(63,36,23,.09); }
.heb .heb-card__image { display: block; aspect-ratio: 1.4; position: relative; overflow: hidden; background: #ded0b9; }
.heb .heb-card__image > img { width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .4s ease; }
.heb .heb-card:hover .heb-card__image > img { transform: scale(1.045); }
.heb .heb-card__index { position: absolute; top: 12px; right: 13px; background: rgba(42,27,20,.85); color: #f4d7a3; font-size: 14px; min-width: 36px; text-align: center; padding: 5px 9px; }
.heb .heb-card__copy { padding: 22px 24px 25px; display: flex; flex-direction: column; flex: 1; }
.heb .heb-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: #85694f; }
.heb .heb-meta-sep { color: #b69e85; }
.heb .heb-card h3 { color: var(--heb-ink); font-size: clamp(22px, 1.6vw, 27px); font-weight: 650; line-height: 1.65; margin: 13px 0 13px; }
.heb .heb-card h3 a:hover { color: #9a5537; }
.heb .heb-card p { color: #645446; font-size: 16px; line-height: 2.05; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0 0 18px; }
.heb .heb-more { font-size: 16px; color: #83472f; display: inline-flex; align-items: center; gap: 19px; width: fit-content; margin-top: auto; border-bottom: 1px solid #b88965; padding-bottom: 5px; }
.heb .heb-more:hover { color: #332419; border-color: #332419; }
.heb .heb-more span { font-size: 19px; }
.heb .heb-pages { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 38px; }
.heb .heb-pages a, .heb .heb-pages span { min-width: 43px; padding: 8px 14px; border: 1px solid #c4a993; text-align: center; font-size: 16px; }
.heb .heb-pages a:hover, .heb .heb-pages .current { color: #fff6e6; background: #754831; border-color: #754831; }
.heb .heb-empty { padding: 42px 0; font-size: 18px; color: #654e3e; }

/* A closing editorial diptych echoing the homepage's arch photo treatment. */
.heb .heb-feature { background: var(--heb-paper); border-block: 1px solid var(--heb-line); }
.heb .heb-feature__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(32px, 6vw, 94px); padding-block: clamp(65px, 8vw, 118px); }
.heb .heb-feature__photo { min-width: 0; height: clamp(360px, 44vw, 610px); position: relative; padding: 12px; border: 1px solid #c4aa89; border-radius: 45% 45% 2px 2px / 28% 28% 2px 2px; }
.heb .heb-feature__photo > img, .heb .heb-feature__photo > .heb-placeholder { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: inherit; }
.heb .heb-feature__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width: 0; }
.heb .heb-feature h2 { font-size: clamp(37px, 3.8vw, 56px); line-height: 1.45; color: var(--heb-ink); font-weight: 650; margin: 10px 0 7px; }
.heb .heb-feature p { font-size: 18px; max-width: 540px; color: #655344; line-height: 2.1; margin: 14px 0 12px; }
.heb .heb-pill { display: inline-flex; gap: 20px; align-items: center; color: #fff2e4; background: #513326; padding: 12px 25px; min-height: 46px; font-size: 16px; margin-top: 17px; }
.heb .heb-pill:hover { background: #84533c; color: #fff; }

/* Single article: dark storytelling title, then legible parchment reading surface. */
.heb .heb-single-hero { background: var(--heb-walnut); color: #fff7e8; padding-block: clamp(54px, 7vw, 105px) clamp(108px, 13vw, 184px); position: relative; overflow: hidden; }
.heb .heb-single-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 10% 70%, rgba(173,108,65,.17), transparent 46%); pointer-events: none; }
.heb .heb-single-hero > .heb-container { position: relative; }
.heb .heb-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; color: #f0d4ab; font-size: 15px; margin-bottom: 30px; }
.heb .heb-crumb a:hover { color: #fff; }
.heb .heb-single-hero .heb-kicker { color: #e2b47d; }
.heb .heb-single-hero h1 { color: #fff5e7; font-size: clamp(36px, 4.8vw, 73px); line-height: 1.45; font-weight: 650; max-width: 960px; margin: 16px 0 16px; overflow-wrap: anywhere; }
.heb .heb-single-byline { display: flex; flex-wrap: wrap; gap: 14px 30px; color: #e7d0af; font-size: 16px; }
.heb .heb-single-cover { max-width: 1120px; width: 100%; height: clamp(270px, 43vw, 600px); position: relative; z-index: 1; margin: clamp(-95px, -7vw, -48px) auto 73px; border: 11px solid var(--heb-bg); background: #ccb7a0; overflow: hidden; }
.heb .heb-single-cover > img { width: 100% !important; height: 100% !important; object-fit: cover; }
.heb .heb-single-cover > .heb-placeholder { color: #fff6e6; }
.heb .heb-article-layout { display: grid; grid-template-columns: minmax(225px, 300px) minmax(0, 780px); align-items: start; justify-content: space-between; gap: clamp(34px, 5vw, 92px); padding-bottom: clamp(74px, 8vw, 116px); }
.heb .heb-article-side, .heb .heb-article-side > * { position: static !important; top: auto !important; transform: none !important; }
.heb .heb-article-side { display: grid; gap: 14px; }
.heb .heb-sidebar-box { padding: 24px 22px; border: 1px solid var(--heb-line); background: #fffaf2; }
.heb .heb-sidebar-box h2 { color: #422b21; font-size: 24px; line-height: 1.6; font-weight: 650; margin: 0 0 14px; }
.heb .heb-search { display: grid; gap: 9px; }
.heb .heb-search input { width: 100%; min-width: 0; min-height: 44px; background: #fff; border: 1px solid #c9b49d; border-radius: 0; padding: 9px 13px; color: #39291f; font-size: 16px; }
.heb .heb-search input::placeholder { color: #83705d; }
.heb .heb-search button { min-height: 42px; font-size: 16px; color: #fff6e6; border: 1px solid #63402e; background: #63402e; }
.heb .heb-search button:hover { background: #8d5a40; border-color: #8d5a40; }
.heb .heb-side-list { list-style: none; padding: 0; margin: 0; }
.heb .heb-side-list li { border-top: 1px solid #e0d0bd; padding: 12px 0; }
.heb .heb-side-list li:first-child { border-top: 0; padding-top: 0; }
.heb .heb-side-list a { display: block; color: #51382b; font-size: 17px; line-height: 1.8; }
.heb .heb-side-list a:hover { color: #a35332; }
.heb .heb-side-list small { display: block; color: #8f755e; font-size: 13px; margin-top: 3px; }
.heb .heb-topic-links { display: flex; flex-wrap: wrap; gap: 9px; }
.heb .heb-topic-links a { font-size: 15px; border: 1px solid #cab39c; color: #694735; padding: 5px 11px; }
.heb .heb-topic-links a:hover { background: #6b4633; border-color: #6b4633; color: #fff3e5; }
.heb .heb-sidebar-back { padding: 12px 18px; border: 1px solid #8d6a53; color: #523526; display: block; text-align: center; font-size: 16px; }
.heb .heb-sidebar-back:hover { background: #593727; color: #fff5e8; }
.heb .heb-article-body { min-width: 0; }
.heb .heb-article-lead { font-size: 20px; line-height: 2.2; color: #533c2b; font-weight: 600; padding-bottom: 19px; border-bottom: 1px solid #c8b49d; margin-bottom: 25px; }
.heb .heb-entry { color: #403024; font-size: 18px; line-height: 2.22; overflow-wrap: anywhere; }
.heb .heb-entry h2, .heb .heb-entry h3, .heb .heb-entry h4 { color: #38291e; line-height: 1.6; font-weight: 650; margin: 1.55em 0 .65em; }
.heb .heb-entry h2 { font-size: 32px; }
.heb .heb-entry h3 { font-size: 27px; }
.heb .heb-entry h4 { font-size: 23px; }
.heb .heb-entry p { margin: 0 0 1.25em; }
.heb .heb-entry a { color: #8f4d30; text-decoration: underline; text-underline-offset: 4px; }
.heb .heb-entry a:hover { color: #43291a; }
.heb .heb-entry ul, .heb .heb-entry ol { padding-inline-start: 28px; margin: 0 0 24px; }
.heb .heb-entry li { margin-block: 6px; }
.heb .heb-entry blockquote { background: #eadac4; border-inline-start: 3px solid #a46548; margin: 30px 0; padding: 21px 27px; }
.heb .heb-entry img, .heb .heb-entry figure { max-width: 100%; height: auto; }
.heb .heb-entry figure { margin: 26px 0; }
.heb .heb-entry figcaption { font-size: 14px; color: #87715c; padding-top: 8px; }
.heb .heb-entry table { display: block; max-width: 100%; overflow-x: auto; }
.heb .heb-entry iframe, .heb .heb-entry video { max-width: 100%; }
.heb .heb-article-tags { border-top: 1px solid #d5c5ae; padding-top: 16px; margin-top: 40px; color: #68513d; font-size: 15px; }
.heb .heb-article-tags a { color: #914d2d; }
.heb .heb-related { border-top: 1px solid var(--heb-line); padding-block: 72px 84px; }
.heb .heb-related .heb-intro { margin-bottom: 25px; }
.heb .heb-back { text-align: center; padding-bottom: 80px; }
.heb .heb-back a { display: inline-block; padding: 11px 27px; font-size: 16px; border: 1px solid #885c45; color: #4b3023; }
.heb .heb-back a:hover { background: #543526; color: #fff5e6; }

/* Tablet and mobile layouts. */
@media (max-width: 1024px) {
    .heb .heb-cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .heb .heb-article-layout { grid-template-columns: 1fr; gap: 40px; }
    .heb .heb-article-body { order: 1; }
    .heb .heb-article-side { order: 2; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
    .heb .heb-sidebar-back { grid-column: 1 / -1; }
    .heb .heb-feature__photo { height: 420px; }
}
@media (max-width: 767px) {
    .heb { --heb-gutter: 21px; }
    .heb .heb-hero { min-height: 570px; }
    .heb .heb-hero__inner { padding: 100px 23px 98px; }
    .heb .heb-hero h1 { font-size: clamp(43px, 10vw, 60px); line-height: 1.4; }
    .heb .heb-hero p { font-size: 16px; }
    .heb .heb-hero__number { bottom: 13px; font-size: 12px; }
    .heb .heb-stories { padding-block: 65px 80px; }
    .heb .heb-intro { grid-template-columns: 1fr; gap: 11px; }
    .heb .heb-intro h2 { font-size: 37px; }
    .heb .heb-intro p { font-size: 16px; }
    .heb .heb-count { width: fit-content; }
    .heb .heb-cards { grid-template-columns: 1fr; gap: 17px; }
    .heb .heb-filters { gap: 8px; }
    .heb .heb-filters a { font-size: 15px; min-height: 40px; padding: 6px 14px; }
    .heb .heb-feature__grid { grid-template-columns: 1fr; gap: 37px; padding-block: 60px 74px; }
    .heb .heb-feature__photo { height: min(115vw, 460px); }
    .heb .heb-feature h2 { font-size: 39px; }
    .heb .heb-feature p { font-size: 17px; }
    .heb .heb-single-hero { padding-block: 43px 102px; }
    .heb .heb-single-hero h1 { font-size: clamp(34px, 8vw, 47px); }
    .heb .heb-crumb { margin-bottom: 21px; }
    .heb .heb-single-cover { height: clamp(245px, 70vw, 380px); border-width: 6px; margin-top: -65px; margin-bottom: 40px; }
    .heb .heb-article-lead { font-size: 18px; }
    .heb .heb-entry { font-size: 17px; }
    .heb .heb-entry h2 { font-size: 27px; }
    .heb .heb-entry h3 { font-size: 23px; }
    .heb .heb-article-side { grid-template-columns: 1fr; }
    .heb .heb-related { padding-block: 55px 63px; }
}
@media (max-width: 360px) {
    .heb { --heb-gutter: 16px; }
    .heb .heb-hero__inner { padding-inline: 18px; }
    .heb .heb-card__copy { padding-inline: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .heb a, .heb button, .heb .heb-card, .heb .heb-card__image > img { transition: none !important; }
}
@media print {
    .heb { width: 100%; max-width: 100%; margin: 0; overflow: visible; background: white; color: #111; }
    .heb .heb-article-side, .heb .heb-related, .heb .heb-back { display: none; }
    .heb .heb-article-layout { display: block; }
}

/* Only the builder ancestors of this shortcode may release their clipping. */
body .heb-bleed-host { overflow: visible !important; }
@supports selector(:has(*)) {
    body .elementor:has(.heb-archive),
    body .elementor:has(.heb-single),
    body .elementor-section:has(.heb-archive),
    body .elementor-section:has(.heb-single),
    body .elementor-container:has(.heb-archive),
    body .elementor-container:has(.heb-single),
    body .elementor-column:has(.heb-archive),
    body .elementor-column:has(.heb-single),
    body .elementor-widget-wrap:has(.heb-archive),
    body .elementor-widget-wrap:has(.heb-single),
    body .elementor-widget-container:has(.heb-archive),
    body .elementor-widget-container:has(.heb-single),
    body .elementor-shortcode:has(.heb-archive),
    body .elementor-shortcode:has(.heb-single) { overflow: visible !important; }
}

/* The shared homepage chrome must fit the visible viewport, not 100vw (which
   includes the width reserved for classic scrollbars on some browsers). */
.hvh-home.heb-editorial-shell {
    width: var(--heb-shell-viewport, 100%);
    max-width: none;
    margin-inline: 0;
    min-width: 0;
    left: var(--heb-shell-shift, 0px);
}
.hvh-home.heb-editorial-shell > .heb {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
}
/* Elementor hosts must not grow to the viewport-sized descendant's min-content. */
.heb-bleed-host { min-width: 0; }