/* ═══════════════════════════════════════════════════════════════════════════
   Hall of Fame — Compass Virtual Airlines
   user/themes/compass-virtual/css/hall-of-fame.css

   ⚑ Lifted out of the page on 2026-09-16 so it carries no <style> or <script>
   tag, which Grav 2's markdown tagfilter escapes.

   ⚑ Class prefix hof- and used by this page alone.

   ⚑ THE MEMORIAM BLOCK IS NOT DECORATION. .hof-memoriam-* styles the In
   Memoriam section for Chris "Tuppy" Tripp, one of the three founders. The
   home page links directly to #in-memoriam, so that anchor and these rules
   both have to keep working.
   ═══════════════════════════════════════════════════════════════════════════ */

.hof-banner{background:linear-gradient(135deg,#1a3a4a 0%,#4a7a8a 100%);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-radius:8px;margin-bottom:16px;color:white;position:relative;overflow:hidden}
.hof-banner::before{content:"";position:absolute;top:-30px;right:-30px;width:200px;height:200px;background:radial-gradient(circle,rgba(200,150,46,0.18) 0%,transparent 70%)}
.hof-banner h1{font-size:24px;font-weight:500;margin:0 0 4px;color:white;position:relative}
.hof-banner p{font-size:13px;color:rgba(255,255,255,0.7);margin:0;position:relative;max-width:640px;line-height:1.5}
.hof-tabs{display:flex;border-bottom:2px solid #e8f0f3;margin-bottom:20px;flex-wrap:wrap;gap:0}
.hof-tab{padding:10px 20px;font-size:14px;font-weight:500;color:#8a9099;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit}
.hof-tab:hover{color:#4a7a8a}
.hof-tab.active{color:#4a7a8a;border-bottom-color:#c8962e}
.hof-panel{display:none}
.hof-panel.active{display:block}
.hof-band{margin-bottom:20px}
.hof-band-hdr{display:flex;align-items:baseline;gap:12px;padding:8px 0 6px;border-bottom:1px solid #e8f0f3;margin-bottom:6px}
.hof-band-hdr .threshold{font-size:18px;font-weight:600;color:#c8962e;font-family:monospace}
.hof-band-hdr .label{font-size:12px;color:#8a9099;text-transform:uppercase;letter-spacing:0.5px}
.hof-band-hdr .count{font-size:11px;color:#b0b6bc;margin-left:auto}
.hof-band.empty .hof-band-hdr{opacity:0.4}
.hof-band-body{display:grid;gap:2px}
.hof-row{display:grid;grid-template-columns:80px 1fr auto auto;gap:14px;align-items:baseline;padding:7px 10px;font-size:13px;border-radius:4px}
.hof-row:hover{background:#f7fafc}
.hof-row .pid{font-family:monospace;color:#4a7a8a;font-weight:600;font-size:12px}
.hof-row .nm{color:#333}
.hof-row .primary{font-family:monospace;color:#4a7a8a;font-weight:600;font-size:13px;text-align:right;min-width:90px}
.hof-row .secondary{font-family:monospace;color:#b0b6bc;font-size:12px;text-align:right;min-width:90px}
.hof-empty-msg{padding:8px 10px;font-size:12px;color:#b0b6bc;font-style:italic}
.hof-loading{padding:30px;text-align:center;color:#8a9099;font-size:13px}
.hof-error{padding:20px;background:#fff4f4;border:1px solid #f0c0c0;border-radius:6px;color:#a04040;font-size:13px}
.hof-meta{padding:10px 12px;background:#f7fafc;border-radius:6px;font-size:11px;color:#8a9099;margin-top:14px;text-align:center}

.hof-memoriam{background:#f7fafc;border-radius:8px;padding:24px;margin-top:32px;border:1px solid #dde0e4}
.hof-memoriam-title{font-size:11px;font-weight:500;color:#4a7a8a;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;text-align:center}
.hof-memoriam-divider{height:1px;background:linear-gradient(to right,transparent,#c8962e,transparent);margin-bottom:18px}
.hof-memoriam-content{max-width:560px;margin:0 auto;text-align:center;font-size:13px;color:#555;line-height:1.7}
.hof-memoriam-content p{margin:0 0 14px}
.hof-memoriam-content p:last-of-type{margin:0 0 18px}
.hof-memoriam-photo{display:block;width:200px;max-width:60%;height:auto;margin:0 auto 16px;box-shadow:0 4px 14px rgba(0,0,0,0.12)}
.hof-memoriam-name{font-size:17px;font-weight:500;color:#1a3a4a;margin-bottom:4px}
.hof-memoriam-dates{font-size:11px;color:#8a9099;font-style:italic;margin-bottom:16px;letter-spacing:0.3px}
.hof-memoriam-quote{font-family:"Brush Script MT","Lucida Handwriting","Apple Chancery",cursive;font-size:24px;color:#4a7a8a;margin-top:18px;font-style:italic;line-height:1.4}
.hof-memoriam-placeholder{padding:16px;text-align:center;color:#b0b6bc;font-size:12px;font-style:italic;border:1px dashed #dde0e4;border-radius:6px}