/* Home 2: refinement 2026-11-10. This file only loads on /home-2/ in PRE. */

/* An ecosystem, not a funnel. Dedicated network visual based on the original concept. */
.rmh2 .rmh2-map-intro {
  color:#c4cce0; font-size:clamp(1rem,1.35vw,1.13rem); line-height:1.6;
  max-width:670px; margin:0 0 12px;
}
.rmh2 .rmh2-network {
  display:block; width:100%; height:auto; max-width:1090px;
  margin:0 auto 20px; overflow:visible; font-family:Roboto,Inter,system-ui,sans-serif;
}
.rmh2 .rmh2-network-ring { fill:none; stroke:#9ea8c4; stroke-opacity:.10; stroke-width:1; }
.rmh2 .rmh2-route {
  fill:none; stroke:#a0aec3; stroke-width:2;
  stroke-dasharray:5 8; stroke-opacity:.36;
  transition:stroke .25s,stroke-width .25s,stroke-opacity .25s,stroke-dasharray .25s;
}
.rmh2 .rmh2-route.selected { stroke:#fb6987; stroke-width:2.8; stroke-dasharray:none; stroke-opacity:.94; }
.rmh2 .rmh2-node rect,.rmh2 .rmh2-node circle {
  fill:#262e45; stroke:#64738e; stroke-width:1.5;
  transition:fill .22s,stroke .22s,stroke-width .22s;
}
.rmh2 .rmh2-node.selected-node rect,.rmh2 .rmh2-node.selected-node circle {
  fill:#34364d; stroke:#f73760; stroke-width:2.2;
}
.rmh2 .rmh2-center-node circle { fill:#242d42; stroke:#64738e; stroke-width:2; }
.rmh2 .rmh2-center-node.selected-node circle { fill:#363044; }
.rmh2 .rmh2-node-title {
  text-anchor:middle; font-size:15px; font-weight:780; fill:#fff; letter-spacing:.025em;
}
.rmh2 .rmh2-node-desc {
  text-anchor:middle; font-size:11.5px; font-weight:440; fill:#bdc8da;
}
.rmh2 .rmh2-map-tabs {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:7px 0 0;
}
.rmh2 .rmh2-map-tab {
  appearance:none; font-family:inherit; text-align:left; cursor:pointer; min-width:0;
  border:1px solid #515c75; border-radius:3px; padding:16px 18px;
  background:#242d43; color:#c8d0dd; font-size:.84rem; font-weight:760;
  transition:border-color .2s,background .2s,color .2s;
}
.rmh2 .rmh2-map-tab:hover { background:#303a53; color:#fff; }
.rmh2 .rmh2-map-tab.is-active {
  border-color:#f73760; box-shadow:inset 0 3px 0 #f73760; background:#31374e; color:#fff;
}
.rmh2 .rmh2-map-tab:focus-visible { outline:3px solid #f73760; outline-offset:3px; }
.rmh2 .rmh2-map-detail {
  padding:clamp(24px,3.1vw,38px);
  margin-top:12px; min-height:175px;
  grid-template-columns:200px minmax(0,1fr); column-gap:26px;
}
body.rm-pilots .rmh2 .rmh2-map-detail h3 {
  font-size:clamp(1.25rem,1.85vw,1.65rem); max-width:760px;
}
.rmh2 .rmh2-map-detail>p { max-width:750px; }
.rmh2 .rmh2-map-disclaimer { margin-top:17px; line-height:1.5; }

/* A subordinate SEO utility shelf, visually below the three GEO hero cards. */
.rmh2 .rmh2-seo-shelf {
  margin-top:45px; padding-top:27px; border-top:1px solid #cdd5e1;
}
.rmh2 .rmh2-seo-shelf-head {
  display:flex; justify-content:space-between; align-items:end; gap:30px;
  margin-bottom:23px;
}
.rmh2 .rmh2-seo-shelf-label {
  font-size:.73rem; font-weight:780; letter-spacing:.09em;
  text-transform:uppercase; color:#4f578d; margin:0 0 8px;
}
body.rm-pilots .rmh2 .rmh2-seo-shelf-head h3 {
  font-size:clamp(1.3rem,1.7vw,1.6rem); line-height:1.2; margin:0;
}
.rmh2 .rmh2-seo-shelf-head .rmh2-text-link { font-size:.89rem; flex-shrink:0; }
.rmh2 .rmh2-seo-links {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px;
}
.rmh2 .rmh2-seo-links>a {
  display:grid; grid-template-columns:40px minmax(0,1fr) 14px;
  align-items:start; gap:11px;
  min-height:116px; background:#fff; border:1px solid #dbe0e9;
  padding:17px 14px; color:#171b31; text-decoration:none;
  transition:border-color .18s,transform .18s;
}
.rmh2 .rmh2-seo-links>a:hover {
  border-color:#f73760; transform:translateY(-2px);
}
.rmh2 .rmh2-seo-links>a:focus-visible { outline:3px solid #4f578d; outline-offset:3px; }
.rmh2 .rmh2-seo-mini-icon {
  display:flex; align-items:center; justify-content:center;
  width:38px; height:38px; background:#eef0f6;
  border-radius:4px; font-size:.88rem; font-weight:800; color:#4f578d;
}
.rmh2 .rmh2-seo-links strong {
  display:block; font-size:.84rem; line-height:1.33;
  letter-spacing:-.015em; margin:2px 0 7px;
}
.rmh2 .rmh2-seo-links small {
  display:block; color:#758094; font-size:.7rem; line-height:1.45;
}
.rmh2 .rmh2-seo-arrow { color:#f73760; font-weight:750; font-size:1.01rem; }
.rmh2 .rmh2-content-glyph>span:first-child { font-size:3.2rem; color:#4f578d; }

/* Actual published article: SEO prioritization matrix rather than invented title. */
.rmh2 .rmh2-priority-matrix {
  position:relative; width:208px; height:115px; border-bottom:2px solid #aab6cb;
  border-left:2px solid #aab6cb;
}
.rmh2 .rmh2-priority-matrix:before {
  content:''; position:absolute; inset:0; border-top:1px dashed #c7d0df;
  border-right:1px dashed #c7d0df; transform:scale(.5); transform-origin:bottom left;
}
.rmh2 .rmh2-priority-matrix>span {
  position:absolute; left:-9px; top:36px; transform:rotate(-90deg) translateX(-50%);
  font-size:.55rem; font-weight:800; letter-spacing:.11em; color:#4f578d;
}
.rmh2 .rmh2-priority-matrix i { position:absolute; width:15px; height:15px;
  background:#a9b5ce; border-radius:50%; border:3px solid #e8ebf4;
}
.rmh2 .rmh2-priority-matrix i:nth-of-type(1){left:23%;top:64%;}
.rmh2 .rmh2-priority-matrix i:nth-of-type(2){left:49%;top:41%;}
.rmh2 .rmh2-priority-matrix i:nth-of-type(3){left:70%;top:56%;}
.rmh2 .rmh2-priority-matrix i:nth-of-type(4){left:75%;top:13%;background:#f73760;width:19px;height:19px;}
.rmh2 .rmh2-priority-matrix strong {
  position:absolute; left:33%; top:13%; font-size:.58rem; color:#4f578d; letter-spacing:.07em;
}
@media(max-width:1000px){
  .rmh2 .rmh2-seo-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rmh2 .rmh2-seo-links>a { min-height:99px; }
}
@media(max-width:780px){
  .rmh2 .rmh2-map-tabs { gap:8px; }
  .rmh2 .rmh2-map-tab { padding:12px 10px; font-size:.75rem; }
  .rmh2 .rmh2-map-detail { grid-template-columns:1fr; gap:8px; min-height:0; }
  body.rm-pilots .rmh2 .rmh2-map-detail h3,.rmh2 .rmh2-map-detail>p,.rmh2 .rmh2-map-detail-bottom {
    grid-column:1;grid-row:auto;
  }
  .rmh2 .rmh2-seo-shelf-head { align-items:start; }
}
@media(max-width:560px){
  .rmh2 .rmh2-map-top { margin-bottom:21px; }
  .rmh2 .rmh2-map-count { display:none; }
  .rmh2 .rmh2-network { width:calc(100% + 20px); max-width:none; margin-left:-10px; }
  .rmh2 .rmh2-node-title { font-size:17px; }
  .rmh2 .rmh2-node-desc { font-size:12.5px; }
  .rmh2 .rmh2-map-tabs { gap:5px; }
  .rmh2 .rmh2-map-tab { font-size:.65rem; padding:10px 7px; line-height:1.45; }
  .rmh2 .rmh2-map-detail { padding:18px; }
  .rmh2 .rmh2-seo-shelf-head { flex-direction:column; gap:10px; }
  .rmh2 .rmh2-seo-links { grid-template-columns:1fr; }
  .rmh2 .rmh2-seo-links>a { min-height:0; }
}
@media(prefers-reduced-motion:reduce){
  .rmh2 .rmh2-route,.rmh2 .rmh2-node rect,.rmh2 .rmh2-node circle,.rmh2 .rmh2-map-tab { transition:none; }
}
