/* beUI Pro editorial language shared with the home.
   Density contract: feed geometry, typography, column counts and spacing stay
   in style.css, unmodified. Only feed surfaces/colours are overridden here. */
body.category-page {
  --home-paper: #faf8f5;
  --home-ink: #282b29;
  --home-muted: #656963;
  --home-line: rgba(40, 43, 41, .14);
  --home-accent: #9e4937;
  --rubric-accent: #496a67;
  --bg: var(--home-paper);
  --card-bg: #fffdf9;
  --text: var(--home-ink);
  --muted: var(--home-muted);
  --border: rgba(40, 43, 41, .12);
  --border-strong: rgba(40, 43, 41, .2);
  --date: #535e56;
  --accent: var(--rubric-accent);
  --chip-bg: rgba(40, 43, 41, .04);
  background: radial-gradient(ellipse 800px 280px at 85% 0, #efc9ae25, transparent), radial-gradient(ellipse 900px 340px at 10% 0, #b4cfbd26, transparent), var(--bg);
}
body.category-page[data-theme="dark"] {
  --home-paper: #141918;
  --home-ink: #f1f0e8;
  --home-muted: #aeb7b2;
  --home-line: rgba(230, 239, 232, .15);
  --home-accent: #f3ad94;
  --rubric-accent: #accac1;
  --card-bg: #1c2220;
  --border: rgba(230, 239, 232, .1);
  --border-strong: rgba(230, 239, 232, .2);
  --date: #c4cfc7;
  --chip-bg: rgba(230, 239, 232, .05);
  background: radial-gradient(ellipse 800px 280px at 85% 0, #764c431a, transparent), radial-gradient(ellipse 900px 340px at 10% 0, #215e5422, transparent), var(--bg);
}
body.category-page[data-category="ia-cyber"] { --rubric-accent: #766390; }
body.category-page[data-category="running"] { --rubric-accent: #687648; }
body.category-page[data-category="formule-1"] { --rubric-accent: var(--home-accent); }
body.category-page[data-category="gaming"] { --rubric-accent: #496a67; }
body.category-page[data-category="gaming"][data-theme="dark"] { --rubric-accent: #accac1; }
body.category-page[data-category="ia-cyber"][data-theme="dark"] { --rubric-accent: #d0bce9; }
body.category-page[data-category="running"][data-theme="dark"] { --rubric-accent: #c1d29c; }

.category-masthead { margin: 26px 22px 0; padding-bottom: 22px; border-bottom: 1px solid var(--home-line); }
.category-breadcrumbs { display: flex; align-items: center; gap: 9px; margin-bottom: 13px; font-size: 10px; color: var(--home-muted); }
.category-breadcrumbs a { color: inherit; text-decoration: none; }
.category-breadcrumbs a:hover { color: var(--rubric-accent); text-decoration: underline; text-underline-offset: 3px; }
.category-breadcrumbs [aria-current] { color: var(--rubric-accent); }
.category-masthead-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.category-masthead h1 { margin: 0; font: 400 clamp(34px, 3.2vw, 46px)/1.05 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.category-title-dot { color: var(--rubric-accent); }
.category-description { margin: 9px 0 0; color: var(--home-muted); font-size: 12px; line-height: 1.5; }
.category-edition { display: flex; align-items: center; gap: 10px; flex-shrink: 0; margin: 0 0 3px; color: var(--home-muted); font-size: 10px; }
.category-edition > span:first-child { color: var(--rubric-accent); font-weight: 600; }
.category-page .feed-card { background: var(--card-bg); border-color: var(--border); box-shadow: 0 8px 25px -24px #282b2933; }
.category-page .feed-card h2 { background: color-mix(in srgb, var(--rubric-accent) 7%, var(--card-bg)); border-color: var(--border); }
.category-page .theme-section-intro__eyebrow,
.category-page .theme-hero__eyebrow,
.category-page .f1-editorial-standings .f1-card-eyebrow { color: var(--rubric-accent); }
.category-page .theme-section-intro h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.035em; }
.category-page .theme-hero--crypto .theme-hero__inner { background: transparent; border-color: transparent; box-shadow: none; }
.category-page .theme-hero--crypto h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em; }
.category-page .f1-editorial-standings li:first-child .f1-standing-position { color: var(--rubric-accent); }
.category-page .pro-footer { margin-top: 12px; }
.category-page .category-masthead :focus-visible { outline: 2px solid var(--rubric-accent); outline-offset: 5px; }
/* Keep the race card's Formula 1 red, centered layout and compact timer intact. */
@media (max-width: 700px) {
  .category-masthead { margin: 12px 12px 0; padding-bottom: 17px; }
  .category-masthead-row { flex-direction: column; align-items: flex-start; gap: 14px; }
  .category-masthead h1 { font-size: 36px; }
  .category-description { font-size: 11px; }
  .category-breadcrumbs { margin-bottom: 10px; }
  .category-edition { gap: 8px; }
}