/*
 * Approved English/Persian content shell. The historical preview class is kept
 * to avoid selector churn. The PHP route guard excludes language landing pages.
 */
.emjey-design-preview {
    --emjey-ink: #050505;
    --emjey-paper: #ffffff;
    --emjey-surface: #f5f4f0;
    --emjey-muted: #666c78;
    --emjey-accent: #ff9500;
    --emjey-line: rgba(5, 5, 5, 0.14);
    --emjey-radius: 0.35rem;
    --emjey-content-width: 72rem;
}

/* The landing page palette: black, brushed silver, warm orange and angled joins. */
.emjey-design-preview .emjey-page-masthead {
    position: relative;
    isolation: isolate;
    min-block-size: clamp(9.5rem, 18vw, 14rem);
    color: #fff;
    background: #050505 url('../../../images/Banner2016June.jpg') center / cover no-repeat;
    border-block-end: 0;
}

.emjey-design-preview .emjey-page-masthead__shade {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .54) 48%, rgba(0, 0, 0, .18) 100%);
}

.emjey-design-preview .emjey-page-masthead__inner {
    display: flex;
    min-block-size: inherit;
    align-items: end;
    justify-content: space-between;
    gap: 1.25rem;
    padding-block: clamp(1.25rem, 3vw, 2.5rem);
}

.emjey-design-preview .emjey-page-masthead__brand,
.emjey-design-preview .emjey-page-masthead__brand:hover {
    color: #fff !important;
    text-decoration: none;
}

.emjey-design-preview .emjey-page-masthead__name {
    display: block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 5vw, 4.25rem);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .9;
    text-shadow: 0 .15rem .7rem rgba(0, 0, 0, .58);
}

.emjey-design-preview .emjey-page-masthead__name span,
.emjey-design-preview .emjey-page-footer__brand span span { font-size: .53em; letter-spacing: -.025em; }

