/* cdob-rail.css v0.1.0 | 2026-07-03 | Generated by Claude, session CDOB-S9
   Two-column singular layout (.cdob-layout) + right-rail sidebar (.cdob-rail)
   for page.php and single.php (plan phase F, owner-requested; supersedes the
   S8 single-column decision). Enqueued on is_singular() && ! is_front_page().
   Colors reuse pairs already verified in cdob-core/cdob-nav (sRGB-linearized):
   ink on paper 16.48, navy on paper 10.40; borders decorative. Rail links are
   block-level with a 44px min tap height (WCAG 2.5.5 floor). The rail drops
   below the content column at <=1023px. */

.cdob-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 48px;
  align-items: start;
}
.cdob-layout__main {
  min-width: 0;
}

.cdob-rail {
  font-family: var(--cdob-ff-sans);
  min-width: 0;
}
.cdob-rail__widget {
  border-top: 3px solid var(--cdob-navy); /* decorative */
  padding-top: 16px;
  margin: 0 0 40px;
}
.cdob-rail__title {
  font-family: var(--cdob-ff-sans);
  font-size: var(--fs-300);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cdob-ink); /* 16.48 on paper */
  margin: 0 0 10px;
}
.cdob-rail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cdob-rail ul a {
  display: flex;
  align-items: center;
  min-height: var(--cdob-tap-min); /* tap floor */
  padding: 4px 0;
  color: var(--cdob-navy); /* 10.40 on paper */
  font-size: var(--fs-400);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}
.cdob-rail ul a:hover {
  color: var(--cdob-navy);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cdob-rail__more {
  margin: 10px 0 0;
  font-size: var(--fs-400);
}
.cdob-rail__more a {
  display: inline-flex;
  align-items: center;
  min-height: var(--cdob-tap-min); /* tap floor */
  color: var(--cdob-navy); /* 10.40 on paper */
  font-weight: 700;
}

@media (max-width: 1023px) {
  .cdob-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .cdob-rail {
    margin-top: 48px;
    border-top: 1px solid var(--cdob-ui-border); /* decorative */
    padding-top: 32px;
  }
}