/* v1prep static pages: one look with the app (tools/design/DESIGN.md).
   Loaded last in every static page's <head>, after the page's own <style>, so it wins over it.
   1. tokens (light by default, dark with the device, a saved choice in data-theme wins)
   2. base type, links, buttons, forms
   3. the header and footer (markup: tools/site_chrome.py; behaviour: /site.js)
   4. the pages' older names and classes, mapped to the new look
   A change here needs a new ?v= (tools/site_chrome.py SITE_CSS_VER), then the builders and
   tools/apply-site-chrome.py, then python3 tools/check-asset-vers.py --write. */

/* ── 1. tokens ── */
:root{
  --bg:#F5F7FA;--bg2:#FFFFFF;--bg3:#EEF1F5;--bg4:#E4E8EE;
  --t1:#111827;--t2:#4B5563;--t3:#5F6876;--b0:#E2E6EC;
  --am:#E8A020;--on-am:#1A1305;--am-t:#9A5B00;--link:#1A5FB4;--gn:#1E7F46;--rd:#C2362F;
  --focus:0 0 0 3px rgba(232,160,32,.45);
  --shadow:0 8px 24px rgba(17,24,39,.12);
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --head:'Exo 2',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --tint-gn:rgba(30,127,70,.08);--tint-rd:rgba(194,54,47,.07);--tint-link:rgba(26,95,180,.07);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0D1117;--bg2:#151B23;--bg3:#1B222C;--bg4:#232B36;
    --t1:#E6EBF2;--t2:#A7B1BF;--t3:#8B95A3;--b0:#2A323D;
    --am:#F0A92B;--on-am:#1A1305;--am-t:#F0B04A;--link:#8AB4F8;--gn:#3FB871;--rd:#F07068;
    --shadow:0 8px 24px rgba(0,0,0,.45);
    --tint-gn:rgba(63,184,113,.10);--tint-rd:rgba(240,112,104,.10);--tint-link:rgba(138,180,248,.08);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0D1117;--bg2:#151B23;--bg3:#1B222C;--bg4:#232B36;
  --t1:#E6EBF2;--t2:#A7B1BF;--t3:#8B95A3;--b0:#2A323D;
  --am:#F0A92B;--on-am:#1A1305;--am-t:#F0B04A;--link:#8AB4F8;--gn:#3FB871;--rd:#F07068;
  --shadow:0 8px 24px rgba(0,0,0,.45);
  --tint-gn:rgba(63,184,113,.10);--tint-rd:rgba(240,112,104,.10);--tint-link:rgba(138,180,248,.08);
  color-scheme:dark;
}
/* The pages' own older token names. --am-btn keeps the amber fill for the one primary button and
   the logo; inside the page --am becomes the readable amber text colour, so an older rule that
   writes text in var(--am) stays legible on the light background. No cyan: --cy is the link colour. */
:root{--am-btn:var(--am);--cy:var(--link);--amg:var(--bg3);--ba:var(--b0);--am2:var(--am-t);--go:var(--am-t);
  --gnb:var(--tint-gn);--rdb:var(--tint-rd);--pu:#7C5CC4;--r:8px;}
body{--am:var(--am-t);}

/* ── 2. base ── */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:76px;background:var(--bg);}
body{background:var(--bg)!important;color:var(--t1);font-family:var(--sans)!important;font-size:1rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;margin:0;overflow-x:clip;}
body::before,body::after{content:none!important;display:none!important;background:none!important;}
/* one family per role: headings in Exo 2, everything else in the system sans, data in the system
   mono (below); no letter-spaced capitals anywhere but the logo
   (.v1-keep, and the CV builder's CV itself, .cv, keep their own type: they are documents) */
