/* /guides/compare-shipping-routes/ — six gates + matrix. Original layout. */

.rt-hero{padding:48px 0 12px;max-width:840px}
.rt-hero h1{font-size:clamp(26px,3.6vw,38px);margin:.3em 0 .5em}
.rt-lede{font-size:17px;color:#C4C6C8}

.rt-gates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:860px){.rt-gates{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rt-gates{grid-template-columns:1fr}}
.rt-gate{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.rt-gate-n{font-family:var(--font-display);font-weight:800;color:var(--coral);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}
.rt-gate h3{font-size:15px;margin:8px 0 8px}
.rt-gate-intro{font-size:12.5px;color:var(--muted);margin:0 0 4px;font-weight:600}
.rt-gate ul{margin:0 0 8px;padding-left:1.1em}
.rt-gate li{font-size:12.5px;color:#C4C6C8;margin-bottom:3px}
.rt-gate-close{font-size:12.5px;color:var(--muted);margin:0}

.rt-matrix th:not(:first-child),.rt-matrix td:not(:first-child){text-align:center}
.rt-nowinner{color:var(--coral);font-weight:600}

.rt-constraints{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}
@media (max-width:860px){.rt-constraints{grid-template-columns:repeat(2,1fr)}}
.rt-constraints > div{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;min-width:0}
.rt-constraints strong{display:block;font-size:13px}
.rt-constraints span{font-size:12.5px;color:var(--muted)}

.rt-principle{background:var(--dark);border-radius:var(--radius-lg);padding:40px}
.rt-principle .eyebrow{color:#FF8A80}
.rt-principle h2{color:#fff;font-size:22px;margin:.3em 0 .5em;max-width:60ch}
.rt-principle p{color:#C7C7C5;font-size:15px;margin:0}