/* Shared rail rhythm; keep article content and modal actions independent. */
html body :is(.oh-page-side, .main > .side, .article-publication-side, .legal-side-rail) {
  min-width: 0;
}
html body :is(.oh-page-side, .main > .side, .article-publication-side) > :is(.box, .side-panel) {
  border-radius: 4px;
  box-shadow: none;
  padding: 20px;
  margin-bottom: 20px;
}
html body :is(.oh-page-side, .main > .side, .article-publication-side, .legal-side-rail) :is(h3, .box-title) {
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: 0;
}
html body :is(.oh-page-side, .main > .side) .box-head {
  gap: 12px;
  align-items: baseline;
  margin-bottom: 12px;
}
html body :is(.oh-page-side, .main > .side) .cat {
  min-height: 48px;
  gap: 10px;
  border-radius: 0;
  box-shadow: none;
}
html body :is(.oh-page-side, .main > .side) .cat b {
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
html body :is(.oh-page-side, .main > .side) .count {
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
html body :is(.oh-page-side, .article-publication-side, .legal-side-rail, .toc) a:focus-visible,
#newsroom-dashboard .newsroom-popular a:focus-visible {
  outline: 2px solid var(--v4-orange, #ff7418);
  outline-offset: 3px;
  border-radius: 2px;
}
html body .oh-page-side a.source-row {
  text-decoration: none;
  color: inherit;
  min-height: 60px;
}
html body .oh-page-side a.source-row:hover strong { color: var(--v4-orange, #ff7418); }
html body .legal-side-rail .stat-row { padding: 14px 0; gap: 12px; }
html body .legal-side-rail .stat-row b { font-size: 13px; line-height: 1.5; }
html body .legal-side-rail .stat-row span { font-size: 12px; line-height: 1.6; }
html body .legal-side-rail .action-box { margin-top: 20px; padding-top: 20px; }
html body .toc > a { min-height: 44px; line-height: 1.5; }

#newsroom-dashboard .newsroom-popular { padding: 0 0 0 24px; }
#newsroom-dashboard .newsroom-popular > h2,
#newsroom-dashboard .newsroom-latest-jobs > h2 {
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 8px;
}
#newsroom-dashboard .newsroom-popular > ol { margin: 0; padding: 0; }
#newsroom-dashboard .newsroom-popular > ol > li {
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 12px;
  padding: 16px 0;
}
#newsroom-dashboard .newsroom-popular > ol > li::before {
  font-size: 19px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  color: var(--v4-orange);
}
#newsroom-dashboard .newsroom-popular > ol h3 {
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 7px;
  overflow-wrap: anywhere;
}
#newsroom-dashboard .newsroom-popular > ol a { display: block; text-decoration: none; }
#newsroom-dashboard .newsroom-popular > ol a:hover h3 { color: var(--v4-orange); }
#newsroom-dashboard .newsroom-popular time { font-size: 11px; color: var(--v4-muted); }
#newsroom-dashboard .newsroom-popular > ol > li:last-child { border-bottom: 0; }
#newsroom-dashboard .newsroom-latest-jobs {
  margin-top: 8px;
  padding-top: 22px;
  border-top: 1px solid var(--v4-line);
}
#newsroom-dashboard .newsroom-jobs-kicker { margin-bottom: 6px; font-size: 9px; }
#newsroom-dashboard .newsroom-latest-jobs li:last-child { border-bottom: 0; }
#newsroom-dashboard .newsroom-latest-jobs li a { padding: 14px 0; }
#newsroom-dashboard .newsroom-latest-jobs h3 { line-height: 1.5; margin-bottom: 4px; }
#newsroom-dashboard .newsroom-job-company { font-size: 12px; }
#newsroom-dashboard .newsroom-jobs-all {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--v4-line);
  margin-top: 4px;
  padding-top: 6px;
}
@media (min-width: 601px) and (max-width: 900px) {
  #newsroom-dashboard .newsroom-popular > ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
}
@media (max-width: 600px) {
  html body :is(.oh-page-side, .main > .side, .article-publication-side) > :is(.box, .side-panel) { padding: 16px; margin-bottom: 16px; }
  #newsroom-dashboard .newsroom-popular > ol > li { padding: 14px 0; }
}