:where(body :not(.v1-logo,.v1-logo *,svg,svg *,.cv,.cv *,.v1-keep,.v1-keep *)){font-family:inherit!important;letter-spacing:normal!important;}
:where(body :not(.v1-logo,.v1-logo *,input,textarea,svg,svg *,.cv,.cv *,.v1-keep,.v1-keep *)){text-transform:none!important;}
:where(h1,h2,h3,h4,h5,h6):where(:not(.cv *,.v1-keep *)){font-family:var(--head)!important;}
:where(code,pre,kbd,samp,tt,var){font-family:var(--mono)!important;}
h1,h2,h3,h4{color:var(--t1);line-height:1.2;text-wrap:balance;letter-spacing:0;}
h1{font-size:2.25rem;font-weight:700;}
h2{font-size:1.5rem;font-weight:700;}
h3{font-size:1.15rem;font-weight:600;}
h4{font-size:1rem;font-weight:600;}
:is(h1,h2,h3):not(.cv *) :is(b,em,span){color:inherit!important;}
@media (max-width:580px){h1{font-size:1.75rem;}h2{font-size:1.375rem;}}
p,li,td,dd{color:var(--t1);font-weight:400;}
b,strong{font-weight:600;}
em,i{color:inherit;}
a{color:var(--link);}
a:hover{color:var(--link);}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:4px;}
input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus);}
::selection{background:rgba(232,160,32,.35);color:var(--t1);}
hr{border:0;border-top:1px solid var(--b0);}
img{max-width:100%;}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* buttons: one primary (amber) per screen; secondary on --bg2 with a border; text buttons in --link */
.v1-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;
  font:600 .9375rem/1.2 var(--sans);text-decoration:none!important;cursor:pointer;white-space:nowrap;
  background:var(--bg2);color:var(--t1)!important;border:1px solid var(--b0);transition:background-color .15s,border-color .15s;}
.v1-btn:hover{background:var(--bg3);color:var(--t1);}
.v1-btn-pri{background:var(--am-btn);border-color:var(--am-btn);color:var(--on-am)!important;}
.v1-btn-pri:hover{background:var(--am-btn);filter:brightness(1.05);}

/* data: METAR, codes, figures in tables */
.v1-mono{font-family:var(--mono)!important;}

/* ── 3. header ── */
.v1-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.v1-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block;}
.v1h{position:sticky;top:env(safe-area-inset-top,0px);z-index:1000;background:var(--bg2);border-bottom:1px solid var(--b0);
  margin:0;padding:0;font-family:var(--sans);text-align:left;}
.v1h .v1h-in{max-width:1200px;margin:0 auto;height:60px;display:flex;align-items:center;gap:20px;
  padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));}
.v1h a,.v1h button,.v1h input{font-family:var(--sans);letter-spacing:0;text-transform:none;}
.v1h .v1-logo{font-family:'Share Tech Mono',ui-monospace,monospace!important;font-size:16px;letter-spacing:3px!important;
  text-transform:uppercase!important;color:var(--am-btn);text-decoration:none;display:flex;align-items:center;gap:8px;
  white-space:nowrap;flex:none;border:0;padding:4px 0;margin:0;background:none;}
.v1h .v1-logo em{font-style:normal;color:var(--t1);}
.v1h .v1-dot{width:7px;height:7px;border-radius:50%;background:var(--am-btn);flex:none;}
.v1h .v1h-nav{display:flex;align-items:center;justify-content:flex-start;gap:2px;flex:1;min-width:0;position:static;background:none;border:0;padding:0;margin:0;
  backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;}
.v1h .v1h-a{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-radius:8px;border:0;background:none;
  color:var(--t2);font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;margin:0;white-space:nowrap;}
.v1h .v1h-a:hover,.v1h .v1h-tools.open .v1h-tbtn{color:var(--t1);background:var(--bg3);}
.v1h .v1-caret{width:16px;height:16px;transition:transform .15s;}
.v1h .v1h-tools.open .v1-caret{transform:rotate(180deg);}
.v1h .v1h-tools{position:relative;}
.v1h .v1h-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:240px;padding:6px;margin:0;
  background:var(--bg2);border:1px solid var(--b0);border-radius:10px;box-shadow:var(--shadow);z-index:1001;}
.v1h .v1h-tools.open .v1h-menu,html:not(.v1js) .v1h .v1h-tools:focus-within .v1h-menu{display:block;}
.v1h .v1h-menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--t1);font-size:.9375rem;line-height:1.35;text-decoration:none;
  border:0;margin:0;white-space:nowrap;}
