/* Shared reading experience for post and news detail pages. */
.editorial-detail-section .instagram-journalistic {
    border: 0;
    background: #b52f79;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: var(--font-size-lg);
}

.editorial-detail-section .instagram-journalistic:focus-visible {
    outline: 3px solid var(--primary-color);
    outline-offset: 3px;
}

.editorial-detail-section .instagram-journalistic[hidden] {
    display: none !important;
}

.editorial-detail-section .instagram-share-status {
    color: var(--text-color);
    font-size: var(--font-size-sm);
    margin: 0.75rem 0 0;
}

.editorial-detail-section .instagram-share-status:empty {
    display: none;
}

.editorial-detail-section {
    background: var(--gray-50);
    border-radius: var(--border-radius-lg);
}

[data-theme="dark"] .editorial-detail-section {
    background: #111827;
}

.editorial-detail-section .post-detail-layout-journalistic {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: clamp(2rem, 5vw, 4rem);
}

.editorial-article-surface {
    box-sizing: border-box;
    padding: clamp(1.5rem, 4vw, 3.25rem);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    background: var(--surface-color);
    box-shadow: var(--shadow-sm);
}

.editorial-article-surface .post-content-journalistic {
    max-width: 740px;
    margin: 0 auto;
    color: var(--text-color);
    font-size: clamp(1.04rem, 1.4vw, 1.16rem);
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.editorial-article-surface .post-content-journalistic > *:first-child { margin-top: 0; }
.editorial-article-surface .post-content-journalistic > *:last-child { margin-bottom: 0; }
.editorial-article-surface .post-content-journalistic p { margin: 0 0 1.5em; }
.editorial-article-surface .post-content-journalistic h2,
.editorial-article-surface .post-content-journalistic h3,
.editorial-article-surface .post-content-journalistic h4 {
    color: var(--text-color) !important;
    line-height: 1.3;
    text-wrap: balance;
}
.editorial-article-surface .post-content-journalistic h2 {
    margin: 2.2em 0 .8em;
    padding-left: .75rem;
    border-left: 4px solid var(--primary-color);
    font-size: clamp(1.55rem, 3vw, 2rem);
}
.editorial-article-surface .post-content-journalistic h3 { margin: 1.8em 0 .7em; font-size: clamp(1.3rem, 2.5vw, 1.55rem); }
.editorial-article-surface .post-content-journalistic a { color: var(--secondary-color) !important; text-decoration: underline; text-underline-offset: 3px; }
.editorial-article-surface .post-content-journalistic ul,
.editorial-article-surface .post-content-journalistic ol { margin: 0 0 1.5em; padding-left: 1.5em; }
.editorial-article-surface .post-content-journalistic li { margin-bottom: .55em; }
.editorial-article-surface .post-content-journalistic blockquote {
    margin: 2rem 0;
    padding: 1.25rem 1.5rem;
    border-left: 4px solid var(--primary-color);
    border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
    background: rgba(255, 102, 0, .07);
    color: var(--text-color) !important;
    font-style: italic;
}
.editorial-article-surface .post-content-journalistic img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 2rem auto;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
}
.editorial-article-surface .post-content-journalistic table {
    display: block;
    width: 100% !important;
    margin: 2rem 0;
    overflow-x: auto;
    border-collapse: collapse;
}
.editorial-article-surface .post-content-journalistic th,
.editorial-article-surface .post-content-journalistic td { padding: .75rem; border: 1px solid var(--border-color); }
.editorial-article-surface .post-content-journalistic th { background: rgba(255,102,0,.09); }

/* Prevent colors pasted from the editor from becoming unreadable at night. */
[data-theme="dark"] .editorial-article-surface .post-content-journalistic p,
[data-theme="dark"] .editorial-article-surface .post-content-journalistic li,
[data-theme="dark"] .editorial-article-surface .post-content-journalistic span,
[data-theme="dark"] .editorial-article-surface .post-content-journalistic div,
[data-theme="dark"] .editorial-article-surface .post-content-journalistic strong,
[data-theme="dark"] .editorial-article-surface .post-content-journalistic em { color: var(--text-color) !important; background-color: transparent !important; }

