/* ═══════════════════════════════════════════════════════════════════════════
   Useful Links — Compass Virtual Airlines
   user/themes/compass-virtual/css/useful-links.css

   The curated resource directory — simulators, developers, hardware, scenery, networks.

   ⚑ Lifted out of the page on 2026-09-16 so nothing under
   user/pages/…/useful-links/ carries a <style> or <script> tag, which Grav 2's
   markdown tagfilter escapes.

   ⚑ Class prefix is ul- and is used by this page alone. These four pages were
   converted together because they were all named default.md, not because they
   share anything: their prefixes are ops-, ul-, np- and aip-, and no rule here
   appears in any of the others.
   ═══════════════════════════════════════════════════════════════════════════ */

.ul-tabs{display:flex;border-bottom:2px solid #e8f0f3;margin-bottom:20px;flex-wrap:wrap;gap:0}
.ul-tab{padding:9px 16px;font-size:13px;font-weight:500;color:#8a9099;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;transition:color 0.15s}
.ul-tab:hover{color:#4a7a8a}
.ul-tab.active{color:#4a7a8a;border-bottom-color:#c8962e}
.ul-panel{display:none}
.ul-panel.active{display:block}
.ul-intro{background:white;border-radius:8px;border:0.5px solid #dde0e4;padding:16px 20px;margin-bottom:16px;font-size:13px;color:#555;line-height:1.7}
.ul-intro strong{color:#4a7a8a}
.ul-section{background:white;border-radius:8px;border:0.5px solid #dde0e4;overflow:hidden;margin-bottom:12px}
.ul-section-title{background:#e8f0f3;padding:8px 14px;font-size:11px;font-weight:500;color:#4a7a8a;text-transform:uppercase;letter-spacing:0.5px;border-bottom:0.5px solid rgba(109,151,168,0.2)}
.ul-list{margin:0;padding:0;list-style:none}
.ul-list li{border-bottom:0.5px solid #f0f2f3;display:flex;align-items:baseline;gap:10px;padding:8px 14px;flex-wrap:wrap}
.ul-list li:last-child{border-bottom:none}
.ul-list li:hover{background:#f7fafc}
.ul-name{font-size:13px;font-weight:500;color:#333;min-width:220px;flex-shrink:0}
.ul-link{font-size:12px}
.ul-link a{color:#c8962e;text-decoration:none;font-weight:500;word-break:break-all}
.ul-link a:hover{color:#b07820;text-decoration:underline}
.ul-note{font-size:11px;color:#8a9099;font-style:italic;margin-top:2px;width:100%}
.ul-featured{background:white;border-radius:8px;border:0.5px solid #dde0e4;overflow:hidden;margin-bottom:12px}
.ul-featured-inner{padding:16px 20px;display:flex;align-items:flex-start;gap:16px}
.ul-featured-icon{font-size:28px;flex-shrink:0;margin-top:2px}
.ul-featured h3{font-size:15px;font-weight:500;color:#4a7a8a;margin:0 0 4px}
.ul-featured p{font-size:13px;color:#555;margin:0 0 8px;line-height:1.6}
.ul-featured a{font-size:13px;color:#c8962e;font-weight:500;text-decoration:none}
.ul-featured a:hover{text-decoration:underline}
.ul-tag{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:middle;font-style:normal}
.ul-tag.free{background:#eef8ee;color:#2a6a2a;border:0.5px solid rgba(46,150,46,0.3)}
.ul-tag.au{background:#fff8ee;color:#7a5010;border:0.5px solid rgba(200,150,46,0.3)}
.ul-tag.nz{background:#fff8ee;color:#7a5010;border:0.5px solid rgba(200,150,46,0.3)}
.ul-tag.opensource{background:#e8f0f3;color:#4a7a8a;border:0.5px solid rgba(109,151,168,0.3)}