.v1h .v1h-menu a:hover{background:var(--bg3);color:var(--t1);}
.v1h .v1h-search{display:none;}
.v1h .v1h-end{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none;}
.v1h .v1h-ib{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:0;
  background:none;color:var(--t2);cursor:pointer;padding:0;margin:0;text-decoration:none;}
.v1h .v1h-ib:hover{background:var(--bg3);color:var(--t1);}
.v1h .v1h-signin{min-height:40px;}
.v1h .v1h-burger{display:none;}
/* signed in (site.js): the avatar and its menu */
.v1h .v1h-acct{position:relative;}
.v1h .v1h-av{width:36px;height:36px;border-radius:50%;border:1px solid var(--b0);background:var(--bg3);color:var(--t1);
  font:600 .9375rem/1 var(--sans);cursor:pointer;padding:0;margin:0;}
.v1h .v1h-av:hover{background:var(--bg4);}
.v1h .v1h-amenu{left:auto;right:0;}
.v1h .v1h-acct.open .v1h-amenu{display:block;}
.v1h .v1h-who{margin:0;padding:8px 12px 6px;font-size:.8125rem;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;}
.v1h .v1h-theme{display:flex;gap:4px;padding:8px 6px 4px;margin-top:4px;border-top:1px solid var(--b0);}
.v1h .v1h-theme button{flex:1;min-height:32px;border:1px solid var(--b0);border-radius:8px;background:var(--bg2);color:var(--t2);
  font:500 .8125rem/1 var(--sans);cursor:pointer;padding:0 8px;}
.v1h .v1h-theme button[aria-pressed="true"]{background:var(--bg3);color:var(--t1);border-color:var(--t3);}
@media (max-width:899.98px){
  .v1h .v1h-in{gap:8px;}
  .v1h .v1h-sic{display:none;}
  .v1h .v1h-burger{display:inline-flex;}
  .v1h .v1h-nav{display:none;position:fixed;left:0;right:0;bottom:0;top:calc(60px + env(safe-area-inset-top,0px));z-index:1000;
    flex-direction:column;align-items:stretch;gap:2px;overflow-y:auto;overscroll-behavior:contain;background:var(--bg2);
    padding:16px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left));}
  .v1h.v1h-open .v1h-nav{display:flex;}
  .v1h .v1h-a{height:52px;padding:0 12px;font-size:1.0625rem;color:var(--t1);justify-content:space-between;width:100%;}
  .v1h .v1h-tools{position:static;}
  .v1h .v1h-menu{position:static;box-shadow:none;border:0;border-radius:0;padding:0 0 6px 12px;min-width:0;background:none;}
  .v1h .v1h-menu a{padding:12px;font-size:1rem;color:var(--t2);white-space:normal;}
  .v1h .v1h-search{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;margin:0 0 10px;border:1px solid var(--b0);
    border-radius:8px;background:var(--bg3);color:var(--t2);}
  .v1h .v1h-search:focus-within{box-shadow:var(--focus);}
  .v1h .v1h-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--t1);font-size:1rem;padding:0;margin:0;box-shadow:none;-webkit-appearance:none;appearance:none;}
  .v1h .v1h-search input:focus-visible{box-shadow:none;}
  .v1h.v1h-open .v1-m1{transform:translate(0,5px) rotate(45deg);transform-origin:12px 7px;}
  .v1h.v1h-open .v1-m2{opacity:0;}
  .v1h.v1h-open .v1-m3{transform:translate(0,-5px) rotate(-45deg);transform-origin:12px 17px;}
  .v1h .v1-m1,.v1h .v1-m3{transition:transform .15s;}
  html.v1h-lock,html.v1h-lock body{overflow:hidden;}
}
@media (max-width:899.98px){
  /* the account menu stays a small floating menu on phones (it is not in the sheet) */
  .v1h .v1h-amenu{position:absolute;top:calc(100% + 6px);right:0;left:auto;min-width:220px;padding:6px;background:var(--bg2);
    border:1px solid var(--b0);border-radius:10px;box-shadow:var(--shadow);}
  .v1h .v1h-amenu a{padding:10px 12px;color:var(--t1);}
}
@media (max-width:360px){.v1h .v1-logo{letter-spacing:2px!important;font-size:15px;}.v1h .v1h-signin{padding:0 12px;}}