.editorial-detail-section .post-tags-journalistic,
.editorial-detail-section .social-sharing-journalistic,
.editorial-detail-section .comments-section-journalistic {
    border: 1px solid var(--border-color);
    background: var(--surface-color);
    color: var(--text-color);
}
.editorial-detail-section .comment-item-journalistic,
.editorial-detail-section .comment-form-container-journalistic { background: var(--background-color); }

/* Discovery sidebar */
.editorial-detail-section .post-sidebar-journalistic { gap: 1.25rem; }
.editorial-detail-section .author-avatar-large-journalistic { position: relative; overflow: hidden; flex: 0 0 80px; }
.editorial-detail-section .author-avatar-large-journalistic img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.editorial-detail-section .editorial-discovery-card { order: 1; padding: 0; overflow: hidden; border-top: 4px solid var(--primary-color); }
.editorial-detail-section .editorial-recent-card { order: 2; }
.editorial-detail-section .author-card-journalistic { order: 3; }
.sidebar-heading { padding: 1.25rem 1.25rem .35rem; }
.sidebar-heading > span { color: var(--primary-color); font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.sidebar-heading .sidebar-title-journalistic { margin: .2rem 0 .6rem; }
.editorial-recommendations { display: grid; }
.editorial-recommendation {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: .85rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-color);
    color: var(--text-color);
    text-decoration: none;
    transition: background var(--transition-fast), transform var(--transition-fast);
}
.editorial-recommendation:hover { background: rgba(255,102,0,.055); color: var(--text-color); }
.recommendation-image { display: block; width: 96px; height: 76px; overflow: hidden; border-radius: var(--border-radius-md); background: var(--gray-100); }
.recommendation-image img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-normal); }
.editorial-recommendation:hover img { transform: scale(1.06); }
.recommendation-placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: var(--primary-color); font-size: 1.35rem; background: rgba(255,102,0,.09); }
.recommendation-copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.recommendation-copy small { margin-bottom: .2rem; color: var(--primary-color); font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.recommendation-copy strong { display: -webkit-box; overflow: hidden; color: var(--text-color); font-size: .9rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.recommendation-copy time { margin-top: auto; color: var(--text-muted); font-size: .7rem; }
.editorial-recommendation.is-compact { grid-template-columns: 72px minmax(0,1fr); padding: .8rem 0; }
.editorial-recommendation.is-compact .recommendation-image { width: 72px; height: 60px; }
.editorial-view-all { display: flex; align-items: center; justify-content: space-between; margin-top: .75rem; padding-top: 1rem; border-top: 1px solid var(--border-color); color: var(--primary-color); font-size: .85rem; font-weight: 700; text-decoration: none; }
.editorial-view-all:hover { color: var(--primary-color-dark); }

/* Hero legibility */
.hero-cinematic-overlay { background: linear-gradient(180deg, rgba(10,18,28,.48), rgba(8,15,25,.9)); }
.hero-cinematic-content { max-width: 920px; }
.post-title-cinematic { max-width: 900px; margin-inline: auto; text-shadow: 0 2px 18px rgba(0,0,0,.5); text-wrap: balance; }

@media (max-width: 900px) {
    .editorial-detail-section .post-detail-layout-journalistic { grid-template-columns: 1fr; }
    .editorial-detail-section .post-sidebar-journalistic { position: static; order: initial; display: grid; grid-template-columns: 1fr 1fr; }
    .editorial-detail-section .editorial-discovery-card { grid-column: 1 / -1; }
    .editorial-recommendations { grid-template-columns: 1fr 1fr; }
    .editorial-recommendation:nth-child(2) { border-top-color: var(--border-color); }
}

@media (max-width: 620px) {
    .editorial-detail-section { margin-inline: calc(var(--spacing-xl) * -1); border-radius: 0; }
    .editorial-detail-section .container-journalistic { padding-inline: var(--spacing-md); }
    .editorial-article-surface { padding: 1.25rem; }
    .editorial-detail-section .post-sidebar-journalistic,
    .editorial-recommendations { grid-template-columns: 1fr; }
    .editorial-recommendation { grid-template-columns: 88px minmax(0,1fr); padding-inline: 1rem; }
    .recommendation-image { width: 88px; height: 70px; }
}