/* Article rails share the same rhythm, without stacking panel and row borders. */
html[data-oh-theme] body.news-article-page .page .article-publication-side {
  gap: 24px !important;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side > .side-panel {
  margin: 0;
  padding: 0 0 20px !important;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side h3 {
  font-size: 16px !important;
  margin-bottom: 10px !important;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side .news-aside-list a {
  grid-template-columns: 72px minmax(0, 1fr) !important;
  grid-template-rows: auto auto;
  gap: 4px 12px !important;
  padding: 14px 0 !important;
  align-items: start !important;
  text-decoration: none;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side .news-aside-list img {
  width: 72px;
  height: 64px;
  object-fit: cover;
  grid-column: 1;
  grid-row: 1 / 3;
  border-radius: 3px;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side .news-aside-list b {
  font-size: 13px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side .news-aside-list span {
  font-size: 11px !important;
  line-height: 1.6;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side .news-aside-list a:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side .news-aside-list a:not(:has(img)) {
  grid-template-columns: minmax(0, 1fr) !important;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side .news-aside-list a:not(:has(img)) :is(b, span) {
  grid-column: 1 !important;
}
html[data-oh-theme] body.news-article-page .page .article-publication-side a:hover b { color: var(--v4-orange); }
html body .article-publication-side .article-contents { padding-bottom: 0; border-bottom: 0; }
html body .article-publication-side .article-contents a { font-size: 13px; }

#jobs-list > .side .tools-list { display: grid; gap: 0; }
#jobs-list > .side .tools-list .tool {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  gap: 12px;
  border-radius: 0;
}
#jobs-list > .side .tools-list .tool span {
  min-width: 28px;
  text-align: right;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
#jobs-list > .side .panel-btn {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}
/* Complete outer rails without placing framed panels inside framed panels. */
html[data-oh-theme] body .page :is(.oh-page-side,#jobs-list > .side,.legal-side-rail,.legal-wrap > .toc,#newsroom-dashboard .newsroom-popular){border:1px solid #344a50!important;border-radius:4px!important;background:#0b1e24!important;padding:20px!important;box-sizing:border-box;align-self:start;min-width:0}
html[data-oh-theme] body .page :is(.oh-page-side,#jobs-list > .side)>:is(.box,.side-panel){border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important}
html[data-oh-theme] body .page :is(.oh-page-side,#jobs-list > .side)>:is(.box,.side-panel)+:is(.box,.side-panel){border-top:1px solid #344a50!important;padding-top:22px!important;margin-top:22px!important}
html[data-oh-theme] body .page :is(.oh-page-side,#jobs-list > .side,.legal-side-rail,.legal-wrap > .toc,#newsroom-dashboard .newsroom-popular)>:last-child{margin-bottom:0!important}
html[data-oh-theme] body .page .legal-side-rail .action-box{border:0!important;border-top:1px solid #344a50!important;border-radius:0!important;padding:20px 0 0!important;background:transparent!important}
html[data-oh-theme] body .page :is(.oh-page-side,#jobs-list > .side) :is(.source-row,.cat,.tool):last-child{border-bottom:0!important}
@media(max-width:600px){html[data-oh-theme] body .page :is(.oh-page-side,#jobs-list > .side,.legal-side-rail,.legal-wrap > .toc,#newsroom-dashboard .newsroom-popular){padding:18px!important}}
html[data-oh-theme] body .page #newsroom-dashboard .newsroom-popular>h2{margin:0 0 14px!important;padding:0!important;line-height:1.4!important}
