/* Position packs: /positions landing, the six free guides and their gate.
   Brand: Barlow Condensed / Barlow / JetBrains Mono, red #DF002D on ink. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0E1013;color:#FFFFFF;font-family:'Barlow',system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#FFFFFF;text-decoration:none}
a:hover{color:#F17A90}
img,svg{max-width:100%}
[hidden]{display:none!important}
h1,h2,p{margin:0}
.c{font-family:'Barlow Condensed',sans-serif}
.m{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em}
.m.red{color:#E73B5E}.m.grey{color:#9AA0AC}.m.s{font-size:11px}
.w{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}
.band{background:#07080A;border-top:1px solid #2A2E38;border-bottom:1px solid #2A2E38}
.h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(40px,4.5vw,64px);line-height:.92;text-transform:uppercase}
.h2.big{font-size:clamp(42px,5.3vw,76px)}
.stack{display:flex;flex-direction:column;gap:12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
button{cursor:pointer}
button[disabled]{opacity:.6;cursor:default}
:focus-visible{outline:2px solid #F17A90;outline-offset:2px}

/* header */
.top{border-bottom:1px solid #2A2E38}
.top .w{padding-top:18px;padding-bottom:18px;display:flex;align-items:center;gap:28px}
.top img{height:38px;width:auto;display:block}
.top .m{flex-grow:1}
.top .coach{font-weight:600;font-size:15px;color:#C4C8D0}
.top .coach:hover{color:#F17A90}
.btn-s{padding:12px 18px;background:#DF002D;border-radius:6px;font-weight:700;font-size:14px;white-space:nowrap}
.btn-s:hover,.btn:hover{color:#FFFFFF;background:#C40028}

/* upgrade offer: only for a buyer who arrives from the link in their purchase email (positions.js) */
.up{background:#DF002D}
.up .w{padding-top:28px;padding-bottom:30px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.up .title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(44px,4.6vw,60px);line-height:.9;text-transform:uppercase}
.up .desc{font-size:18px;max-width:620px}
.up-r{display:flex;flex-direction:column;gap:10px;align-items:flex-end;text-align:right}
.up .btn-dark{margin-top:0}
.up .buy-msg{color:#FFFFFF}
.up-all{background:#151820;border-bottom:1px solid #2A2E38}
.up-all .w{padding-top:16px;padding-bottom:16px;font-size:16px;color:#C4C8D0}
.up-all a{text-decoration:underline}

/* hero */
.hero{padding-top:84px;padding-bottom:84px;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.hero-l{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(64px,7.8vw,112px);line-height:.86;letter-spacing:-.01em;text-transform:uppercase}
.hero h1 span{color:#DF002D}
.hero .lede{font-size:21px;line-height:1.45;color:#C4C8D0;max-width:540px}
.hero .cta{display:flex;gap:16px;align-items:center;margin-top:4px}
.hero .cta span{font-size:15px;color:#9AA0AC}
.btn{display:inline-block;padding:18px 30px;background:#DF002D;border:0;border-radius:6px;color:#FFFFFF;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap}
.hero-r{position:relative;padding:0 0 0 20px}
.hero-r .ghost{position:absolute;left:-14px;top:-78px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;font-size:300px;line-height:.74;color:#DF002D;opacity:.16}
.card{background:#151820;border:1px solid #2A2E38;border-radius:14px;padding:18px}
.card svg{display:block;width:100%;height:auto;border-radius:10px}
.card .cap{font-size:15px;color:#C4C8D0;padding:14px 4px 4px}
.hero-r .card{position:relative;box-shadow:0 30px 80px rgba(0,0,0,.6);transform:rotate(1.5deg)}
.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:2px 4px 14px}
.card-head .c{font-weight:900;font-size:26px;text-transform:uppercase}

/* tiles */
.sec{padding-top:96px;padding-bottom:96px}
.sec-head{margin-bottom:40px}
.sec-head p{font-size:19px;color:#C4C8D0;max-width:620px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tile{display:flex;flex-direction:column;background:#151820;border:1px solid #2A2E38;border-radius:10px;color:#FFFFFF}
.tile-main{flex:1;display:flex;flex-direction:column;gap:10px;padding:26px 24px 14px;color:#FFFFFF}
.tile-main:hover{color:#FFFFFF}
.tile-buy{display:block;align-self:flex-start;min-height:44px;margin:0 24px 10px;padding:12px 0;line-height:20px;background:none;border:0;color:#9AA0AC;font-family:inherit;font-size:15px;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tile-buy:hover{color:#FFFFFF}
.tile .buy-msg{margin:0 24px 14px}
.tile:hover{color:#FFFFFF;border-color:#DF002D}
.tile .n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;font-size:124px;line-height:.78;color:#DF002D}
.tile .name{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:40px;line-height:.95;text-transform:uppercase;margin-top:8px}
.tile .hook{font-size:17px;color:#C4C8D0;min-height:76px}
.tile .go{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #2A2E38;margin-top:auto}
.tile .go span:first-child{font-weight:700;font-size:16px}
.tile .go .c{font-weight:900;font-size:26px;color:#DF002D}

/* maybe this is you */
.you{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.you .stack{gap:14px;position:sticky;top:40px}
.pain{padding:26px 0;border-top:1px solid #2A2E38;font-size:25px;line-height:1.3;font-weight:500}
.pain.end{padding-bottom:0;font-size:19px;font-weight:400;line-height:1.5;color:#9AA0AC}

/* inside a pack */
.inside-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.inside-head p{font-size:19px;color:#C4C8D0}
.inside{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.read{display:grid;grid-template-columns:44px 1fr 1fr;gap:18px;align-items:center;padding:18px 20px;background:#151820;border:1px solid #2A2E38;border-radius:10px}
.read .i{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;font-size:40px;line-height:.9;color:#DF002D}
.read .a{font-weight:700;font-size:18px;line-height:1.3;margin-top:4px}
.read .b{font-size:17px;line-height:1.35;color:#C4C8D0;margin-top:4px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.stat{padding:22px;border:1px solid #2A2E38;border-radius:10px}
.stat .c{font-weight:900;font-size:68px;line-height:.9}
.stat div:last-child{font-size:15px;color:#9AA0AC;margin-top:6px}
.stat.red{background:#DF002D;border-color:#DF002D}
.stat.red div:last-child{color:#FFFFFF}

/* how it works */
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.offer{background:#151820;border:1px solid #2A2E38;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:14px}
.offer.paid{border-color:#DF002D}
.offer-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.offer-head .c{font-weight:900;font-size:44px;line-height:1;text-transform:uppercase}
.offer>p{margin:0 0 6px;color:#9AA0AC}
.li{display:flex;gap:12px;font-size:17px;color:#C4C8D0}
.li>span:first-child{color:#DF002D;font-weight:700}
.offer.paid .li{color:#FFFFFF}
.bundle{margin-top:20px;background:#DF002D;border-radius:12px;padding:34px 32px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.bundle .title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:60px;line-height:.9;text-transform:uppercase}
.bundle .desc{font-size:18px;max-width:560px}
.nums{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.nums span{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;font-size:30px;line-height:1;padding:8px 14px 10px;background:#0E1013;border-radius:6px}
.bundle-r{display:flex;flex-direction:column;gap:12px;align-items:flex-end;text-align:right}
.bundle-price{display:flex;align-items:baseline;gap:14px}
.bundle-price .was{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:40px;line-height:1;text-decoration:line-through;opacity:.6}
.bundle-price .now{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:120px;line-height:.8}
.bundle-r .note{font-size:15px}
.btn-dark{margin-top:6px;padding:16px 28px;background:#0E1013;border:0;border-radius:6px;color:#FFFFFF;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;letter-spacing:.04em;text-transform:uppercase}
.btn-dark:hover{color:#F17A90}
.buy-msg{font-size:14px;min-height:1.4em}
.wont{margin-top:20px;padding:26px 32px;border:1px solid #2A2E38;border-radius:12px;display:grid;grid-template-columns:.5fr 1.5fr;gap:32px;align-items:center}
.wont .c{font-weight:900;font-size:34px;line-height:.95;text-transform:uppercase}
.wont div:last-child{font-size:18px;color:#C4C8D0}

/* faq */
.faq{padding:22px 0;border-top:1px solid #2A2E38;display:grid;grid-template-columns:1fr 1.4fr;gap:32px}
.faq .q{font-weight:700;font-size:20px}
.faq .a{font-size:17px;color:#C4C8D0}
.faq-end{border-top:1px solid #2A2E38}

/* final */
.final{background:#DF002D;border-radius:14px;padding:56px 48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.final .title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(52px,5.9vw,84px);line-height:.88;text-transform:uppercase}
.final .sub{font-size:19px}
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.chips a{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;font-size:54px;line-height:1;padding:14px 22px 16px;background:#0E1013;border-radius:8px;color:#FFFFFF}

/* resend + footer */
.resend{padding-bottom:56px}
.resend form{border:1px solid #2A2E38;border-radius:12px;padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center}
.resend label{font-weight:700;font-size:17px}
.resend .row{display:flex;gap:8px}
.resend input[type=email]{width:260px;max-width:100%;min-height:46px;padding:0 14px;background:#07080A;border:1px solid #434855;border-radius:6px;color:#FFFFFF;font-family:inherit;font-size:16px}
.resend button{min-height:46px;padding:0 18px;background:#151820;border:1px solid #434855;border-radius:6px;color:#FFFFFF;font-family:inherit;font-weight:700;font-size:15px;white-space:nowrap}
.resend .msg{grid-column:1/-1;font-size:14px;color:#C4C8D0;min-height:0}
.foot{border-top:1px solid #2A2E38}
.foot .w{padding-top:26px;padding-bottom:34px;display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#9AA0AC}

/* check your email */
.done{position:fixed;inset:0;z-index:50;background:#0E1013;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}
.done-in{max-width:480px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.done h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:60px;line-height:.9;text-transform:uppercase}
.done p{font-size:18px;color:#C4C8D0}
.done a{text-decoration:underline}

/* guide pages (the guide body keeps the inline styles from the design) */
.col{max-width:560px;margin:0 auto}
.g-top{padding:22px 22px 0;display:flex;align-items:center;justify-content:space-between}
.g-top img{height:32px;width:auto;display:block}
.g-hero{padding:36px 22px 28px;display:flex;flex-direction:column;gap:12px}
.g-hero .n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;font-size:min(140px,34vw);line-height:.74;color:#DF002D;white-space:nowrap}
.g-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:min(60px,15vw);line-height:.88;text-transform:uppercase}
.g-hero p{font-size:18px;color:#C4C8D0}
.gate{margin:0 22px;display:flex;flex-direction:column;gap:28px}
.q{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0;min-width:0}
.q legend{padding:0;margin-bottom:10px}
.opts{display:grid;gap:8px}
.opts.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.opts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.opt{min-height:52px;padding:6px 8px;background:#151820;border:1px solid #2A2E38;border-radius:6px;color:#FFFFFF;font-family:inherit;font-weight:700;font-size:16px;line-height:1.2}
.opts.c1 .opt{padding:0 16px;text-align:left}
.opt[aria-pressed=true]{background:#DF002D;border-color:#DF002D}
.gate input[type=email]{min-height:56px;padding:0 16px;background:#07080A;border:1px solid #434855;border-radius:6px;color:#FFFFFF;font-family:inherit;font-size:17px;width:100%}
.gate .opt-l{color:#9AA0AC}
/* The form branches on question 1: until a role is picked only that question shows, then the role's questions
   slide in (positions.js). The class comes from a one-line script in <head>, so with JS off the whole form shows. */
.gate-js .gate:not([data-ready]) [data-path]{display:none}
.gate fieldset[data-path],.gate div[data-path]{animation:gate-in .28s ease-out}
@keyframes gate-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gate fieldset[data-path],.gate div[data-path]{animation:none}}
.gate #gate-note{min-height:52px;padding:0 16px;background:#07080A;border:1px solid #2A2E38;border-radius:6px;color:#FFFFFF;font-family:inherit;font-size:16px;width:100%}
.gate #gate-note::placeholder{color:#6B7280}
.gate .go{min-height:60px;background:#DF002D;border:0;border-radius:6px;color:#FFFFFF;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase}
.gate .msg{font-size:14px;color:#F17A90;min-height:0}
.gate .fine{font-size:14px;color:#9AA0AC}
.gate .direct{font-size:14px;color:#9AA0AC}
.gate-buy{display:inline-block;min-height:44px;padding:12px 0;line-height:20px;background:none;border:0;color:#FFFFFF;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.g-foot{padding:36px 22px 56px;font-size:14px;color:#9AA0AC;text-align:center}
.g-foot a{color:#9AA0AC}
.buy{display:block;width:100%;border:0;padding:18px 22px;background:#DF002D;border-radius:6px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#FFFFFF}
.buy-alt{background:none;border:0;padding:0;color:#FFFFFF;font-family:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-align:center}
.g-num{font-size:min(200px,46vw)!important}
.g-num.wide{font-size:min(200px,33vw)!important}
.g-h1{font-size:min(68px,16vw)!important}

@media (max-width:1000px){
  .hero{grid-template-columns:1fr;gap:72px;padding-top:56px;padding-bottom:64px}
  .hero-r{padding:0;max-width:560px}
  .hero-r .ghost{left:-6px;top:-64px;font-size:220px}
  .you{grid-template-columns:1fr;gap:28px}
  .you .stack{position:static}
  .inside-head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}
  .inside{grid-template-columns:1fr;gap:20px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bundle{grid-template-columns:1fr;gap:24px}
  .bundle-r{align-items:flex-start;text-align:left}
  .up .w{grid-template-columns:1fr;gap:20px}
  .up-r{align-items:flex-start;text-align:left}
  .final{grid-template-columns:1fr;gap:28px;padding:44px 36px}
  .chips{justify-content:flex-start}
}
@media (max-width:700px){
  .w{padding-left:18px;padding-right:18px}
  .sec{padding-top:60px;padding-bottom:60px}
  .sec-head{margin-bottom:28px}
  .sec-head p,.inside-head p{font-size:17px}
  .top .w{gap:14px;padding-top:14px;padding-bottom:14px;justify-content:space-between}
  .top img{height:30px}
  .top .m,.top .btn-s{display:none}
  .top .coach{font-size:14px;text-align:right}
  .hero{padding-top:40px;padding-bottom:52px;gap:56px}
  .hero-l{gap:20px}
  .hero h1{font-size:clamp(50px,15.2vw,96px)}
  .hero .lede{font-size:18px}
  .hero .cta{flex-direction:column;align-items:stretch;gap:12px;width:100%}
  .hero .cta br{display:none}
  .hero-r .ghost{font-size:170px;top:-50px}
  .hero-r .card{transform:none;padding:12px}
  .card{padding:12px}
  .card-head .c{font-size:22px}
  .tiles{grid-template-columns:1fr;gap:12px}
  .tile-main{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:10px;align-items:end;padding:20px 18px 10px}
  .tile-buy{margin:0 18px 6px}
  .tile .buy-msg{margin:0 18px 12px}
  .tile .n{font-size:76px;line-height:.8}
  .tile .name{font-size:32px;margin:0}
  .tile .hook,.tile .go{grid-column:1/-1}
  .tile .hook{min-height:0;font-size:16px}
  .pain{font-size:20px;padding:20px 0}
  .pain.end{font-size:17px}
  .read{grid-template-columns:30px 1fr;gap:10px 12px;padding:16px;align-items:start}
  .read .i{font-size:34px;grid-row:1/3}
  .read .a{font-size:17px}
  .read .b{font-size:16px}
  .stats{gap:12px;margin-top:28px}
  .stat{padding:16px}
  .stat .c{font-size:54px}
  .stat div:last-child{font-size:14px}
  .two{grid-template-columns:1fr;gap:12px}
  .offer{padding:22px 20px}
  .offer-head .c{font-size:34px}
  .bundle{padding:26px 20px;margin-top:12px}
  .bundle .title{font-size:46px}
  .bundle .desc{font-size:17px}
  .up .w{padding-top:22px;padding-bottom:24px;gap:18px}
  .up .desc{font-size:17px}
  .up-r{align-items:stretch}
  .nums span{font-size:24px;padding:6px 10px 8px}
  .bundle-price .now{font-size:96px}
  .btn-dark{width:100%;font-size:22px;padding:18px 22px}
  .wont{grid-template-columns:1fr;gap:10px;padding:22px 20px;margin-top:12px}
  .wont .c{font-size:30px}
  .wont div:last-child{font-size:17px}
  .faq{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .faq .q{font-size:18px}
  .final{padding:32px 20px;border-radius:12px}
  .final .title{font-size:48px}
  .final .sub{font-size:17px}
  .chips{gap:8px}
  .chips a{font-size:38px;padding:10px 14px 12px}
  .resend form{grid-template-columns:1fr;padding:20px}
  .resend .row{flex-direction:column}
  .resend input[type=email]{width:100%}
  .foot .w{flex-direction:column}
  .done h2{font-size:48px}
}
.buy-msg:empty,.msg:empty{display:none}
.buy-msg{color:#F17A90}
.bundle .buy-msg{color:#FFFFFF}
@media (max-width:480px){.g-two{grid-template-columns:1fr!important}}
/* Prices are swapped for the visitor's currency after load (positions.js): keep each one on a single line. */
[data-price]{white-space:nowrap}
/* The prices written in the HTML are the launch ones. From the day they change, a one-line script in each page's
   <head> sets .era-wait, and they stay out of sight until positions.js has put the current ones in their place. */
.era-wait [data-price]{visibility:hidden}
.bundle-price{flex-wrap:wrap}
/* The Solo Player's Guide tier under the bundle: the bundle's layout on the dark card, so the red stays the bundle's. */
.bundle.all{background:#151820;border:2px solid #DF002D}
/* The Goal Kicking Tracker line in the bundle and upgrade boxes (api/_lib/kickingAccess.ts, KICKING_LINE_SHORT). */
.bundle .desc.kick-line,.up .desc.kick-line{font-size:16px;margin-top:10px}
.bundle.all .m{color:#E73B5E}
.bundle.all .desc{color:#C4C8D0}
.bundle.all .nums span{font-style:normal;text-transform:uppercase;font-size:22px;padding:8px 12px 9px;border:1px solid #2A2E38}
.bundle.all .note{color:#9AA0AC}
.bundle.all .btn:hover{color:#FFFFFF}
[data-guide-price]{white-space:nowrap}
@media (max-width:700px){.bundle.all .btn{width:100%}.bundle.all .nums span{font-size:18px}}
/* "Already bought a pack?" (/solo-guide/credit-ask.js): on /solo-guide under the price and in the FAQ, and in the
   Everything tier above. A second action next to a red buy button, so its button is an outline. Inputs at 17px so a
   phone does not zoom in, and every tap target 48px high. */
.credit-ask{margin-top:20px;padding:24px 28px;background:#151820;border:1px solid #2A2E38;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;align-items:center}
.credit-ask .ca-h{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:30px;line-height:1;text-transform:uppercase}
.credit-ask .ca-text p{margin-top:8px;font-size:17px;color:#C4C8D0}
.credit-ask .row{display:flex;gap:8px}
.credit-ask input[type=email]{flex:1;min-width:0;min-height:48px;padding:0 14px;background:#07080A;border:1px solid #434855;border-radius:6px;color:#FFFFFF;font-family:inherit;font-size:17px}
.credit-ask button{min-height:48px;padding:0 20px;background:transparent;border:2px solid #DF002D;border-radius:6px;color:#FFFFFF;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:19px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.credit-ask button:hover{background:#DF002D}
.credit-ask .msg{margin-top:10px;font-size:15px;line-height:1.45;color:#FFFFFF}
.credit-ask.inline{margin-top:14px;padding:0;background:none;border:0;border-radius:0;grid-template-columns:1fr;gap:10px}
.credit-ask.in-tier{grid-column:1/-1;margin-top:0;padding:22px 0 0;background:none;border:0;border-top:1px solid #2A2E38;border-radius:0}
.credit-ask.in-tier .ca-h{font-size:26px}
.credit-ask.in-tier .ca-text p{color:#9AA0AC}
@media (max-width:700px){
  .credit-ask{grid-template-columns:1fr;padding:20px}
  .credit-ask .ca-h{font-size:26px}
  .credit-ask .row{flex-direction:column}
  .credit-ask button{width:100%}
  .credit-ask.inline,.credit-ask.in-tier{padding-left:0;padding-right:0}
}

/* The line that builds up the reader's answers above the email field (positions.js, GATE_HELP). */
.gate .g-sum{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;line-height:1.5;color:#C4C8D0;padding:10px 12px;border:1px dashed #2A2E38;border-radius:6px}

/* The "for you" box at the top of the guide, in the tailored version of the test (tailor.js). Small and closable. */
#for-you{margin:0 22px 28px}
.fy{background:#151820;border:1px solid #2A2E38;border-left:3px solid #DF002D;border-radius:10px;padding:0 18px}
.fy summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer}
.fy summary::-webkit-details-marker{display:none}
.fy .fy-h{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;color:#E73B5E}
.fy .fy-t::after{content:'Show';font-size:14px;color:#9AA0AC;text-decoration:underline;text-underline-offset:3px}
.fy[open] .fy-t::after{content:'Hide'}
.fy p{margin:0 0 12px;font-size:16px;line-height:1.45;color:#C4C8D0}
.fy .fy-sum{color:#FFFFFF;font-weight:600}
.fy a{color:#FFFFFF;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fy .fy-count{margin:0 0 12px;padding:12px 14px;background:#0E1013;border-radius:6px}
.fy .fy-l{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9AA0AC;margin-bottom:4px}
.fy .fy-q{font-size:16px;font-weight:600;color:#FFFFFF}
.fy .fy-fine{font-size:13px;color:#9AA0AC;margin-bottom:16px}
[id^="part-"],#lose,#pack{scroll-margin-top:16px}

/* The offer at the end of the guide, framed for the reader (tailored version only). Same buttons, same handlers,
   same prices: only the framing lines and, for a coach or a player who coaches, the bundle first. */
.offer-frame,.offer-kick,.offer-app{margin:0;font-size:16px;line-height:1.45;color:#C4C8D0}
.offer-kick{font-size:15px;text-align:center}
.offer-app{font-size:14px;color:#9AA0AC;text-align:center}
.offer-app a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
#pack[data-kick] .kick-alt{display:none}
#pack[data-lead=bundle] .offer-frame{order:1}
#pack[data-lead=bundle] .offer-kick{order:2}
#pack[data-lead=bundle] .buy-alt{order:3}
#pack[data-lead=bundle] .kick-alt{order:4}
#pack[data-lead=bundle] .offer-app{order:5}
#pack[data-lead=bundle] [data-era-line]{order:6}
#pack[data-lead=bundle] .buy{order:7}
#pack[data-lead=bundle] .buy-msg{order:8}
#pack[data-lead=bundle] .buy-once{order:9}
/* The bundle's button says "Or get" after the pack, and "Get" when it comes first. */
.lead-get{display:none}
#pack[data-lead=bundle] .or-get{display:none}
#pack[data-lead=bundle] .lead-get{display:inline}