/* Compact mobile navigation; desktop retains the complete existing range. */
.noble-range-compact .range-context,.noble-range-compact .range-more>summary{display:none}
.noble-range-compact .range-preview-links,.noble-range-compact .range-more,.noble-range-compact .range-more-links{display:contents}
@media(max-width:700px){
 .related.noble-range-compact{padding-top:26px;padding-bottom:32px}
 .noble-range-compact .range-context{display:block;margin:0 0 10px;color:#55a9ff;font-size:.875rem;font-weight:600;letter-spacing:.055em}
 .related.noble-range-compact .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
 .related.noble-range-compact .section-heading h2{font-size:1.375rem;line-height:1.2;letter-spacing:-.025em}
 .related.noble-range-compact .section-heading .small-link{margin:0;min-height:32px;display:flex;align-items:center;font-size:.875rem;color:#a6d2ff;flex-shrink:0;text-transform:capitalize}
 .related.noble-range-compact .related-links{display:block}
 .noble-range-compact .range-preview-links,.noble-range-compact .range-more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .related.noble-range-compact .related-links a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;height:100%;padding:9px 8px;margin:0;border:1px solid #286096;border-radius:6px;background:#0e2036;color:#fff;font-size:.875rem;line-height:1.3;text-align:center;overflow-wrap:anywhere}
 .related.noble-range-compact .related-links a:hover{background:#143153;border-color:#57a9ff}
 .noble-range-compact .range-more{display:block;margin:12px 0 0;padding:0;border:0}
 .noble-range-compact .range-more>summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 14px;margin:0;border:0;border-radius:6px;background:#0064ff;color:#fff;font-size:.9375rem;line-height:1.4;font-weight:600;list-style:none;cursor:pointer}
 .noble-range-compact .range-more>summary::-webkit-details-marker{display:none}
 .noble-range-compact .range-more>summary::after{content:'+';font-size:1.4rem;line-height:1;margin-left:auto}
 .noble-range-compact .range-more[open]>summary::after{content:'−'}
 .noble-range-compact .range-more-links{margin-top:12px}
 .noble-range-compact .range-more:not([open])>.range-more-links{display:none}
}