/*
 * Finance Editorial refinement layer (2026-08-23).
 *
 * Approved network rules carried over from the Technology reference cycle,
 * expressed in the finance design language (Newsreader/Inter/Roboto Mono,
 * ink + gold palette). Loaded AFTER finance-editorial.2.0.8.min.css in every
 * finance template; bump the ?v= marker in all eight link points on change:
 * index/category/article/author/contact/404/data-page templates plus
 * partials/_finance_utility.ejs. Sector variables live on :root in the base
 * stylesheet, so author/404 pages keep the palette without extra scoping.
 */

/* Approved rule: the section menu is sticky under the ticker/masthead. */
.layout-finance-editorial .fin-nav { position: sticky; top: 0; z-index: 40; background: var(--fin-paper); }

/* ---- Homepage: lead column gains the follow card under the lead ---- */
.layout-finance-editorial .fin-lead-main { display: flex; flex-direction: column; gap: 1.4rem; min-width: 0; }
.layout-finance-editorial .fin-lead-follow { display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr); gap: 1.3rem; padding-top: 1.3rem; border-top: 1px solid var(--fin-line); }
.layout-finance-editorial .fin-lead-follow-media { display: block; min-width: 0; }
.layout-finance-editorial .fin-lead-follow-media .fin-media { aspect-ratio: 16 / 10; }
.layout-finance-editorial .fin-lead-follow-body { min-width: 0; }
.layout-finance-editorial .fin-lead-follow-body .fin-title { font-size: 1.45rem; margin: .4rem 0 .5rem; }
.layout-finance-editorial .fin-lead-follow-body .fin-dek { display: block; }

/* The rail closes with one text-only story (no image), matching the approved slot map. */
.layout-finance-editorial .fin-rail-text { display: block; padding-bottom: 0; border-bottom: none; }
.layout-finance-editorial .fin-rail .fin-rail-text { padding-top: 1.1rem; border-top: 1px solid var(--fin-line); }
.layout-finance-editorial .fin-rail-text .fin-title { font-size: 1.25rem; margin: .35rem 0 .5rem; }

/* ---- Homepage: rubric strips run two per row; an odd last band spans full
   width and its two cards sit side by side (Technology rule 4/7). ---- */
.layout-finance-editorial .fin-strips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 2.5rem; min-width: 0; }
.layout-finance-editorial .fin-strip { min-width: 0; }
.layout-finance-editorial .fin-strip .fin-card-grid { grid-template-columns: 1fr; gap: 1.2rem; }
.layout-finance-editorial .fin-strips .fin-strip:last-child:nth-child(odd) { grid-column: 1 / -1; }
.layout-finance-editorial .fin-strips .fin-strip:last-child:nth-child(odd) .fin-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* ---- Homepage sidebar: In focus list with numbered rows ---- */
.layout-finance-editorial .fin-focus li { display: grid; grid-template-columns: 2.1rem minmax(0, 1fr); gap: 0 .8rem; align-items: start; }
.layout-finance-editorial .fin-focus li:before { grid-column: 1; grid-row: 1 / span 2; align-self: start; }
.layout-finance-editorial .fin-focus .fin-kicker { grid-column: 2; margin: 0; }
.layout-finance-editorial .fin-focus a { grid-column: 2; }
.layout-finance-editorial .fin-focus .fin-kicker + a { margin-top: .1rem; }

/* ---- Cover Story is always the vertical magazine unit in the sidebar ---- */
.layout-finance-editorial .fin-cover-story .fin-cs-feature { display: block; margin-top: .4rem; }
.layout-finance-editorial .fin-cover-story .fin-cs-feature .fin-media { aspect-ratio: 3 / 4; }
.layout-finance-editorial .fin-cover-story .fin-cs-feature .fin-title { font-size: 1.3rem; margin: .55rem 0 .4rem; }
.layout-finance-editorial .fin-cs-more { display: block; padding: .8rem 0; border-top: 1px solid var(--fin-line); text-decoration: none; }
.layout-finance-editorial .fin-cs-more .fin-kicker { margin: 0; }
.layout-finance-editorial .fin-cs-more h4 { font: 600 1.05rem/1.25 var(--vuga-font-heading); margin: .3rem 0 0; color: var(--fin-ink); }
.layout-finance-editorial .fin-cs-more:hover h4 { color: var(--fin-link); }
.layout-finance-editorial .fin-cs-all { display: inline-block; margin-top: .9rem; font: 700 .7rem/1 var(--vuga-font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--fin-link); text-decoration: none; }
.layout-finance-editorial .fin-cs-all:hover { text-decoration: underline; }
.layout-finance-editorial .fin-cover-story > p { margin: .4rem 0; }

