/* regional-frame family v4 (2026-09-18): Washington-Times-style chrome.
 * Large Domine serif masthead over a black bar with the rubric menu and search;
 * the bar pins on scroll and a two-letter monogram appears at its left.
 * Accent stays per-publication (emerald / terracotta / carmine). Cards keep
 * the v3 flat wire grid; headlines move to Domine. */
body.layout-regional-frame { --sector-head: "Domine", Georgia, "Times New Roman", serif; }

/* masthead: dateline + large serif wordmark, generous air */
.layout-regional-frame .rf-dateline {
  max-width: 1180px; margin: auto; display: flex; justify-content: space-between; gap: 1rem;
  padding: 0.7rem 1.25rem 0; font: 600 11px/1.3 var(--sector-ui); letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--sector-muted);
}
.layout-regional-frame .rf-dateline-tag { color: var(--sector-accent); text-align: right; }
.layout-regional-frame .rf-mast { max-width: 1180px; margin: auto; padding: 1.1rem 1.25rem 1.3rem; text-align: center; }
.layout-regional-frame .rf-wm {
  font: 700 clamp(2.6rem, 6vw, 4.6rem)/1 var(--sector-head);
  letter-spacing: -0.015em; color: var(--sector-ink); text-decoration: none;
  display: inline-block;
}
.layout-regional-frame .rf-wm:hover { color: var(--sector-ink); }