/* ── 3b. footer ── */
.v1f{background:var(--bg2)!important;border-top:1px solid var(--b0)!important;margin:48px 0 0!important;
  padding:40px max(16px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left))!important;
  text-align:left!important;font-size:.875rem!important;color:var(--t2)!important;line-height:1.5;position:relative;z-index:1;display:block!important;}
.v1f .v1f-in{max-width:1200px;margin:0 auto;}
.v1f .v1f-cols{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:24px 56px;position:static;background:none;border:0;padding:0;margin:0;
  backdrop-filter:none;-webkit-backdrop-filter:none;}
.v1f .v1f-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;}
.v1f .v1f-h{font-family:var(--sans)!important;font-size:.875rem;font-weight:600;color:var(--t1);margin:0 0 8px;padding:0;border:0;line-height:1.4;
  background:none;text-align:left;}
.v1f .v1f-h::before,.v1f .v1f-h::after{content:none;}
.v1f a{color:var(--t2);text-decoration:none;font-size:.875rem;line-height:1.4;padding:5px 0;margin:0;border:0;background:none;}
.v1f a:hover{color:var(--link);text-decoration:underline;}
.v1f .v1f-line{margin:28px 0 0;padding:20px 0 0;border-top:1px solid var(--b0);color:var(--t3);font-size:.8125rem;font-weight:400;line-height:1.5;max-width:none;text-align:left;}
@media (max-width:640px){
  .v1f .v1f-cols{grid-template-columns:1fr;gap:20px;}
  .v1f a{padding:8px 0;}
}
@media print{.v1h,.v1f,#v1-consent{display:none!important;}}

/* ── 4. the pages' own classes, in the new look ── */
/* the old top bar and its call to action, where a page still has one inside */
.nav-cta,.section-cta-btn,.closing-btn,.illus-open{font-family:var(--sans)!important;}

/* page frame */
main{display:block;}
article{max-width:752px;padding-top:40px;}
.crumbs{font-size:.875rem;color:var(--t3);margin-bottom:16px;line-height:1.5;}
.crumbs a{color:var(--t2);text-decoration:none;}
.crumbs a:hover{color:var(--link);text-decoration:underline;}
h1{margin-bottom:16px;}
article h1,main h1{font-size:2.25rem;line-height:1.2;letter-spacing:0;}
@media (max-width:580px){article h1,main h1{font-size:1.75rem;}}
.meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.875rem;color:var(--t3);margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--b0);}
.meta span::before{content:none;}
.article-last-updated{font-size:.875rem!important;color:var(--t3)!important;}
.intro{font-size:1.125rem;color:var(--t1);font-weight:400;line-height:1.6;}
.intro b,.intro em,p em,li em{color:inherit;}
p em,li em,.intro em{font-style:italic;}
p,li{font-size:1rem;line-height:1.65;}
p b,li b{color:var(--t1);font-weight:600;}
td{color:var(--t1);font-weight:400;}
td:first-child{font-weight:600;}

/* links in text: the link colour, underlined */
p a,li a,td a,dd a,figcaption a,
article>ul:not([class])>li a,article>ol:not([class])>li a,article>ul>li a,article>ol>li a{
  color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;border-bottom:0;}
p a:hover,li a:hover,td a:hover,dd a:hover,
article>ul:not([class])>li a:hover,article>ol:not([class])>li a:hover,article>ul>li a:hover,article>ol>li a:hover{
  color:var(--link);text-decoration-thickness:2px;border-bottom:0;}

/* section headings: no coloured bar, no labels in capitals */
h2{border-left:0;padding-left:0;margin-top:2.5rem;margin-bottom:.75rem;}
article h2,main h2{font-size:1.5rem;}
@media (max-width:580px){article h2,main h2{font-size:1.375rem;}}
.h2-sub{font-size:.875rem;color:var(--t3);padding-left:0;margin-bottom:16px;}
h3{margin-top:1.75rem;margin-bottom:.5rem;}