/* ---- Latest News band closes the page under the two columns ---- */
.layout-finance-editorial .fin-latest { margin-top: 2.25rem; }
.layout-finance-editorial .fin-view-all { color: var(--fin-link); font: 700 .68rem/1 var(--vuga-font-mono); letter-spacing: .07em; text-transform: uppercase; text-decoration: none; }
.layout-finance-editorial .fin-view-all:hover { text-decoration: underline; }

/* ---- Category: Previous/Next pager replaces numbered links ---- */
.layout-finance-editorial .fin-pagination { display: flex; gap: .6rem; margin-top: 1.6rem; }
.layout-finance-editorial .fin-pagination .fin-page-link { display: inline-block; padding: .55rem .95rem; border: 1px solid var(--fin-line); border-radius: .35rem; font: 700 .7rem/1 var(--vuga-font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--fin-ink); background: var(--fin-paper); text-decoration: none; }
.layout-finance-editorial .fin-pagination .fin-page-link:hover { border-color: var(--fin-accent); color: var(--fin-link); }
.layout-finance-editorial .fin-pagination .fin-page-state { align-self: center; font: 600 .72rem/1 var(--vuga-font-mono); letter-spacing: .06em; color: var(--fin-muted); }

/* Approved-but-empty sections publish a Coming soon notice instead of a blank list. */
.layout-finance-editorial .fin-coming-soon { padding: 1.6rem 1.4rem; margin-top: 1.4rem; border: 1px solid var(--fin-line); background: var(--fin-warm); }
.layout-finance-editorial .fin-coming-soon .fin-kicker { margin: 0; color: var(--fin-link); }
.layout-finance-editorial .fin-coming-soon .fin-dek { margin: .5rem 0 0; }

/* ---- Cover Story category page: magazine spread (portrait hero + 3x2 grid) ---- */
.layout-finance-editorial .fin-cs-page { margin-top: .5rem; }
.layout-finance-editorial .fin-cs-hero { display: grid; grid-template-columns: minmax(0, 30rem) minmax(0, 1fr); gap: 1.8rem; padding: 1.2rem 0 1.8rem; border-bottom: 2px solid var(--fin-ink); margin-bottom: 1.7rem; }
.layout-finance-editorial .fin-cs-hero-media { display: block; min-width: 0; }
.layout-finance-editorial .fin-cs-hero-media .fin-media { aspect-ratio: 3 / 4; }
.layout-finance-editorial .fin-cs-hero .fin-title { font: 700 clamp(1.8rem, 3vw, 2.6rem)/1.08 var(--vuga-font-heading); margin: .5rem 0 .55rem; }
.layout-finance-editorial .fin-cs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.8rem 1.6rem; }
.layout-finance-editorial .fin-cs-grid article .fin-media { aspect-ratio: 3 / 4; }
.layout-finance-editorial .fin-cs-grid .fin-title { font-size: 1.12rem; margin: .45rem 0 .3rem; }

/* ---- Article: mono crumb with accent Home, ink rule under the byline,
   share chips right below (Technology rule 6). ---- */
.layout-finance-editorial .fin-article .fin-article-crumb { font: 700 .7rem/1 var(--vuga-font-mono); letter-spacing: .09em; text-transform: uppercase; }
.layout-finance-editorial .fin-article .fin-article-crumb a { color: var(--fin-link); text-decoration: none; }
.layout-finance-editorial .fin-article .fin-article-crumb a:hover { text-decoration: underline; }
.layout-finance-editorial .fin-article .fin-article-meta { padding-bottom: 1.15rem; border-bottom: 2px solid var(--fin-ink); }
.layout-finance-editorial .fin-share { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1.1rem 0 0; }
.layout-finance-editorial .fin-share > span { font: 700 .68rem/1 var(--vuga-font-mono); letter-spacing: .09em; text-transform: uppercase; color: var(--fin-muted); margin-right: .2rem; }
.layout-finance-editorial .fin-share a { border: 1px solid var(--fin-line); border-radius: .35rem; padding: .45rem .7rem; font: 700 .66rem/1 var(--vuga-font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--fin-ink); background: var(--fin-paper); text-decoration: none; }
.layout-finance-editorial .fin-share a:hover { border-color: var(--fin-accent); color: var(--fin-link); }

