/* ============================================================
   SHARED · HyalineMembraneRoads styles
   Two roads → one shared endpoint. Scoped under .rar-topic-content
   so it inherits the module's black-text / no-grey rule. Used on
   Page 1 (activeRoad:'nrds') and Page 3 (activeRoad:'ards').
   ============================================================ */
.rar-topic-content .hmr { display: block; margin-top: 6px; }

.rar-topic-content .hmr-roads {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}
@media (max-width: 680px) {
    .rar-topic-content .hmr-roads { grid-template-columns: 1fr; }
}

.rar-topic-content .hmr-road {
    display: flex;
    flex-direction: column;
    padding: 14px;
    border-radius: 18px;
    border: 1.5px solid rgba(15, 23, 42, 0.14);
    background: #fff;
    transition: opacity 0.2s ease;
}
.rar-topic-content .hmr-road--lit { border-color: #0a84ff; background: linear-gradient(180deg, rgba(233, 243, 255, 0.9), rgba(255, 255, 255, 0.97)); box-shadow: 0 12px 26px rgba(10, 132, 255, 0.12); }
.rar-topic-content .hmr-road--locked { opacity: 0.5; filter: grayscale(0.15); border-style: dashed; }
.rar-topic-content .hmr-road--recalled { border-color: rgba(52, 199, 89, 0.5); background: rgba(52, 199, 89, 0.05); }

.rar-topic-content .hmr-road__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    margin-bottom: 12px;
}
.rar-topic-content .hmr-road__title {
    color: var(--text, #111318);
    font-size: 14.5px;
    font-weight: 850;
    line-height: 1.25;
}
.rar-topic-content .hmr-road__lock {
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.1);
    color: var(--text, #111318);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.rar-topic-content .hmr-road__recall {
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(52, 199, 89, 0.16);
    color: #1f8f43;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.rar-topic-content .hmr-chain { display: flex; flex-direction: column; align-items: stretch; }
.rar-topic-content .hmr-node {
    padding: 9px 12px;
    border-radius: 11px;
    background: rgba(10, 132, 255, 0.08);
    border: 1px solid rgba(10, 132, 255, 0.18);
    color: var(--text, #111318);
    font-size: 13.5px;
    font-weight: 650;
    line-height: 1.4;
    text-align: center;
}
.rar-topic-content .hmr-road--recalled .hmr-node { background: rgba(52, 199, 89, 0.09); border-color: rgba(52, 199, 89, 0.28); }
.rar-topic-content .hmr-arrow {
    text-align: center;
    color: #5e5ce6;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    padding: 4px 0;
}
.rar-topic-content .hmr-merge-arrow {
    text-align: center;
    color: #d6336c;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    margin-top: 6px;
}
.rar-topic-content .hmr-road:last-child .hmr-merge-arrow { transform: scaleX(-1); }
.rar-topic-content .hmr-road--locked .hmr-merge-arrow { visibility: hidden; }

/* shared convergence endpoint — rendered once, centered */
.rar-topic-content .hmr-endpoint-wrap { display: flex; justify-content: center; margin-top: -4px; }
.rar-topic-content .hmr-endpoint {
    max-width: 560px;
    width: 100%;
    text-align: center;
    padding: 16px 20px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 214, 229, 0.85), rgba(255, 235, 243, 0.96));
    border: 2px solid #d6336c;
    box-shadow: 0 14px 30px rgba(214, 51, 108, 0.2);
}
.rar-topic-content .hmr-endpoint__tag {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 11px;
    border-radius: 999px;
    background: #d6336c;
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.rar-topic-content .hmr-endpoint__title {
    color: #a01048;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
}
.rar-topic-content .hmr-endpoint__title .cav-term { color: #a01048; }
.rar-topic-content .hmr-endpoint__sub {
    margin: 8px 0 0;
    color: var(--text, #111318);
    font-size: 13.5px;
    line-height: 1.55;
}