/* contents box */
.toc{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;padding:20px 24px;margin:28px 0;}
.toc-label{font-size:.875rem;font-weight:600;color:var(--t1);margin-bottom:8px;}
.toc li{font-size:.9375rem;color:var(--t1);padding:4px 0;}
.toc li::before{font-family:var(--mono)!important;color:var(--t3);font-size:.8125rem;margin-right:12px;}
.toc a{color:var(--link);text-decoration:none;}
.toc a:hover{color:var(--link);text-decoration:underline;}

/* callouts */
.callout,.callout-tip,.callout-warn{border-radius:10px;border:1px solid var(--b0);border-left-width:3px;font-size:.9375rem;color:var(--t1);}
.callout{background:var(--bg2);border-left-color:var(--link);}
.callout-tip{background:var(--tint-gn);border-left-color:var(--gn);}
.callout-warn{background:var(--tint-rd);border-left-color:var(--rd);}
.disclaimer{background:var(--tint-rd);border:1px solid var(--b0);border-left:3px solid var(--rd);border-radius:10px;color:var(--t1);
  padding:16px 20px;margin:24px 0 28px;font-size:.9375rem;line-height:1.65;}
.disclaimer b{color:var(--rd);}
.callout b{color:var(--t1);}
.callout-tip b{color:var(--gn);}
.callout-warn b{color:var(--rd);}
.callout p,.callout-tip p,.callout-warn p,.callout li,.callout-tip li,.callout-warn li{color:var(--t1);}
.callout summary{color:var(--link);}
.callout summary:hover{color:var(--link);text-decoration:underline;}

/* tables: plain header row, figures in mono where a page marks them */
table{font-size:.9375rem;}
th{font-size:.875rem;font-weight:600;color:var(--t1);background:var(--bg3);border-bottom:1px solid var(--b0);}
thead td{background:var(--bg3);border-bottom:1px solid var(--b0);}
td{border-bottom:1px solid var(--b0);}
.table-wrap:focus-visible,.tbl-scroll:focus-visible{outline:none;box-shadow:var(--focus);}
.table-wrap.cols-4::before,.table-wrap.cols-5::before,.table-wrap.cols-6::before,.table-wrap.cols-7::before,.table-wrap.cols-8::before{font-size:.8125rem;color:var(--t3);}

/* the call-to-action boxes: one primary button */
.section-cta{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;}
.section-cta-text{color:var(--t1);font-weight:400;}
.section-cta-text b{color:var(--t1);}
.nav-cta,.section-cta-btn,.closing-btn,.illus-open{background:var(--am-btn);color:var(--on-am)!important;border:1px solid var(--am-btn);
  border-radius:8px;font-size:.9375rem!important;font-weight:600;padding:10px 18px;line-height:1.2;text-decoration:none;}
.nav-cta:hover,.section-cta-btn:hover,.closing-btn:hover,.illus-open:hover{background:var(--am-btn);filter:brightness(1.05);color:var(--on-am);}
.closing{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;padding:32px 28px;}
.closing h3{font-size:1.5rem;font-weight:700;letter-spacing:0;}
.closing h3 span{color:inherit!important;}
.closing p{color:var(--t2);font-size:1rem;}
.closing-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;}
.closing-stats{font-size:.8125rem;color:var(--t3);}

/* related guides, sources */
.related,.sources{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;}
.related h3,.related h4,.sources h3,.sources h4{font-family:var(--head)!important;font-size:1rem;font-weight:600;color:var(--t1);margin-bottom:10px;}
.related li::before{content:none;}
.related a,.sources a{color:var(--link);text-decoration:none;border-bottom:0;}
.related a:hover,.sources a:hover{color:var(--link);text-decoration:underline;}
.related li{padding:5px 0;}
.sources li{color:var(--t2);}