/* ---- Responsive ---- */
@media (max-width: 1020px) {
  .layout-finance-editorial .fin-strips { grid-template-columns: 1fr; }
  .layout-finance-editorial .fin-strips .fin-strip:last-child:nth-child(odd) .fin-card-grid { grid-template-columns: 1fr; }
  .layout-finance-editorial .fin-cs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .layout-finance-editorial .fin-lead-follow { grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: 1rem; }
  .layout-finance-editorial .fin-lead-follow-body .fin-title { font-size: 1.2rem; }
  .layout-finance-editorial .fin-lead-follow-body .fin-dek { display: none; }
  .layout-finance-editorial .fin-cs-hero { grid-template-columns: 1fr; gap: 1.2rem; }
  .layout-finance-editorial .fin-cs-grid { grid-template-columns: 1fr; }
  .layout-finance-editorial .fin-latest { margin-top: 1.6rem; }
}


/* ---- Footer (user review 2026-08-23): the footer brand sits a step below
   the masthead title, and the whole footer column narrows toward the center
   so the legal links no longer hug the screen edges. ---- */
.layout-finance-editorial .fin-footer .fin-wordmark { font-size: clamp(1.3rem, 2.6vw, 1.75rem); }
.layout-finance-editorial .fin-footer-in { width: min(1000px, 100%); gap: 2.5rem; }
.layout-finance-editorial .fin-footer-bottom { width: min(1000px, 100%); margin: 0 auto; }
@media (max-width: 760px) {
  .layout-finance-editorial .fin-footer-in { padding-inline: 1rem; }
  .layout-finance-editorial .fin-footer-bottom { padding-inline: 1rem; }
}


/* ---- Shared geometry (user review 2026-08-23): the homepage column is the
   width benchmark; category pages center on it instead of the legacy
   4rem offset. ---- */
.layout-finance-editorial .fin-category-wrap { margin-left: auto; margin-right: auto; }


/* ---- Screen-reader utility (user review 2026-08-23): the homepage H1 must
   stay visually hidden even when the base stylesheet bundle is absent, or the
   wordmark line leaks above the date bar. ---- */
.layout-finance-editorial .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }


/* ---- Card and listing links (user review 2026-08-24): production hides the
   browser's default underline in the base stylesheet bundle; the preview runs
   without that bundle, so this layer owns the reset for the whole layout.
   Headlines stay clean everywhere; in-text links keep their underline. ---- */
.layout-finance-editorial a { text-decoration: none; }
.layout-finance-editorial .fin-article-body a,
.layout-finance-editorial .fin-disclosure a,
.layout-finance-editorial .fin-article-extras a,
.layout-finance-editorial .fin-utility a { text-decoration: underline; text-underline-offset: 3px; }
.layout-finance-editorial .fin-cs-feature > a:hover .fin-title,
.layout-finance-editorial a.fin-cs-more:hover h4 { color: var(--fin-link); }


/* ---- Data hub joins the site column (user review 2026-08-24): the dataset
   pages sit on the same 1200px column as the masthead and menu instead of a
   narrower inset frame. ---- */
.layout-finance-editorial .finance-data-main { width: min(1200px, 100%); padding: 1.75rem 1.5rem 2.5rem; }


/* ---- Section heads (user review 2026-08-24): the ink rule sits ABOVE the
   title — the name comes after the line, never touching it. ---- */
.layout-finance-editorial .fin-section-head { border-bottom: none; border-top: 2px solid var(--fin-ink); padding: 0.65rem 0 0; margin-bottom: 1.05rem; align-items: baseline; }


/* ---- Review 2026-08-24 (2): centered section/page heads; the Cover Story
   sidebar unit drops its heavy top rule and keeps the vertical magazine
   geometry. ---- */
.layout-finance-editorial .fin-section-head { justify-content: center; text-align: center; }
.layout-finance-editorial .fin-category-head { text-align: center; }
.layout-finance-editorial .fin-category-head .fin-chips { justify-content: center; }
.layout-finance-editorial .fin-author-page { text-align: center; }
.layout-finance-editorial .fin-cover-story { border-top: none; padding-top: 0; }