.trail-hero { padding-bottom: 28px; }
.trail-hero h1 { max-width: 800px; }
.trail-hero .lens-lede { max-width: 790px; }
.trail-legend { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 29px; color: #b6cadd; font: 11px var(--font-fed-system); letter-spacing: .1em; }
.trail-legend span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(126,177,207,.25); background: rgba(13,31,48,.66); }
.trail-dot { width: 7px; height: 7px; border-radius: 50%; background: #5bc8ef; box-shadow: 0 0 10px currentColor; }
.trail-close { background: #e8b85c; }.trail-native { background: #5cd9af; }
.trail-example { margin-top: 21px; }
.trail-panel { margin-bottom: 18px; }
.trail-transfers { display: grid; gap: 12px; }
.trail-transfer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(140px, .48fr) minmax(0, 1fr); align-items: stretch; min-width: 0; border: 1px solid rgba(117,163,192,.27); background: linear-gradient(105deg, #0a2031, #071726); }
.trail-end { min-width: 0; padding: 17px; }
.trail-end span, .trail-middle span { display: block; color: #95abc0; font: 10px var(--font-fed-system); letter-spacing: .1em; }
.trail-end a, .trail-minor-list a { display: block; margin-top: 6px; color: var(--fed-command); font: 13px var(--font-fed-system); overflow-wrap: anywhere; text-underline-offset: 3px; }
.trail-end small { display: block; margin-top: 6px; color: #97b0c1; font-size: 11px; overflow-wrap: anywhere; }
.trail-middle { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; padding: 12px 8px; border-left: 1px solid rgba(117,163,192,.18); border-right: 1px solid rgba(117,163,192,.18); text-align: center; }
.trail-middle strong { color: #eff8ff; font: 700 clamp(17px, 2vw, 24px)/1.15 var(--font-fed-interface); overflow-wrap: anywhere; }.trail-middle a { color: #8bdcff; font: 12px var(--font-fed-system); text-decoration: none; }.trail-middle a:hover { text-decoration: underline; }
.trail-middle em { color: #7e9eb2; font: normal 16px var(--font-fed-system); }
.trail-transfer-unknown { border-color: rgba(232,184,92,.48); }.trail-transfer-unknown .trail-middle strong { color: #f1ce89; }
.trail-details { margin-bottom: 18px; }
.trail-minor-list { display: grid; gap: 10px; }.trail-minor-item { padding: 13px 0; border-top: 1px solid rgba(117,163,192,.22); }.trail-minor-item:first-child { border-top: 0; }.trail-minor-item strong { color: #eaf7ff; font: 700 17px var(--font-fed-interface); }.trail-minor-item p { margin: 5px 0 0; color: #a8bdd0; font-size: 12px; }.trail-minor-item a { display: inline; }
.trail-empty { margin: 0; color: #a8bdd0; font-size: 13px; }
@media (max-width: 700px) { .trail-transfer { grid-template-columns: 1fr; }.trail-middle { align-items: start; border-left: 0; border-right: 0; border-top: 1px solid rgba(117,163,192,.18); border-bottom: 1px solid rgba(117,163,192,.18); text-align: left; }.trail-middle em { display: none; }.trail-end { padding: 14px 17px; } }