/* PilotTrain Performance Workbook page (.ptwb): the page students download the workbook from.
   Built on the pricing pages' file (pt-plans.css, .ptpl), which is loaded first; this adds only what
   that page does not have: the hero with the workbook's pages beside the words, the row of sample
   pages and the "for study only" card. Markup: workbook-mockup/workbook-body.html. No script. */

/* ---------- the hero: words, then the workbook itself ---------- */
.ptpl.ptwb .ptwb-hero{padding-bottom:0; overflow:hidden;}
.ptpl.ptwb .ptwb-hero-in{max-width:1080px; margin:0 auto;}
.ptpl.ptwb .ptwb-meta{margin-top:14px; font-size:13.5px; line-height:1.5; color:var(--ddim);}
.ptpl.ptwb a.ptpl-btn svg{width:18px; height:18px;}
/* three sheets, flat, each a step behind the one in front; the hero's edge cuts them off */
.ptpl.ptwb .ptwb-fan{position:relative; width:min(78%, 300px); height:250px; margin:30px auto 0;}
.ptpl.ptwb .ptwb-fan img{position:absolute; top:0; left:0; width:100%; height:auto; max-width:none; border-radius:6px; background:#fff; box-shadow:0 0 0 1px rgba(255,255,255,.16), 0 18px 40px rgba(0,0,0,.42);}
.ptpl.ptwb .ptwb-fan .ptwb-s1{z-index:3;}
.ptpl.ptwb .ptwb-fan .ptwb-s2{z-index:2; transform:translate(-13%, 7%) rotate(-5deg); filter:brightness(.92);}
.ptpl.ptwb .ptwb-fan .ptwb-s3{z-index:1; transform:translate(13%, 7%) rotate(5deg); filter:brightness(.86);}

/* ---------- where it is used ---------- */
.ptpl.ptwb .ptwb-uses{border-top:0;}

/* ---------- what is inside: the list, then three pages ---------- */
.ptpl.ptwb .ptwb-inside{display:grid; grid-template-columns:minmax(0,1fr); gap:26px; max-width:1080px; margin:0 auto; padding:0 16px;}
.ptpl.ptwb .ptwb-list{border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--line);}
.ptpl.ptwb .ptwb-list .ptpl-inc{background:var(--card); align-items:flex-start;}
.ptpl.ptwb .ptwb-pages{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:start;}
.ptpl.ptwb .ptwb-pages img{width:100%; border-radius:6px; background:#fff; border:1px solid var(--line); box-shadow:0 10px 24px rgba(10,26,43,.10);}

/* ---------- the helicopter exams' handbook ---------- */
.ptpl.ptwb .ptwb-heli a.ptpl-go{gap:8px;}
.ptpl.ptwb .ptwb-heli a.ptpl-go svg{width:16px; height:16px;}
.ptpl.ptwb .ptwb-next{padding-top:16px;}

/* ---------- for study only ---------- */
.ptpl.ptwb .ptwb-study{grid-template-columns:minmax(0,1fr); border-left:4px solid #ffc247;}
.ptpl.ptwb .ptwb-study .ptwb-source{margin-top:12px; padding-top:12px; border-top:1px solid var(--line); font-size:13.5px; line-height:1.6; color:var(--muted);}
.ptpl.ptwb .ptwb-study a, .ptpl.ptwb .ptwb-study a:visited{color:var(--blue-dk); font-weight:600; text-decoration:underline; text-decoration-color:rgba(47,123,240,.4); text-decoration-thickness:1.5px; text-underline-offset:3px;}

/* =============================================================
   WIDER SCREENS
   ============================================================= */
@media (min-width:700px){
  .ptpl.ptwb .ptwb-inside{padding:0 32px; gap:32px;}
  .ptpl.ptwb .ptwb-pages{gap:18px;}
  .ptpl.ptwb .ptwb-fan{height:300px; width:340px;}
}
@media (min-width:960px){
  .ptpl.ptwb .ptwb-hero{text-align:left; padding-top:64px;}
  .ptpl.ptwb .ptwb-hero-in{display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:48px; align-items:end; padding:0 24px;}
  .ptpl.ptwb .ptwb-hero-t{padding-bottom:64px;}
  .ptpl.ptwb .ptwb-hero .ptpl-sub{margin-left:0; margin-right:0;}
  .ptpl.ptwb .ptwb-hero .ptpl-btns{justify-content:flex-start;}
  .ptpl.ptwb .ptwb-fan{width:320px; height:380px; margin:0 auto;}
  .ptpl.ptwb .ptwb-inside{grid-template-columns:minmax(0,5fr) minmax(0,6fr); align-items:center;}
}