.emjey-design-preview .emjey-page-masthead__tagline {
    display: block;
    margin-block-start: .6rem;
    font-size: clamp(.72rem, .65rem + .25vw, .95rem);
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.emjey-design-preview .emjey-section-navigation {
    color: #191919;
    background: linear-gradient(110deg, #acacaa, #eee 43%, #b9b9b7);
    border-block-end: 3px solid var(--emjey-accent);
}
.emjey-design-preview .emjey-section-navigation ul,
.emjey-design-preview .emjey-page-footer ul { list-style: none; padding: 0; margin: 0; }
.emjey-design-preview .emjey-section-navigation__desktop { display: flex; flex-wrap: wrap; justify-content: center; }
.emjey-design-preview .emjey-section-navigation li { margin: 0; }
.emjey-design-preview .emjey-section-navigation a {
    display: flex; align-items: center; min-height: 48px; box-sizing: border-box;
    padding: .6rem 1rem; color: #191919; font-weight: 600; font-size: .9rem;
    text-decoration: none; border-inline-end: 1px solid #0002;
}
.emjey-design-preview .emjey-section-navigation a:hover,
.emjey-design-preview .emjey-section-navigation a[aria-current] { background: #151515; color: #fff; box-shadow: inset 0 -3px var(--emjey-accent); }
.emjey-design-preview .emjey-section-navigation__mobile { display: none; }
.emjey-design-preview :is(.emjey-section-navigation, .emjey-page-footer, .emjey-archive-sidebar) a:focus-visible,
.emjey-design-preview summary:focus-visible { outline: 3px solid #c56800; outline-offset: -3px; }

.emjey-design-preview .emjey-page-footer {
    position: relative;
    background: linear-gradient(110deg, #aaa9a5, #e4e3de 55%, #aaa9a5);
    border-block-start: 3px solid var(--emjey-accent);
    color: #242424;
}
.emjey-design-preview .emjey-page-footer::before {
    content: ''; position: absolute; inset-block-start: -1px; inset-inline-start: 0;
    width: 28px; height: 28px; background: var(--emjey-surface);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}
html[dir="rtl"] .emjey-design-preview .emjey-page-footer::before { transform: scaleX(-1); }

.emjey-design-preview .emjey-page-footer__inner {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 2rem;
    padding-block: 2.25rem;
    font-size: .82rem;
}

.emjey-design-preview .emjey-page-footer__brand { display: inline-flex; align-items: center; gap: .7rem; color: #141414; font-family: Georgia, 'Times New Roman', serif; font-size: 1.8rem; text-decoration: none; }
.emjey-design-preview .emjey-page-footer__brand img { inline-size: 2.75rem; block-size: 2.75rem; object-fit: contain; }
.emjey-design-preview .emjey-page-footer p { margin: 0; text-align: start; }
.emjey-design-preview .emjey-page-footer__copyright { margin-block-start: .35rem; font-size: .78rem; }
.emjey-design-preview .emjey-page-footer nav { grid-column: 1 / -1; border-block-start: 1px solid #0003; padding-block-start: .5rem; }
.emjey-design-preview .emjey-page-footer ul { display: flex; flex-wrap: wrap; gap: 0 1.4rem; }
.emjey-design-preview .emjey-page-footer nav a { display: inline-flex; align-items: center; min-height: 44px; color: #222; text-decoration: none; }
.emjey-design-preview .emjey-page-footer nav a:hover { text-decoration: underline; text-underline-offset: .25em; }

.emjey-design-preview .tm-main .emjey-reading-grid {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 28%);
    gap: 2rem; margin: 0; align-items: start;
}
.emjey-design-preview .emjey-reading-grid::before,
.emjey-design-preview .emjey-reading-grid::after { display: none; }
.emjey-design-preview .tm-main .emjey-reading-grid > * { width: auto; min-width: 0; padding: 0; margin: 0; order: 0; }
.emjey-design-preview .emjey-reading-grid > *::before { display: none; }
.emjey-design-preview .emjey-archive-sidebar { background: #eeede8; border-block-start: 3px solid var(--emjey-accent); }
.emjey-design-preview .tm-main .emjey-reading-grid > .emjey-archive-sidebar { padding: 1.25rem; }
.emjey-design-preview .emjey-archive-sidebar h2 { font-size: 1.15rem; margin: 0 0 .5rem; color: #222; }
.emjey-design-preview .emjey-archive-sidebar p { font-size: .85rem; line-height: 1.6; color: #555; margin: 0 0 1rem; }
.emjey-design-preview .emjey-archive-suggestions { list-style: none; margin: 0; padding: 0; }
.emjey-design-preview .emjey-archive-suggestions li { padding-block: .9rem; border-block-start: 1px solid #0002; }
.emjey-design-preview .emjey-archive-suggestions a { display: block; color: #222; line-height: 1.6; font-size: .95rem; font-weight: 600; }
.emjey-design-preview .emjey-archive-suggestions time { display: block; margin-block-start: .4rem; color: #555; font-size: .78rem; }
.emjey-design-preview .emjey-archive-all { display: inline-block; padding-block: .85rem; color: #633700; text-decoration: underline; text-underline-offset: .25em; }

[dir="rtl"] .emjey-design-preview .emjey-page-masthead__shade { background: linear-gradient(270deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .54) 48%, rgba(0, 0, 0, .18) 100%); }

.emjey-design-preview .tm-main {
    background: var(--emjey-surface);
    color: var(--emjey-ink);
}

.emjey-design-preview .tm-main > .uk-container {
    max-width: var(--emjey-content-width);
    padding-block: clamp(1.5rem, 4vw, 4rem);
}

.emjey-design-preview .tm-main .uk-article {
    margin: 0;
    padding: clamp(1.25rem, 3vw, 2.75rem);
    background: var(--emjey-paper);
    border: 1px solid var(--emjey-line);
    border-radius: var(--emjey-radius);
    box-shadow: 0 1rem 2.5rem rgba(5, 5, 5, 0.08);
}

.emjey-design-preview .tm-main .uk-article + .uk-article,
.emjey-design-preview .tm-main .uk-grid > * + * > .uk-article {
    margin-block-start: 1.25rem;
}

.emjey-design-preview .tm-main .uk-article-title,
.emjey-design-preview .tm-main .uk-article-title > a,
.emjey-design-preview .tm-main [property="headline"] > a {
    color: var(--emjey-ink);
    text-decoration-color: rgba(255, 149, 0, 0.68);
    text-decoration-color: color-mix(in srgb, var(--emjey-accent) 68%, transparent);
    text-decoration-thickness: 0.12em;
    text-underline-offset: 0.16em;
}

.emjey-design-preview .tm-main .uk-article-meta,
.emjey-design-preview .tm-main .uk-text-meta {
    color: var(--emjey-muted);
}

.emjey-design-preview .tm-main a:focus-visible {
    outline: 3px solid var(--emjey-accent);
    outline-offset: 0.2rem;
}

.emjey-design-preview .tm-main img {
    max-inline-size: 100%;
    block-size: auto;
}

/* Long-form news should read as a column, not stretch across the full desktop card. */
.emjey-design-preview .tm-main .uk-article [property="text"] {
    max-inline-size: 70ch;
    font-size: clamp(1rem, .96rem + .2vw, 1.125rem);
    line-height: 1.75;
    overflow-wrap: anywhere;
}
/* Legacy articles include fixed-width media. Constrain it to the reading column. */
.emjey-design-preview .tm-main .uk-article :is(iframe, video, table) { max-width: 100%; }
.emjey-design-preview .tm-main .uk-article :is(iframe, video) { aspect-ratio: 16 / 9; height: auto; }
.emjey-design-preview .tm-main .uk-pagination a { color: #454545; min-height: 44px; display: inline-flex; align-items: center; }
.emjey-design-preview .tm-main .uk-pagination a:hover { color: #844700; }

@media (max-width: 959px) {
    .emjey-design-preview .tm-main .emjey-reading-grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
    .emjey-design-preview .emjey-section-navigation__desktop { display: none; }
    .emjey-design-preview .emjey-section-navigation__mobile { display: block; }
    .emjey-design-preview .emjey-section-navigation summary { display: flex; align-items: center; justify-content: space-between; padding: .8rem 1.25rem; cursor: pointer; min-height: 52px; box-sizing: border-box; font-weight: 600; list-style: none; }
    .emjey-design-preview .emjey-section-navigation summary::-webkit-details-marker { display: none; }
    .emjey-design-preview .emjey-section-navigation__mobile ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .3rem .6rem .6rem; }
    .emjey-design-preview .emjey-section-navigation__mobile a { border: 0; border-block-start: 1px solid #0002; }
    .emjey-design-preview .emjey-menu-lines { width: 22px; height: 12px; border-block: 2px solid currentColor; }
    .emjey-design-preview details[open] .emjey-menu-lines { height: 0; border-block-end: 0; }
}

.emjey-design-preview .tm-main .uk-article :is(.uk-article-title, .uk-article-meta) {
    max-inline-size: 70ch;
}

.emjey-design-preview .tm-main .emjey-article-context {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
    margin-block: .85rem 1.5rem;
    padding-block-end: .8rem;
    border-block-end: 1px solid var(--emjey-line);
    color: #4f5660;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .015em;
}

.emjey-design-preview .tm-main .emjey-article-context a {
    color: #3d4651;
    font-weight: 600;
    text-decoration-color: rgba(255, 149, 0, .68);
    text-underline-offset: .16em;
}

@media (max-width: 639px) {
    .emjey-design-preview .tm-page { width: 100%; max-width: 100%; margin-inline: 0 !important; }
    .emjey-design-preview .emjey-page-masthead { min-block-size: 10.25rem; background-position: 88% center; }

    .emjey-design-preview .emjey-page-masthead__inner {
        align-items: start;
        flex-direction: column;
        justify-content: flex-end;
        padding-block: 1.1rem;
    }

    .emjey-design-preview .emjey-page-masthead__name { font-size: 2.35rem; }
    .emjey-design-preview .emjey-page-masthead__tagline { margin-block-start: .42rem; font-size: .64rem; }
    .emjey-design-preview .emjey-page-footer__inner { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
    .emjey-design-preview .emjey-page-footer p { text-align: start; }

    .emjey-design-preview .tm-main > .uk-container {
        padding-inline: 0.75rem;
    }

    .emjey-design-preview .tm-main .uk-article {
        padding: 1rem;
    }

    .emjey-design-preview .tm-main .emjey-article-context {
        margin-block-end: 1.1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .emjey-design-preview .tm-main *,
    .emjey-design-preview .tm-main *::before,
    .emjey-design-preview .tm-main *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}