/* PilotTrain: the home page's new parts, the rules they borrow (child theme 1.55.0). Made by
   build-home-interim-mockup.py from pt-licence.css and pt-ground-school.css; do not edit by hand. Loaded on the
   front page only when its content carries data-pthome15, before pt-home-v2.css. */
/* from pt-licence.css (1.53.2) */
.pthm-quiz, .pthm-quiz *, .pthm-quiz *::before, .pthm-quiz *::after{box-sizing:border-box;}
.pthm-quiz{
  text-align:left; border-radius:18px; overflow:hidden; color:#e9f1f8; border:1px solid rgba(255,255,255,.1);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.5;
  background:linear-gradient(180deg,#0c1e2f 0%,#071320 100%); box-shadow:0 18px 44px rgba(3,12,24,.4);
}
.pthm-quiz .pthm-quiz-body p, .pthm-quiz .pthm-quiz-body figure{margin:0; padding:0; max-width:none;}
.pthm-quiz .pthm-quiz-bar{display:flex; align-items:center; gap:10px; padding:11px 16px; background:rgba(0,0,0,.22); border-bottom:1px solid rgba(255,255,255,.12); font-size:12.5px; color:#9fb3c8;}
.pthm-quiz .pthm-quiz-bar i{width:9px; height:9px; border-radius:50%; display:block;}
.pthm-quiz .pthm-quiz-bar strong{color:#fff; font-weight:600; margin-left:2px;}
.pthm-quiz .pthm-quiz-body{padding:18px 18px 20px;}
.pthm-quiz .pthm-quiz-body p.pthm-quiz-n{font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; color:#4da3ff; margin:0 0 8px;}
.pthm-quiz .pthm-quiz-body p.pthm-quiz-q{font-size:16.5px; font-weight:600; line-height:1.45; color:#fff;}
.pthm-quiz .pthm-quiz-body .pthm-quiz-fig{margin:14px 0 0; padding:10px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.04);}
.pthm-quiz .pthm-quiz-fig img{display:block; width:100%; height:auto; max-height:200px; object-fit:contain;}
.pthm-quiz .pthm-quiz-ans{display:grid; gap:9px; margin:14px 0 0;}
.pthm-quiz .pthm-quiz-ans button, .pthm-quiz .pthm-quiz-ans button:hover, .pthm-quiz .pthm-quiz-ans button:focus{
  display:flex; align-items:center; gap:12px; width:100%; margin:0; text-align:left; padding:13px 15px; border-radius:11px;
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.04); color:#e9f1f8;
  font:500 15px/1.4 inherit; font-family:inherit; cursor:pointer; -webkit-appearance:none; appearance:none; box-shadow:none;
  transition:border-color .16s ease, background .16s ease;
}
.pthm-quiz .pthm-quiz-ans button:hover{border-color:#4da3ff; background:rgba(77,163,255,.1);}
.pthm-quiz .pthm-quiz-ans button:focus-visible{outline:3px solid rgba(77,163,255,.6); outline-offset:2px;}
.pthm-quiz .pthm-quiz-ans button i{flex:none; width:18px; height:18px; border-radius:50%; border:2px solid #6b7f95;}
.pthm-quiz.answered .pthm-quiz-ans button{cursor:default;}
.pthm-quiz.answered .pthm-quiz-ans button.is-right{border-color:#4ade80; background:rgba(74,222,128,.12); color:#fff;}
.pthm-quiz.answered .pthm-quiz-ans button.is-right i{border-color:#4ade80; background:#4ade80;}
.pthm-quiz.answered .pthm-quiz-ans button.is-wrong{opacity:.6;}
.pthm-quiz.answered .pthm-quiz-ans button.is-picked.is-wrong{opacity:1; border-color:#f87171; background:rgba(248,113,113,.1);}
.pthm-quiz.answered .pthm-quiz-ans button.is-picked.is-wrong i{border-color:#f87171; background:#f87171;}
.pthm-quiz .pthm-quiz-why{margin:14px 0 0; padding:13px 15px; border-left:3px solid #4da3ff; border-radius:0 10px 10px 0; background:rgba(77,163,255,.1);}
.pthm-quiz .pthm-quiz-why b{display:block; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#4da3ff; margin:0 0 5px;}
.pthm-quiz .pthm-quiz-body .pthm-quiz-why p{font-size:14.5px; line-height:1.55; color:#d5e2ef;}
.pthm-quiz .pthm-quiz-body p.pthm-quiz-msg{margin:14px 0 0; font-size:13.5px; color:#9fb3c8;}
.pthm-quiz.answered .pthm-quiz-body p.pthm-quiz-msg{color:#4ade80;}
.pthm .pthm-list{display:grid; gap:11px; margin:20px 0 0;}
.pthm .pthm-list li{display:flex; gap:10px; align-items:flex-start; font-size:15px; line-height:1.45; color:var(--text);}
.pthm .pthm-list svg{flex:none; width:18px; height:18px; margin-top:2px; color:var(--ok);}
.pthm-quiz .pthm-quiz-bar .pthm-quiz-count{margin-left:auto; font-weight:600; color:#9fb3c8; font-variant-numeric:tabular-nums;}
.pthm-quiz ol.pthm-quiz-track{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:5px; margin:0; padding:15px 18px 0; list-style:none;}
.pthm-quiz ol.pthm-quiz-track li{
  margin:0; padding:0; list-style:none; text-align:center; font-size:9.5px; font-weight:700; letter-spacing:.07em; line-height:1;
  color:#63788f; transition:color .2s ease;
}
.pthm-quiz ol.pthm-quiz-track li::before{content:""; display:block; height:4px; border-radius:4px; margin:0 0 7px; background:rgba(255,255,255,.14); transition:background .2s ease;}
.pthm-quiz ol.pthm-quiz-track li.is-now{color:#dbe9f8;}
.pthm-quiz ol.pthm-quiz-track li.is-now::before{background:#4da3ff;}
.pthm-quiz ol.pthm-quiz-track li.is-ok{color:#8fb0a0;}
.pthm-quiz ol.pthm-quiz-track li.is-ok::before{background:#4ade80;}
.pthm-quiz ol.pthm-quiz-track li.is-bad{color:#b99a9a;}
.pthm-quiz ol.pthm-quiz-track li.is-bad::before{background:#f87171;}
@keyframes pthm-quiz-in{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;}}
.pthm-quiz--run .pthm-quiz-step, .pthm-quiz--run .pthm-quiz-end{animation:pthm-quiz-in .3s ease both;}
.pthm-quiz--run .pthm-quiz-step[hidden], .pthm-quiz--run .pthm-quiz-end[hidden]{display:none;}
.pthm-quiz .pthm-quiz-q:focus{outline:0;}
.pthm-quiz .pthm-quiz-foot{display:flex; align-items:center; justify-content:space-between; gap:14px; margin:16px 0 0; scroll-margin-bottom:22px;}
.pthm-quiz .pthm-quiz-foot[hidden]{display:none;}
.pthm-quiz .pthm-quiz-body .pthm-quiz-foot p.pthm-quiz-msg{margin:0;}
.pthm-quiz.answered.is-miss .pthm-quiz-body p.pthm-quiz-msg{color:#fbbf24;}
.pthm-quiz .pthm-quiz-next, .pthm-quiz .pthm-quiz-next:hover, .pthm-quiz .pthm-quiz-next:focus{
  flex:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; margin:0; padding:0 18px;
  border:0; border-radius:11px; color:#fff; background:linear-gradient(180deg,#3b86f5,#2a6fe0);
  font-family:inherit; font-size:15px; font-weight:700; line-height:1; letter-spacing:0; text-transform:none; white-space:nowrap; cursor:pointer;
  -webkit-appearance:none; appearance:none; box-shadow:0 8px 22px rgba(47,123,240,.38);
  transition:transform .16s ease, box-shadow .16s ease;
}
.pthm-quiz .pthm-quiz-next:hover{transform:translateY(-1px); box-shadow:0 12px 26px rgba(47,123,240,.5);}
.pthm-quiz .pthm-quiz-next:focus-visible{outline:3px solid rgba(77,163,255,.6); outline-offset:2px;}
.pthm-quiz .pthm-quiz-next[hidden]{display:none;}
.pthm-quiz .pthm-quiz-next svg{width:15px; height:15px;}
.pthm-quiz .pthm-quiz-end:focus{outline:0;}
.pthm-quiz .pthm-quiz-score{display:flex; align-items:center; gap:16px;}
.pthm-quiz .pthm-quiz-score b{
  flex:none; font-size:46px; font-weight:800; letter-spacing:-.045em; line-height:1;
  background:linear-gradient(90deg,#5d8ce6,#a9c8f5); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.pthm-quiz .pthm-quiz-score b small{font-size:.42em; font-weight:700; letter-spacing:-.01em;}
.pthm-quiz .pthm-quiz-score span{font-size:15.5px; font-weight:600; line-height:1.4; color:#e9f1f8;}
.pthm-quiz .pthm-quiz-lab{margin:18px 0 9px; font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#a9c8f5;}
.pthm-quiz .pthm-quiz-tags{display:flex; flex-wrap:wrap; gap:7px;}
.pthm-quiz .pthm-quiz-tags span{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:9px; font-size:13.5px; font-weight:600; line-height:1.2;
  color:#e3ecf5; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
}
.pthm-quiz .pthm-quiz-tags span::before{content:""; flex:none; width:7px; height:7px; border-radius:50%; background:#4ade80;}
.pthm-quiz .pthm-quiz-tags span.is-bad{border-color:rgba(248,113,113,.4); background:rgba(248,113,113,.08);}
.pthm-quiz .pthm-quiz-tags span.is-bad::before{background:#f87171;}
.pthm-quiz .pthm-quiz-endfoot{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 20px;
  margin:20px 0 0; padding:16px 0 0; border-top:1px solid rgba(255,255,255,.12); font-size:13.5px; line-height:1.5; color:#9fb3c8;
}
.pthm-quiz .pthm-quiz-endfoot > span:first-child{flex:1 1 260px;}
.pthm-quiz .pthm-quiz-endbtns{display:flex; align-items:center; gap:10px;}
.pthm-quiz a.pthm-quiz-go, .pthm-quiz a.pthm-quiz-go:hover, .pthm-quiz a.pthm-quiz-go:focus, .pthm-quiz a.pthm-quiz-go:visited{
  display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 20px; border-radius:11px;
  color:#fff; text-decoration:none; background:linear-gradient(180deg,#3b86f5,#2a6fe0); font-size:15px; font-weight:700; line-height:1; white-space:nowrap;
  box-shadow:0 8px 22px rgba(47,123,240,.38);
}
.pthm-quiz .pthm-quiz-again, .pthm-quiz .pthm-quiz-again:hover, .pthm-quiz .pthm-quiz-again:focus{
  display:inline-flex; align-items:center; justify-content:center; height:46px; margin:0; padding:0 16px; border-radius:11px;
  border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06); color:#fff;
  font-family:inherit; font-size:15px; font-weight:600; line-height:1; letter-spacing:0; text-transform:none; white-space:nowrap; cursor:pointer;
  -webkit-appearance:none; appearance:none; box-shadow:none;
}
.pthm-quiz .pthm-quiz-again:hover{background:rgba(255,255,255,.12);}
@media (max-width:520px){
  .pthm-quiz ol.pthm-quiz-track{gap:4px; padding:14px 16px 0;}
  .pthm-quiz ol.pthm-quiz-track li{font-size:8.5px; letter-spacing:.04em;}
  .pthm-quiz .pthm-quiz-foot{flex-direction:column; align-items:stretch; gap:12px;}
  .pthm-quiz .pthm-quiz-next{width:100%;}
  .pthm-quiz .pthm-quiz-score b{font-size:40px;}
  .pthm-quiz .pthm-quiz-endbtns{width:100%;}
  .pthm-quiz a.pthm-quiz-go{flex:1 1 auto;}
}
@media (prefers-reduced-motion:reduce){
  .pthm-quiz--run .pthm-quiz-step, .pthm-quiz--run .pthm-quiz-end{animation:none;}
}
@font-face{
  font-family:'IBM Plex Sans'; font-style:normal; font-weight:400; font-display:swap;
  src:url("fonts/IBMPlexSans-Regular.woff2?v=1") format('woff2');
}
@font-face{
  font-family:'IBM Plex Sans'; font-style:normal; font-weight:600; font-display:swap;
  src:url("fonts/IBMPlexSans-SemiBold.woff2?v=1") format('woff2');
}
@font-face{
  font-family:'IBM Plex Sans Condensed'; font-style:normal; font-weight:600; font-display:swap;
  src:url("fonts/IBMPlexSansCondensed-600.woff2?v=1") format('woff2');
}
.pthm-quiz .pthm-quiz-anim{position:relative; display:block; overflow:hidden; height:0; margin:2px 0 12px; border-radius:10px; background:#fff; isolation:isolate;}
.pthm-quiz .pthm-quiz-anim picture{display:block; margin:0; padding:0;}
.pthm-quiz .pthm-quiz-anim .ptf-poster{position:absolute; left:0; top:0; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; display:block; border:0; border-radius:0; margin:0; pointer-events:none;}
.pthm-quiz .ptf-live{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden; opacity:0; transition:opacity .22s ease; pointer-events:none; background:#fff;}
.pthm-quiz .is-live > .ptf-live{opacity:1;}
.pthm-quiz .ptf-cam{display:block; transform-origin:0 0;}
.pthm-quiz .ptf-live .pta-animation, .pthm-quiz .ptf-live .pta-figure{
  display:block !important; position:static !important; width:100% !important; max-width:none !important; min-width:0 !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; overflow:visible !important;
}
.pthm-quiz .ptf-live .pta-animation > :not(.pta-figure), .pthm-quiz .ptf-live .pta-figure > :not(.pta-stage), .pthm-quiz .ptf-live .pta-stage > :not(canvas){display:none !important;}
.pthm-quiz .ptf-live .pta-stage{
  display:block !important; position:relative !important; width:100% !important; min-width:0 !important; max-width:none !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; outline:0 !important;
}
.pthm-quiz .ptf-live .pta-canvas{display:block !important; width:100% !important; height:100% !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important;}
@media (min-width:700px){
  .pthm-quiz .pthm-quiz-why--fig{display:grid; grid-template-columns:minmax(0,310px) minmax(0,1fr); column-gap:18px; align-items:start;}
  .pthm-quiz .pthm-quiz-why--fig[hidden]{display:none;}
  .pthm-quiz .pthm-quiz-why--fig > b{grid-column:1 / -1;}
  .pthm-quiz .pthm-quiz-why--fig .pthm-quiz-anim{margin:2px 0 0;}
}
@media (prefers-reduced-motion:reduce){
  .pthm-quiz .ptf-live{transition:none;}
}

/* from pt-ground-school.css (1.53.2) */
.pthm .ptgs-sr{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}
.pthm .ptgs-clip{
  position:relative; display:block; overflow:hidden; aspect-ratio:16 / 9; border-radius:14px; background:#0d2033;   /* the films' own shape (960 x 540) */
  border:1px solid var(--line); box-shadow:0 18px 44px rgba(10,26,43,.14); isolation:isolate;
}
.pthm .ptgs-clip picture{display:contents;}
.pthm .ptgs-clip img, .pthm .ptgs-clip video{
  position:absolute; inset:0; width:100%; height:100%; max-width:none; margin:0; border:0; border-radius:0; object-fit:cover; display:block;
}
.pthm .ptgs-clip video{opacity:0; transition:opacity .8s ease;}
.pthm .ptgs-clip.is-rolling video{opacity:1;}
.pthm .ptgs-clip button.ptgs-clip-btn{
  position:absolute; z-index:1; right:10px; bottom:10px; display:none; place-items:center; width:36px; height:36px; border-radius:50%;
  background:rgba(7,19,32,.62); color:#fff; border:1px solid rgba(255,255,255,.3); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.pthm .ptgs-clip.is-rolling button.ptgs-clip-btn, .pthm .ptgs-clip.is-held button.ptgs-clip-btn{display:grid;}
.pthm .ptgs-clip button.ptgs-clip-btn:hover{background:rgba(7,19,32,.8);}
.pthm .ptgs-clip button.ptgs-clip-btn:focus-visible{outline:3px solid var(--b); outline-offset:2px;}
.pthm .ptgs-clip-btn svg{width:15px; height:15px;}
.pthm .ptgs-clip-btn > span{display:flex;}
.pthm .ptgs-clip-btn .ptgs-i-play, .pthm .ptgs-clip-btn .ptgs-w-play,
.pthm .ptgs-clip.is-held .ptgs-clip-btn .ptgs-i-pause, .pthm .ptgs-clip.is-held .ptgs-clip-btn .ptgs-w-pause{display:none;}
.pthm .ptgs-clip.is-held .ptgs-clip-btn .ptgs-i-play{display:flex;}
.pthm .ptgs-clip-btn > span.ptgs-sr{display:block;}
.pthm .ptgs-clip-btn > span.ptgs-w-play{display:none;}
.pthm .ptgs-clip.is-held .ptgs-clip-btn > span.ptgs-w-play{display:block;}
.pthm .ptgs-clip.is-held .ptgs-clip-btn > span.ptgs-w-pause{display:none;}
.pthm .ptgs-x .ptgs-clip{border-radius:12px; box-shadow:0 10px 26px rgba(10,26,43,.12);}
@media (prefers-reduced-motion:reduce){
  .pthm .ptgs-clip video, .pthm .ptgs-say{transition:none;}
}

/* >>> the interim home page (1.55.0): the features grid without its SmartKDR cell, two by two */
.pthm .pthm-feats.ptv2-feats4{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:700px){.pthm .pthm-feats.ptv2-feats4{grid-template-columns:1fr;}}
/* <<< the interim home page */