/* Bright-blue editorial edition. Keep the logo's original navy artwork. */
:root {
  --black:#20262d;
  --text:#20262d;
  --muted:#617080;
  --line:#dce6ee;
  --light:#eef7fc;
  --red:#0b73b5;
  --deep-red:#07558a;
  --accent:#1687d5;
}
.nav { border-top-color:var(--line); }
.nav-links a.active,.nav-links a:hover { border-bottom-color:var(--accent); }
.search { border-bottom-color:#9aabb9; }
.shop-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border:1px solid var(--red); border-radius:4px; color:var(--red); font:700 14px/1.4 Arial,sans-serif; }
.shop-link:hover { background:var(--light); }
.shop-link:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.layout { display:block; }
.layout > .news-main,.layout > .rail { min-width:0; }
.rail { position:static; display:block; }
.latest-panel { display:none; }
.layout:not(:has(#leadArea:not([hidden]))) .brief-panel { display:none; }
.lead-story { padding:0; border:0; }
.highlight-heading { color:var(--red); font:700 14px/1.4 Georgia,serif; text-transform:uppercase; border:0; margin:0 0 20px; padding:0; }
.lead-story h1 { color:var(--black); font-size:46px; line-height:1.1; margin:12px 0 16px; }
.lead-story p { font-size:21px; line-height:1.5; color:#596774; }
.lead-story .meta { margin-top:18px; }
.lead-media { border:0; background:var(--light); }
.lead-media img { object-fit:contain; }
.label { color:var(--red); }
.today-news { padding:0 0 0 28px; border-left:1px solid var(--line); }
.today-news .category-heading { display:block; border:0; padding:0 0 8px; }
.today-news .category-heading h2 { color:var(--red); font:700 14px/1.4 Georgia,serif; text-transform:uppercase; }
.today-news .category-heading > time { display:none; }
.today-story { grid-template-columns:36px minmax(0,1fr); gap:14px; padding:20px 0; }
.today-story h3 { font-size:19px; line-height:1.35; font-weight:400; margin:5px 0 8px; }
.today-story .label { font-size:11px; }
.today-rank { color:var(--accent); font:400 38px/1 Georgia,serif; }
.today-story time { font:12px/1.5 Georgia,serif; color:var(--muted); }
.today-list li:last-child { border-bottom:0; }
.brief-panel { border-top:2px solid var(--accent); background:var(--light); padding:20px 24px 24px; margin:36px 0; }
.brief-panel #briefHeading { font:700 14px/1.4 Georgia,serif; color:var(--red); margin:0 0 18px; padding:0; }
#briefList { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
#briefList .brief-row { display:block; padding:0 24px 0 0; border:0; border-right:1px solid #c7dceb; }
#briefList .brief-row:last-child { border-right:0; padding-right:0; }
#briefList time { display:block; color:var(--muted); font-size:11px; margin-bottom:8px; }
#briefList p { color:#46586a; font:16px/1.55 Georgia,serif; margin:0; }
#briefList a:hover { color:var(--deep-red); text-decoration:underline; }
.feed-section .section-head { min-height:0; padding:0 0 10px; border:0; align-items:center; }
.feed-section .section-head #feedHeading { color:var(--red); font:700 14px/1.5 Georgia,serif; text-transform:uppercase; }
.category-feed { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 48px; }
.category-heading { position:relative; padding:14px 0 12px; border-bottom:1px solid var(--line); }
.category-heading::after { content:""; position:absolute; bottom:-1px; left:0; width:38px; height:2px; background:var(--accent); }
.today-news .category-heading::after { display:none; }
.category-heading h2 { font:700 27px/1.2 Georgia,serif; }
.category-heading > a { color:var(--red); }
.category-story { padding:15px 0; }
.category-story h3 { font-size:18px; line-height:1.4; font-weight:400; }
.category-story time { font:12px/1.5 Georgia,serif; }
.category-story > a { align-items:center; }
.category-page { margin-top:16px; }
.category-page .category-story h3 { font-weight:700; }
footer { border-top:1px solid var(--line); color:var(--muted); }
/* Flatten only the homepage wrappers so the reading order also works without JS. */
.layout:has(#leadArea:not([hidden])) { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); column-gap:32px; row-gap:0; }
.layout:has(#leadArea:not([hidden])) > .news-main,
.layout:has(#leadArea:not([hidden])) #leadArea,
.layout:has(#leadArea:not([hidden])) > .rail { display:contents; }
.layout:has(#leadArea:not([hidden])) .lead-story { grid-column:1; grid-row:1; }
.layout:has(#leadArea:not([hidden])) .today-news { grid-column:2; grid-row:1; }
.layout:has(#leadArea:not([hidden])) .brief-panel { grid-column:1 / -1; grid-row:2; }
.layout:has(#leadArea:not([hidden])) .feed-section { grid-column:1 / -1; grid-row:3; }
@media(max-width:1060px) {
  .lead-story h1 { font-size:38px; }
  .lead-story p { font-size:19px; }
  .today-news { padding-left:22px; }
  .today-story { gap:10px; padding:16px 0; }
  .today-story h3 { font-size:18px; }
}
@media(max-width:820px) {
  .layout:has(#leadArea:not([hidden])) { grid-template-columns:minmax(0,1fr); }
  .layout:has(#leadArea:not([hidden])) .today-news { grid-column:1; grid-row:2; }
  .layout:has(#leadArea:not([hidden])) .brief-panel { grid-row:3; }
  .layout:has(#leadArea:not([hidden])) .feed-section { grid-row:4; }
  .today-news { border-left:0; border-top:1px solid var(--line); padding:28px 0 0; margin-top:30px; }
  .today-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
  #briefList { grid-template-columns:minmax(0,1fr); gap:16px; }
  #briefList .brief-row { border-right:0; border-bottom:1px solid #c7dceb; padding:0 0 16px; }
  #briefList .brief-row:last-child { border-bottom:0; padding:0; }
}
@media(max-width:600px) {
  .lead-story h1 { font-size:32px; line-height:1.15; }
  .lead-story p { font-size:18px; }
  .today-list,.category-feed { grid-template-columns:minmax(0,1fr); }
  .brief-panel { padding:18px 16px; margin:28px 0; }
  .category-feed { gap:24px; }
  .category-heading h2 { font-size:25px; }
}