/* the black bar: rubric menu + search; pins with a two-letter monogram */
.layout-regional-frame .rf-nav {
  position: sticky; top: 0; z-index: 60; background: #101821; color: #fff;
}
.layout-regional-frame .rf-nav-in {
  max-width: 1180px; margin: auto; display: flex; align-items: center; width: 100%;
  padding: 0 1.25rem; gap: 1.25rem;
}
.layout-regional-frame .rf-nav-links {
  flex: 1 1 auto; gap: 1.5rem; display: flex; align-items: center;
  overflow-x: auto; white-space: nowrap; scrollbar-width: none;
}
.layout-regional-frame .rf-nav-links::-webkit-scrollbar { display: none; }
.layout-regional-frame .rf-nav-links a {
  display: block; padding: 0.95rem 0; color: #e8ecef; text-decoration: none;
  font: 700 12.5px/1 var(--sector-ui); letter-spacing: 0.04em; text-transform: uppercase;
}
.layout-regional-frame .rf-nav-links a:hover { color: #fff; box-shadow: inset 0 -3px 0 var(--sector-accent); }
.layout-regional-frame .rf-nav-links [aria-current="page"] { color: #fff; box-shadow: inset 0 -3px 0 var(--sector-accent); }
.layout-regional-frame .rf-mono {
  display: none; color: #fff; text-decoration: none; font: 700 1.15rem/1 var(--sector-head);
  letter-spacing: 0.02em; background: var(--sector-accent); border-radius: 3px; padding: 0.4rem 0.55rem;
}
.layout-regional-frame .rf-nav.rf-stuck .rf-mono { display: inline-block; }
.layout-regional-frame .rf-search {
  color: #fff; background: transparent; border: 0; padding: 0.55rem 1.25rem 0.55rem 0.55rem;
  display: flex; align-items: center;
}
.layout-regional-frame .rf-search svg { width: 20px; height: 20px; }
.layout-regional-frame .rf-search:hover { color: var(--sector-accent); }
.layout-regional-frame .rf-burger { display: none; background: transparent; border: 0; color: #fff; font-size: 1.35rem; padding: 0.4rem 0 0.4rem 1.25rem; }

/* retired sector chrome superseded by the family header */
.layout-regional-frame .sector-masthead,
.layout-regional-frame .sector-network-bar,
.layout-regional-frame .sector-nav { display: none; }

/* cards (from v3, headlines now Domine serif) */
.layout-regional-frame .local-cover { gap: 1.6rem; padding-top: 1.6rem; }
.layout-regional-frame .lf-col { display: grid; gap: 1.6rem; align-content: start; }
.layout-regional-frame .lf-card { border: 0; }
.layout-regional-frame .lf-col .lf-card + .lf-card { margin-top: 0; padding-top: 1.4rem; border-top: 1px solid var(--sector-line); }
.layout-regional-frame .lf-card-cat { margin-bottom: 0.35rem; }
.layout-regional-frame .lf-card-cat a {
  font: 800 11px/1 var(--sector-ui); letter-spacing: 0.08em; text-transform: uppercase; color: var(--sector-accent);
}
.layout-regional-frame .lf-card-title { font: 700 1.22rem/1.22 var(--sector-head); letter-spacing: -0.005em; }
.layout-regional-frame .lf-col--mid .lf-card--lead .lf-card-title { font-size: 1.8rem; line-height: 1.15; }
.layout-regional-frame .lf-card-excerpt { font-size: 0.95rem; color: var(--sector-muted); max-width: 44ch; }
.layout-regional-frame .lf-card-byline { font: 600 0.7rem/1.4 var(--sector-ui); letter-spacing: 0.05em; text-transform: uppercase; color: var(--sector-muted); }
.layout-regional-frame .lf-card-date { font: 500 0.75rem/1.4 var(--sector-ui); color: var(--sector-muted); }
.layout-regional-frame .lf-band-head h2, .layout-regional-frame .sector-section-head h2 {
  font: 800 0.95rem/1 var(--sector-ui); letter-spacing: 0.05em; text-transform: uppercase;
}
.layout-regional-frame .lf-band-more { font: 700 11px/1 var(--sector-ui); text-transform: uppercase; letter-spacing: 0.06em; color: var(--sector-accent); }
.layout-regional-frame .lf-grid { gap: 1.6rem 1.4rem; }
.layout-regional-frame .lf-grid-card { border: 0; }
.layout-regional-frame .lf-grid-card .lf-card-title { font-size: 1.1rem; }
.layout-regional-frame .lf-card-title a { color: var(--sector-ink); }
.layout-regional-frame .lf-card-title a:hover { color: var(--sector-accent); }

/* mobile: the black bar is the header — burger left, monogram shown, links scroll */
@media (max-width: 760px) {
  .layout-regional-frame .rf-dateline { display: none; }
  .layout-regional-frame .rf-mast { padding: 1.4rem 1rem 1.1rem; }
  .layout-regional-frame .rf-wm { font-size: 2.1rem; }
  .layout-regional-frame .rf-burger { display: inline-block; }
  .layout-regional-frame .rf-nav-links { padding: 0 0.9rem; gap: 1.1rem; }
  .layout-regional-frame .rf-nav-links a { padding: 0.85rem 0; font-size: 12px; }
  .layout-regional-frame .rf-search { padding-right: 0.9rem; }
}


/* v8: newspaper cover — wide middle column (2 articles) between narrower side columns (3 each), every card annotated */
.layout-regional-frame .rf-cover { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr) minmax(0, 1fr); gap: 1.6rem 1.4rem; align-items: start; padding-top: 1.6rem; }
.layout-regional-frame .rf-col { display: grid; gap: 1.5rem; align-content: start; }
.layout-regional-frame .rf-side, .layout-regional-frame .rf-mid { border: 0; display: grid; gap: 0.4rem; }
.layout-regional-frame .rf-side .lf-card-title { font-size: 1.08rem; line-height: 1.22; }
.layout-regional-frame .rf-side .lf-card-excerpt { font-size: 0.9rem; }
.layout-regional-frame .rf-side + .rf-side { padding-top: 1.3rem; border-top: 1px solid var(--sector-line); }
.layout-regional-frame .rf-mid--lead .lf-card-title { font-size: 1.7rem; line-height: 1.14; }
.layout-regional-frame .rf-mid .lf-card-title { font-size: 1.25rem; }
@media (max-width: 900px) { .layout-regional-frame .rf-cover { grid-template-columns: minmax(0, 1fr); } .layout-regional-frame .rf-mid--lead .lf-card-title { font-size: 1.4rem; } }

/* v9: restore sectors strip grid (lost in the v8 cover swap) — one horizontal row */
.layout-regional-frame .rf-sectors { border-top: 2px solid var(--sector-ink); margin-top: 2.2rem; }
.layout-regional-frame .rf-sectors-in { max-width: 1180px; margin: auto; padding: 1.4rem 1.25rem 0.6rem; }
.layout-regional-frame .rf-sectors-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.9rem; }
.layout-regional-frame .rf-sector { text-decoration: none; display: grid; gap: 0.35rem; align-content: start; }
.layout-regional-frame .rf-sector-media { display: block; aspect-ratio: 16/10; overflow: hidden; background: #e7e7e4; }
.layout-regional-frame .rf-sector-media .sector-media, .layout-regional-frame .rf-sector-media img { width: 100%; height: 100%; object-fit: cover; }
.layout-regional-frame .rf-sector-media--empty { background: linear-gradient(145deg, var(--sector-ink), #293442); }
.layout-regional-frame .rf-sector-cat { font: 800 10px/1 var(--sector-ui); letter-spacing: 0.08em; text-transform: uppercase; color: var(--sector-accent); margin-top: 0.15rem; }
.layout-regional-frame .rf-sector-name { font: 700 0.82rem/1.3 var(--sector-head); color: var(--sector-ink); }
.layout-regional-frame .rf-sector:hover .rf-sector-name { color: var(--sector-accent); }
@media (max-width: 900px) { .layout-regional-frame .rf-sectors-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 560px) { .layout-regional-frame .rf-sectors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* v10: About team — no job titles, compact two-line specializations */
.layout-regional-frame .team-member .title { display: none; }
.layout-regional-frame .team-member .line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 400 0.78rem/1.4 var(--sector-ui); color: var(--sector-muted); max-width: 26ch; }
.layout-regional-frame .team-grid { gap: 1.4rem 1rem; }

/* v13: compact homepage FAQ — smaller type, tighter rhythm, questions stay visible */
.layout-regional-frame section[aria-label="Frequently asked questions"] { max-width: 1180px; margin: auto auto 2.5rem; padding: 0 1.25rem; border-top: 2px solid var(--sector-ink); padding-top: 1.1rem; }
.layout-regional-frame section[aria-label="Frequently asked questions"] > h2 { font: 800 0.95rem/1 var(--sector-ui); letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 0.8rem; }
.layout-regional-frame section[aria-label="Frequently asked questions"] details { border: 0; border-top: 1px solid var(--sector-line); padding: 0.45rem 0; }
.layout-regional-frame section[aria-label="Frequently asked questions"] summary { font: 600 0.88rem/1.4 var(--sector-ui); cursor: pointer; }
.layout-regional-frame section[aria-label="Frequently asked questions"] details div { font: 400 0.82rem/1.5 var(--sector-ui); color: var(--sector-muted); margin-top: 0.35rem; max-width: 72ch; }

/* v14: article page — no rule above the FAQ inside the article; compact author signature */
.layout-regional-frame .sector-article section[aria-label="Frequently asked questions"] { border-top: 0; padding-top: 0; margin-top: 2.4rem; }
.layout-regional-frame .sector-author { background: transparent; }
.layout-regional-frame .sector-author h2 { font: 700 1rem/1.2 var(--sector-head); margin: 0; }
.layout-regional-frame .sector-author .sector-author-spec { font: 400 0.78rem/1.4 var(--sector-ui); color: var(--sector-muted); margin: 0.15rem 0 0; }

/* v15: author page — compact Articles-by head, spec cards (kicker/title/excerpt/author/date), pager */
.layout-regional-frame .sector-author-title { display: none; }
.layout-regional-frame .sector-section-head h2#author-articles { font: 800 0.95rem/1 var(--sector-ui); letter-spacing: 0.05em; text-transform: uppercase; }
.layout-regional-frame .sector-author-articles { margin-top: 0.6rem; }
.layout-regional-frame .rf-author-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; margin-top: 1.2rem; }
.layout-regional-frame .rf-author-card { display: grid; gap: 0.35rem; align-content: start; border: 0; padding: 0; }
.layout-regional-frame .rf-author-card-kicker { font: 800 11px/1 var(--sector-ui); letter-spacing: 0.08em; text-transform: uppercase; color: var(--sector-accent); }
.layout-regional-frame .rf-author-card h3 { margin: 0; font: 700 1.12rem/1.22 var(--sector-head); }
.layout-regional-frame .rf-author-card h3 a { color: var(--sector-ink); }
.layout-regional-frame .rf-author-card h3 a:hover { color: var(--sector-accent); }
.layout-regional-frame .rf-author-card-excerpt { margin: 0; font: 400 0.9rem/1.5 var(--sector-ui); color: var(--sector-muted); }
.layout-regional-frame .rf-author-card-meta { display: grid; gap: 0.1rem; margin-top: 0.15rem; }
.layout-regional-frame .rf-author-card-author { font: 600 0.76rem/1.4 var(--sector-ui); letter-spacing: 0.04em; text-transform: uppercase; color: var(--sector-ink); }
.layout-regional-frame .rf-author-card-date { font: 500 0.75rem/1.4 var(--sector-ui); color: var(--sector-muted); }
.layout-regional-frame .rf-author-pages { margin-top: 1.6rem; }
@media (max-width: 760px) { .layout-regional-frame .rf-author-grid { grid-template-columns: minmax(0, 1fr); } }

/* v16: author cards — no outer frame around the grid; sectors row = six content rubrics */
.layout-regional-frame .rf-author-grid { border: 0; outline: 0; }
.layout-regional-frame .rf-sectors-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* v17: mobile chrome + compact article + share icons + search page */
.layout-regional-frame .rf-nav-logo { display: none; color: #fff; text-decoration: none; font: 700 1.25rem/1 var(--sector-head); letter-spacing: 0; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.layout-regional-frame .rf-share { display: flex; align-items: center; gap: 0.55rem; margin: 1.2rem 0; }
.layout-regional-frame .rf-share a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--sector-line); border-radius: 3px; color: var(--sector-ink); }
.layout-regional-frame .rf-share a:hover { border-color: var(--sector-accent); color: var(--sector-accent); }
.layout-regional-frame .rf-share svg { width: 16px; height: 16px; }
@media (max-width: 760px) {
  .layout-regional-frame .rf-dateline, .layout-regional-frame .rf-mast, .layout-regional-frame .rf-nav-links, .layout-regional-frame .rf-mono { display: none !important; }
  .layout-regional-frame .rf-nav-logo { display: block; }
  .layout-regional-frame .rf-burger { display: inline-block; }
  .layout-regional-frame .rf-search { padding: 0.55rem 1rem 0.55rem 0.5rem; }
  /* compact article */
  .layout-regional-frame .sector-article { padding: 1.4rem 1rem 2rem; }
  .layout-regional-frame .sector-article h1 { font-size: 1.85rem !important; line-height: 1.15; letter-spacing: -0.015em; }
  .layout-regional-frame .sector-article-dek { font-size: 1rem; line-height: 1.5; }
  .layout-regional-frame .sector-article-meta { font-size: 0.78rem; gap: 0.6rem; padding: 0.7rem 0; }
  .layout-regional-frame .sector-article-hero { margin: 1.2rem 0; }
  .layout-regional-frame .sector-article-body { font-size: 1rem; line-height: 1.65; }
  .layout-regional-frame .sector-article-body h2 { font-size: 1.35rem; margin: 1.8rem 0 0.5rem; }
  .layout-regional-frame .sector-article-body blockquote { font-size: 1.1rem; }
  .layout-regional-frame .rf-sectors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v18: in-article links — brand color, underlined */
.layout-regional-frame .sector-article-body a { color: var(--sector-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.layout-regional-frame .sector-article-body a:hover { color: var(--sector-ink); }