/* Home 2 · Think horizontal editorial rail · PRE only.
   Same native scroll-snap approach as the Think distributiva.
   All five article links are present as HTML without JavaScript. */
.rmh2 .rmh2-think-rail-toolbar {
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; margin:0 0 14px; min-height:40px;
}
.rmh2 .rmh2-think-rail-toolbar > p {
  color:#56627a; font-size:.82rem; font-weight:650;
  line-height:1.45; margin:0;
}
.rmh2 .rmh2-think-rail-toolbar > p span { color:#f73760; }
.rmh2 .rmh2-think-rail-controls {
  display:flex; align-items:center; flex-shrink:0; gap:9px;
}
.rmh2 .rmh2-think-rail-controls[hidden] { display:none!important; }
.rmh2 .rmh2-think-rail-controls button {
  display:inline-flex; justify-content:center; align-items:center;
  width:40px; height:40px; padding:0;
  appearance:none; background:#fff; border:1px solid #bac4d5;
  border-radius:50%; color:#171b31;
  font:700 1.14rem/1 Roboto,Inter,system-ui,sans-serif;
  cursor:pointer; transition:color .2s,background .2s,border-color .2s;
}
.rmh2 .rmh2-think-rail-controls button:disabled { opacity:.32; cursor:default; }
.rmh2 .rmh2-think-rail-controls button:not(:disabled):hover {
  border-color:#171b31; color:#fff; background:#171b31;
}
.rmh2 .rmh2-think-rail-controls button:focus-visible {
  outline:3px solid #f73760; outline-offset:3px;
}
body.rm-pilots .rmh2 .rmh2-think-grid.rmh2-think-rail {
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(270px,30.5%,385px)!important;
  gap:clamp(16px,2vw,24px)!important;
  overflow-x:auto!important; overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity; scroll-padding-inline:3px;
  scrollbar-width:thin; scrollbar-color:#bdc6d5 transparent;
  padding:2px 2px 17px!important; margin:0!important;
  min-width:0; max-width:100%;
}
.rmh2 .rmh2-think-rail > .rmh2-think-item {
  display:flex!important;
  flex-direction:column!important;
  width:100%!important; min-width:0!important;
  grid-column:auto!important;
  scroll-snap-align:start;
  scroll-snap-stop:normal;
  border:0; background:transparent; padding:0;
}
.rmh2 .rmh2-think-rail .rmh2-think-art {
  height:auto!important;
  aspect-ratio:16/9; width:100%;
  margin-bottom:18px; border-radius:3px;
}
.rmh2 .rmh2-think-rail .rmh2-think-item h3 {
  min-width:0; max-width:none; flex:none;
  font-size:clamp(1.12rem,1.4vw,1.26rem)!important;
  margin-bottom:24px!important;
}
.rmh2 .rmh2-think-rail .rmh2-think-item .rmh2-tool-open {
  margin-top:auto; padding-top:14px;
}
.rmh2 .rmh2-think-rail:focus-visible { outline:2px solid #4f578d; outline-offset:3px; }
/* Two real publications added to the three existing illustrated covers. */
.rmh2 .rmh2-think-art-four {
  position:relative; flex-wrap:wrap; gap:0;
  background:#e5eaf3; color:#445786;
}
.rmh2 .rmh2-think-tech-pill {
  display:inline-flex; align-items:center; justify-content:center;
  width:64px; height:64px;
  border:2px solid #8a9ab7; border-radius:50%;
  font-size:1.24rem; font-weight:800; background:#fff;
  box-shadow:0 8px 15px rgba(24,40,70,.07);
}
.rmh2 .rmh2-think-tech-pill:last-of-type { border-color:#f73760; color:#f73760; }
.rmh2 .rmh2-think-tech-line {
  width:30px; height:2px; flex:0 0 30px; background:#a4b1c9;
}
.rmh2 .rmh2-think-art-four small {
  position:absolute; bottom:18px;
  font-size:.67rem; color:#455271;
  font-weight:730; letter-spacing:.12em;
}
.rmh2 .rmh2-think-art-five {
  position:relative; flex-direction:column; gap:14px;
  background:#262d42; color:#fff;
}
.rmh2 .rmh2-think-speed-label {
  font-size:.78rem; font-weight:800; letter-spacing:.14em;
}
.rmh2 .rmh2-think-speed-bars {
  width:min(74%,235px); height:68px;
  display:flex; align-items:flex-end; justify-content:space-around;
  gap:10px; border-bottom:1px solid #a1afce;
}
.rmh2 .rmh2-think-speed-bars i {
  width:14%; height:36%;
  background:#8194c4; border-radius:3px 3px 0 0;
}
.rmh2 .rmh2-think-speed-bars i:nth-child(2) { height:57%; }
.rmh2 .rmh2-think-speed-bars i:nth-child(3) { height:43%; }
.rmh2 .rmh2-think-speed-bars i:nth-child(4) { height:79%; background:#f73760; }
.rmh2 .rmh2-think-speed-bars i:nth-child(5) { height:95%; }
.rmh2 .rmh2-think-art-five small {
  font-size:.65rem; font-weight:680;
  letter-spacing:.11em; color:#c8d1e5;
}
@media(max-width:940px) {
  body.rm-pilots .rmh2 .rmh2-think-grid.rmh2-think-rail {
    grid-auto-columns:clamp(255px,45%,360px)!important;
  }
}
@media(max-width:600px) {
  .rmh2 .rmh2-think-rail-toolbar { margin-bottom:12px; }
  .rmh2 .rmh2-think-rail-toolbar > p { font-size:.73rem; }
  .rmh2 .rmh2-think-rail-controls button { width:35px; height:35px; }
  body.rm-pilots .rmh2 .rmh2-think-grid.rmh2-think-rail {
    grid-template-columns:none!important;
    grid-auto-columns:min(82%,330px)!important;
    gap:15px!important;
    padding:2px 2px 15px!important;
    scroll-snap-type:x mandatory;
  }
  .rmh2 .rmh2-think-rail .rmh2-think-item h3 {
    font-size:1.09rem!important; margin-bottom:20px!important;
  }
  .rmh2 .rmh2-think-tech-pill { width:52px; height:52px; font-size:1.05rem; }
  .rmh2 .rmh2-think-tech-line { width:20px; flex-basis:20px; }
  .rmh2 .rmh2-think-art-four small { bottom:12px; font-size:.56rem; }
}
@media(prefers-reduced-motion:reduce) {
  .rmh2 .rmh2-think-rail { scroll-behavior:auto!important; }
  .rmh2 .rmh2-think-rail-controls button { transition:none!important; }
}

/* Fix 2026-11-11: featured WebP 1600x900 must not keep intrinsic dimensions
   as flex children in the horizontally scrolling cards. A clipping media
   frame sets the actual rendered size independently of image attributes. */
body.rm-pilots .rmh2 .rmh2-think-rail > .rmh2-think-item > .rmh2-think-cover-frame {
  display:block!important;
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border-radius:3px;
  background:#e8ebf4;
  margin:0 0 18px!important;
}
body.rm-pilots .rmh2 .rmh2-think-rail .rmh2-think-cover-frame > img.rmh2-think-cover {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
}