/* Editorial pages: one readable sequence, shared spacing and clear destinations. */
html body .feed-refresh, html body .blog-refresh, html body .official-refresh {
    max-width: 1120px; margin-inline: auto; padding: 32px 28px 56px;
}
html body .feed-refresh .public-feed-head,
html body .blog-refresh .blog-hero,
html body .official-refresh .official-head {
    display: block; padding: 0; margin: 0 0 24px; border: 0; box-shadow: none; background: none;
}
html body .feed-refresh .public-feed-head h1,
html body .blog-refresh .blog-head h1,
html body .official-refresh .official-head h1 {
    font-size: clamp(2rem, 4vw, 3rem); line-height: 1.12; letter-spacing: -.035em; margin: 6px 0 12px;
}
html body .feed-refresh .public-feed-sub,
html body .blog-refresh .blog-sub,
html body .official-refresh .official-sub { max-width: 65ch; font-size: 1rem; line-height: 1.6; margin: 0; }
html body .feed-refresh .public-feed-actions { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 8px; }
html body .feed-refresh .public-feed-chip { min-height: 44px; height: auto; padding: 10px 16px; flex: 0 1 auto; font-size: .9rem; }
html body .feed-refresh .public-feed-section { margin-top: 28px; }
html body .feed-refresh .public-feed-section-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
html body .feed-refresh .public-feed-section-top h2 { font-size: 1.3rem; margin: 0; }
html body .feed-refresh .feed-rss-link { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 0 6px 12px; text-decoration: underline; text-underline-offset: 4px; }
html body .feed-refresh .public-feed-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
html body .feed-refresh .public-feed-list .public-feed-card {
    display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; align-items: start;
    padding: 20px 0; border: 0; border-top: 1px solid var(--border-color, #637083); border-radius: 0;
    background: transparent; box-shadow: none; min-width: 0; color: inherit;
}
html body .feed-refresh .public-feed-list .public-feed-card.has-image { grid-template-columns: 104px minmax(0,1fr); }
html body .feed-refresh .public-feed-media { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 5; border-radius: 8px; overflow: hidden; background: #11141e; }
html body .feed-refresh .public-feed-media img { width: 100%; height: 100%; object-fit: cover; }
html body .feed-refresh .public-feed-card-body { display: flex; flex-direction: column; gap: 9px; padding: 0; min-width: 0; }
html body .feed-refresh .public-feed-card-title { font-size: 1.06rem; line-height: 1.35; font-weight: 750; overflow-wrap: anywhere; }
html body .feed-refresh .public-feed-card-meta { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 4px 12px; font-size: .8rem; line-height: 1.45; }
html body .feed-refresh .public-feed-card-summary { font-size: .9rem; line-height: 1.55; display: block; }
html body .feed-refresh .public-feed-card-action { font-size: .85rem; line-height: 1.5; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
html body .feed-refresh.is-video-library .public-feed-list .public-feed-card.has-image { grid-template-columns: minmax(0,1fr); }
html body .feed-refresh.is-video-library .public-feed-media { aspect-ratio: 16 / 9; }
html body .feed-refresh.is-video-library .public-feed-media img { object-fit: contain; }
html body .blog-refresh .blog-topic-links { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 24px; }
html body .blog-refresh .blog-chip, html body .blog-refresh .blog-primary { min-height: 44px; height: auto; padding: 10px 16px; font-size: .9rem; }
html body .blog-refresh .blog-primary { color: #261c1a !important; background: #ff948a !important; }
html body .blog-refresh .blog-feature { display: block; padding: 24px; margin: 0 0 32px; border-radius: 12px; box-shadow: none; }
html body .blog-refresh .blog-feature h2 { font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.25; max-width: 36ch; }
html body .blog-refresh .blog-feature-copy > p:not(.blog-feature-label) { max-width: 70ch; font-size: 1rem; line-height: 1.65; }
html body .blog-refresh .blog-meta, html body .blog-refresh .blog-card-meta { font-size: .85rem; line-height: 1.5; }
html body .blog-refresh .blog-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
html body .blog-refresh .blog-card { display: flex; flex-direction: column; gap: 12px; border: 0; border-top: 1px solid var(--border-color, #637083); border-radius: 0; padding: 22px 0; background: transparent; box-shadow: none; min-width: 0; }
html body .blog-refresh .blog-card-title { font-size: 1.15rem; line-height: 1.35; }
html body .blog-refresh .blog-list-head h2 { font-size: 1.3rem; }
html body .blog-refresh .blog-archive summary { min-height: 48px; }
html body .official-refresh .official-link-group { margin: 28px 0; }
html body .official-refresh .official-link-group > h2 { font-size: 1.2rem; margin: 0 0 12px; }
html body .official-refresh .official-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
html body .official-refresh .official-card { padding: 18px 4px; border: 0; border-top: 1px solid var(--border-color, #637083); border-radius: 0; background: transparent; box-shadow: none; min-width: 0; min-height: 44px; }
html body .official-refresh .official-card strong { font-size: 1.05rem; line-height: 1.4; }
html body .official-refresh .official-card > span { font-size: .9rem; line-height: 1.5; }
html body .official-refresh .official-card em { font-size: .8rem; }
html body .official-refresh .official-panel { padding: 24px 0 0; margin-top: 36px; border: 0; border-top: 1px solid var(--border-color, #637083); border-radius: 0; background: none; box-shadow: none; }
html body .official-refresh .official-panel h2 { font-size: 1.3rem; }
html body .official-refresh .official-panel p { max-width: 76ch; font-size: .95rem; line-height: 1.65; }
html body :is(.feed-refresh,.blog-refresh,.official-refresh) a:focus-visible { outline: 3px solid #8777ef; outline-offset: 4px; }
@media (max-width: 700px) {
    html body .feed-refresh, html body .blog-refresh, html body .official-refresh { padding: 24px 18px 40px; }
    html body .feed-refresh .public-feed-list, html body .blog-refresh .blog-list, html body .official-refresh .official-grid { grid-template-columns: minmax(0,1fr); }
    html body .feed-refresh .public-feed-head h1, html body .blog-refresh .blog-head h1, html body .official-refresh .official-head h1 { font-size: 2rem; }
    html body .feed-refresh .public-feed-list .public-feed-card.has-image { grid-template-columns: 92px minmax(0,1fr); }
    html body .feed-refresh .public-feed-section-top { flex-direction: row; }
    html body .blog-refresh .blog-feature { padding: 20px; }
    html body .blog-refresh .blog-list-head { align-items: flex-start; }
}

/* Remove the reserved decorative-hero space after its image is removed. */
html body .blog-shell.blog-refresh .blog-hero { min-height: 0; height: auto; aspect-ratio: auto; padding: 0; margin-bottom: 22px; text-align: left; overflow: visible; border-radius: 0; }
html body .blog-shell.blog-refresh .blog-head { padding: 0; text-align: left; }
html body .blog-shell.blog-refresh .blog-topic-links { justify-content: flex-start; }
html body .blog-shell.blog-refresh .blog-feature-copy { padding: 0; }
html body .public-feed-shell.feed-refresh .public-feed-section { background: none; padding: 0; border: 0; border-radius: 0; box-shadow: none; }

html body .blog-shell.blog-refresh .blog-head :is(h1,.blog-kicker,.blog-sub) { text-align: left; margin-left: 0; margin-right: 0; }

html body .official-shell.official-refresh .official-card > span { display: block; -webkit-line-clamp: unset; max-height: none; overflow: visible; }

html body.zb-friendly-ui.zb-route-blog .blog-shell.blog-refresh .blog-head { justify-items: start; }
html body.zb-friendly-ui.zb-route-blog .blog-shell.blog-refresh .blog-hero .blog-head h1 { color: var(--text, #242b32); }
html body.zb-friendly-ui.zb-route-blog .blog-shell.blog-refresh .blog-hero :is(.blog-sub,.blog-kicker) { color: var(--zb-muted, #657080); }
html body.zb-friendly-ui.zb-route-blog .blog-shell.blog-refresh .blog-card-kind { color: var(--zb-muted, #657080); font-size: .75rem; }
html body.zb-friendly-ui.zb-route-blog .blog-shell.blog-refresh .blog-archive { background: none; border: 1px solid var(--border-color, #637083); }
html body.zb-friendly-ui.zb-route-blog .blog-shell.blog-refresh .blog-archive summary { color: var(--text, #242b32); }
html body.zb-friendly-ui.zb-route-blog .blog-shell.blog-refresh .blog-archive summary small { color: var(--zb-muted, #657080); }