/* the Library, Crash Investigations and Difference Training pages */
.defbox{background:var(--bg2);border:1px solid var(--b0);border-left:3px solid var(--link);border-radius:10px;}
.defbox-label{font-size:.875rem;font-weight:600;color:var(--t2);}
.defbox p{color:var(--t1);font-size:1.0625rem;}
figure img{border-color:var(--b0);border-radius:8px;}
figure.illus .illus-frame{border-radius:10px;background:#0d1422;}
.illus-open{min-height:40px;}
figcaption{font-size:.875rem;color:var(--t2);font-weight:400;}
figcaption .credit{font-size:.8125rem;color:var(--t3);}
figcaption .credit a{color:var(--t3);}
.lib-note{font-size:.875rem;color:var(--t3);}
.lib-cats a{font-size:.875rem;color:var(--t1);background:var(--bg2);border:1px solid var(--b0);border-radius:999px;padding:6px 12px;text-decoration:none;}
.lib-cats a:hover{color:var(--t1);background:var(--bg3);border-color:var(--b0);}
.lib-card{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;color:var(--t1);text-decoration:none;}
.lib-card:hover{background:var(--bg2);border-color:var(--t3);transform:none;}
.lib-card-tag{font-size:.8125rem;color:var(--t3);}
.lib-card-title{font-family:var(--head)!important;font-size:1.0625rem;font-weight:600;color:var(--t1);}
.lib-card-desc{font-size:.875rem;color:var(--t2);font-weight:400;}
#lb{background:rgba(0,0,0,.88);}

/* the jobs and airline requirement pages */
.jb-pill{font-size:.8125rem;font-weight:600;border-radius:999px;padding:2px 10px;}
.jb-hiring{color:var(--gn);border-color:var(--gn);}
.jb-pool{color:var(--am-t);border-color:var(--am-t);}
.jb-cadet-only{color:var(--link);border-color:var(--link);}
.jb-paused{color:var(--rd);border-color:var(--rd);}
.jb-unknown{color:var(--t3);border-color:var(--b0);}
.jb-r-hiring{color:var(--gn);}.jb-r-pool{color:var(--am-t);}.jb-r-cadet-only{color:var(--link);}.jb-r-paused{color:var(--rd);}
.jb-stat{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;}
.jb-stat b{font-family:var(--head)!important;color:var(--t1);font-size:1.75rem;}
.jb-stat.txt b{font-size:1.0625rem;}
.jb-stat span{font-size:.8125rem;color:var(--t3);}
.jb-when{font-family:var(--mono)!important;font-size:.8125rem;color:var(--t3);}
.jb-table td a,.jb-list li b a{color:var(--link);text-decoration:none;border-bottom:0;}
.jb-table td a:hover,.jb-list li b a:hover{color:var(--link);text-decoration:underline;}
.jb-small{font-size:.875rem;color:var(--t3);}
.jb-table td[data-l]::before{font-size:.8125rem;color:var(--t3);}
.sg-tag{color:var(--t3)!important;}
.sg-sub b,.sg-card em{color:var(--t1)!important;}
.sg-strip{background:var(--bg2)!important;border:1px solid var(--b0)!important;border-radius:10px;}
.sg-card,.sg-box{border-radius:10px;overflow:hidden;background:var(--bg2)!important;border-color:var(--b0)!important;}
.sg-card span,.sg-box span{font-size:.8125rem!important;}
.sg-card em{font-size:.875rem!important;}
.sg-box i{border-radius:8px;font-size:.875rem!important;font-weight:600!important;}
.sg-card:hover,.sg-box:hover{border-color:var(--t3)!important;}
.sg-box i{background:var(--am-btn)!important;color:var(--on-am)!important;}

/* the legal and info pages (legal.css, their .sp-* frame) */
.sp-main{padding-top:28px;}
.ey{color:var(--t3);font-size:.875rem;}
.ey::before,.ey::after{content:none;}
.faq-item{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;}
.changelog-entry{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;border-left:1px solid var(--b0);}
.cl-date{color:var(--t3);font-size:.875rem;}
.cl-title{font-family:var(--head)!important;font-size:1.0625rem;}
.cl-body{font-size:.9375rem;color:var(--t1);}
.cl-body a{color:var(--link);}
.cl-tag{font-size:.8125rem;}
.cl-tag.fix{color:var(--am-t);}
.cl-tag.feature{color:var(--link);background:var(--tint-link);}
.nt th{font-size:.875rem;color:var(--t2);}
.nt td{border-bottom-color:var(--b0);}
.fbtn{background:var(--am-btn);color:var(--on-am);border-radius:8px;font-size:1rem;font-weight:600;}
.gbtn{background:var(--bg2);border:1px solid var(--b0);color:var(--t1);border-radius:8px;font-size:1rem;font-weight:600;}

/* the tool pages (METAR/TAF decoder, Flight Briefing, the FDP, fatigue, crosswind and density altitude
   calculators, the CV builder, the Type Rating Training Map): their shared form and result classes */
.tool{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;}
.tool-h{font-size:.875rem;font-weight:600;color:var(--t2);}
.fld label{font-size:.875rem;font-weight:500;color:var(--t2);}
.fld input,.fld select,.fld textarea,textarea#wx-in,.wx-row input{background-color:var(--bg2);color:var(--t1);border:1px solid var(--b0);border-radius:8px;min-height:44px;color-scheme:light dark;}
.fld select{background-image:linear-gradient(45deg,transparent 50%,var(--t2) 50%),linear-gradient(135deg,var(--t2) 50%,transparent 50%);}
.fld input:focus,.fld select:focus,.fld textarea:focus,textarea#wx-in:focus,.wx-row input:focus{outline:none;border-color:var(--am-btn);box-shadow:var(--focus);}
.fld .hint{font-size:.8125rem;color:var(--t3);}
.btn{font-size:.9375rem!important;font-weight:600;background:var(--bg2);color:var(--t1);border:1px solid var(--b0);border-radius:8px;}
.btn:hover{border-color:var(--t3);color:var(--t1);background:var(--bg3);}
.btn.pri{background:var(--am-btn);border-color:var(--am-btn);color:var(--on-am);}
.btn.pri:hover{background:var(--am-btn);border-color:var(--am-btn);color:var(--on-am);filter:brightness(1.05);}
.res{background:var(--bg2);border:1px solid var(--b0);border-left-width:4px;border-radius:8px;}
.res-big{font-family:var(--head)!important;}
.res-tag{font-size:.8125rem;font-weight:600;border-radius:999px;}
.res.a{border-left-color:var(--am-t);} .res.a .res-tag{color:var(--am-t);}
.res.n{border-left-color:var(--link);} .res.n .res-tag{color:var(--link);}
.wx-status.err{color:var(--rd);}
details.tbl{border-radius:10px;}
details.tbl summary{font-size:.9375rem;font-weight:600;color:var(--link);}
details.tbl summary:hover{color:var(--link);text-decoration:underline;}
.wx-or{font-size:.875rem;color:var(--t3);}
.wx-ex{font-size:.875rem;}
.wx-ex button{color:var(--link);border-bottom:0;text-decoration:underline;text-underline-offset:.15em;font-size:.875rem;}
.wx-ex button:hover{color:var(--link);}
.rep{border-radius:10px;}
.rep-h .k{font-size:.8125rem;color:var(--t3);}
.rep-h .st{font-family:var(--head)!important;}
.raw span.u,table.grp tr.u td{color:var(--rd);}
.raw span:hover,.raw span.on{background:var(--bg3);color:var(--t1);box-shadow:inset 0 -2px 0 var(--am-btn);}
.sum h4{font-family:var(--sans)!important;font-size:.875rem;font-weight:600;color:var(--t2);}
table.grp td:first-child,table.key td:first-child{color:var(--t1);}
table.grp td.w{font-size:.8125rem;color:var(--t3);}
table.grp tr.hl td{background:var(--bg3);}
details.grp-d summary{font-size:.875rem;font-weight:600;color:var(--link);}
.rep-f{font-size:.8125rem;}
/* an ICAO code is shown in capitals as it is typed (the field's value is read in capitals anyway) */
.wx-row .fld input,.fld input.icao,.fld input#wg-id{text-transform:uppercase;}
/* data in the system mono: METAR and TAF text, codes, ICAO identifiers */
.raw,textarea#wx-in,.wx-row .fld input,.fld input.icao,.fld input#wg-id,table.grp td:first-child,table.key td:first-child,.brf-s pre,#wg-code,.v1-data{font-family:var(--mono)!important;}

/* inline styles written for the old dark look: links in the link colour, headings in the text colour,
   nothing under 13px */
a[style*="color:var(--am)"],a[style*="color: var(--am)"],.section-cta-text a{color:var(--link)!important;}
:is(h1,h2,h3,h4,h5,h6)[style*="color:var(--am)"],:is(h1,h2,h3,h4,h5,h6)[style*="color:var(--cy)"]{color:var(--t1)!important;}
[style*="font-size:9px"],[style*="font-size:10px"],[style*="font-size:11px"],[style*="font-size:12px"],[style*="font-size:12.5px"]{font-size:.8125rem!important;}
details.faq-item{border-left:1px solid var(--b0);border-radius:10px;background:var(--bg2);}
details.faq-item > summary{font-size:1rem;font-weight:600;}
details.faq-item > summary::after{color:var(--t3);}
details.faq-item .faq-a{font-size:.9375rem;color:var(--t1);font-weight:400;}
@media print{body{background:#fff!important;color:#000;}}
/* Flight Briefing: the plans, the payment box and the briefing itself */
.plan,.plan.hl,.pay{background:var(--bg2);border:1px solid var(--b0);border-radius:10px;}
.plan .pr{font-family:var(--head)!important;color:var(--t1);}
.pay .lnk{color:var(--link);border-bottom:0;text-decoration:underline;text-underline-offset:.15em;}
.brf{border:1px solid var(--b0);border-radius:10px;overflow:hidden;}
.brf-pts{background:var(--bg3);border-bottom:1px solid var(--b0);}
.brf h4{font-family:var(--sans)!important;font-size:.875rem;font-weight:600;color:var(--t2);}
.brf-s pre{background:var(--bg3);border-radius:6px;font-size:.875rem;}
.brf-s .note{border-left-color:var(--link);background:var(--tint-link);}
.brf-s .warn{background:var(--tint-rd);color:var(--t1);}
.brf-f{font-size:.8125rem;}
.brf-lbl{font-size:.8125rem;font-weight:600;color:var(--t2);background:var(--bg3);border:1px solid var(--b0);border-radius:999px;padding:2px 10px;}
/* forms in the pages: rounded fields and buttons (DESIGN.md: inputs and buttons radius 8px) */
main :where(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){border-radius:8px;}
main :where(button:not(#lb-x)){border-radius:8px;}
.adv-form{border-radius:10px;}
.adv-form input,.adv-form select,.adv-form textarea{background:var(--bg2);}
/* the question sets (top-25 / top-50 pages) */
.q{background:var(--bg2);border:1px solid var(--b0);border-left:3px solid var(--link);border-radius:10px;}
.q-num{font-size:.8125rem;color:var(--t3);}
.q-stem{font-family:var(--head)!important;font-size:1.125rem;}
.q-ans{font-size:1rem;color:var(--t1);font-weight:400;}
.q-ans em{color:inherit;font-style:italic;}
.q code{color:var(--t1);background:var(--bg3);border-radius:4px;padding:0 4px;}
/* the explainer videos' frame: the page's surface around the black video */
figure[style*="#05080f"]{background:var(--bg2)!important;border-radius:10px!important;}
/* flight categories (METAR/TAF decoder, Flight Briefing): the usual colours, dark enough on the light page */
.cat{border-radius:999px;font-weight:600;}
.cat.VFR{color:var(--gn);}
.cat.MVFR{color:var(--link);}
.cat.IFR{color:var(--rd);}
.cat.LIFR{color:#A21CAF;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cat.LIFR{color:#E879F9;}}
:root[data-theme="dark"] .cat.LIFR{color:#E879F9;}