/* ==========================================================================
   Resources: /resources/ hub, the AthleteScale Playbook page, the Claude +
   Instagram training and the free guides (/resources/<slug>/). Loaded only by
   those templates (wp_enqueue_style in each), after site.css. Builds on the restyle layer at the end of site.css:
   same tokens (--r-*), sections (.r-sec / .lt), buttons, result cards, FAQ and
   closing card. Everything here is prefixed rx- (guide pages and the library: gd-).
   ========================================================================== */

/* ---- hub: email signup + resource grid (newest first) ---- */
.evd-r .rx-sub-thanks{margin-top:2.25rem}
.evd-r .rx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.evd-r .rx-fcard{display:flex;flex-direction:column;min-width:0;border-radius:24px;overflow:hidden;background:var(--r-card);box-shadow:inset 0 0 0 1px var(--r-line);color:var(--r-ink);text-decoration:none;transition:box-shadow .2s,transform .25s var(--r-ease)}
.evd-r .rx-fcard:hover{box-shadow:inset 0 0 0 1px var(--r-line2),0 24px 48px -32px rgba(0,0,0,.35);transform:translateY(-2px);color:var(--r-ink)}
.evd-r .rx-fmedia{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(180deg,#11115F 0%,#03034F 100%)}
.evd-r .rx-fmedia.axe{background:radial-gradient(60% 70% at 70% 20%,rgba(228,0,43,.28),transparent 70%),linear-gradient(180deg,#141414 0%,#070707 100%)}
.evd-r .rx-fmedia .rx-cover{display:block;height:84%;width:auto;border-radius:6px;box-shadow:0 30px 60px -18px rgba(0,0,0,.8);transform:rotate(-3deg) translateY(6%);transition:transform .4s var(--r-ease)}
.evd-r .rx-fcard:hover .rx-cover{transform:rotate(-1.5deg) translateY(3%)}
.evd-r .rx-marks{display:flex;align-items:center;gap:clamp(1rem,2.5vw,1.75rem);color:#FCFCFC;font:300 clamp(1.75rem,3vw,2.5rem)/1 var(--r-display)}
.evd-r .rx-marks img{display:block;width:clamp(56px,6.5vw,88px);height:clamp(56px,6.5vw,88px);object-fit:contain}
.evd-r .rx-fbody{display:flex;flex-direction:column;flex:1;padding:1.375rem 1.5rem 1.75rem}
.evd-r .rx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;max-width:none;margin:0;font:500 .6875rem/1.3 var(--r-body);letter-spacing:.08em;text-transform:uppercase;color:var(--r-muted)}
.evd-r .rx-tag{display:inline-flex;align-items:center;padding:.4375rem .75rem;border-radius:999px;background:#00004D;color:#FCFCFC;font:500 .75rem/1 var(--r-body);letter-spacing:0;text-transform:none}
.evd-r main .rx-fcard h3{margin-top:1rem;font-size:clamp(1.1875rem,1.6vw,1.375rem);line-height:1.2;letter-spacing:-.02em}
.evd-r .rx-fcard p:not(.rx-meta){margin-top:.625rem;font-size:.9063rem;line-height:1.55;color:var(--r-muted)}
.evd-r .rx-fcard:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

.evd-r .rx-fcard[hidden]{display:none}

/* ---- hub: playbooks (wide card) + numbered library with topic chips ---- */
.evd-r .rx-pcard{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.evd-r .rx-pcard .rx-fmedia{aspect-ratio:auto;min-height:21rem}
.evd-r .rx-pcard .rx-fbody{justify-content:center;padding:clamp(1.75rem,4vw,3.5rem)}
.evd-r main .rx-pcard h3{margin-top:1.25rem;font-size:clamp(1.625rem,2.6vw,2.25rem);line-height:1.1}
.evd-r .rx-pcard p:not(.rx-meta){max-width:44ch;font-size:1rem}
.evd-r .rx-pgo{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.75rem;font:500 .875rem/1.2 var(--r-body);color:var(--r-em)}
.evd-r .rx-pgo svg{width:14px;height:14px;transition:transform .2s var(--r-ease)}
.evd-r .rx-pcard:hover .rx-pgo svg{transform:translateX(3px)}
.evd-r .gd-lib{margin-top:clamp(4.5rem,9vw,7.5rem);scroll-margin-top:6rem}
.evd-r .gd-lib .r-head{margin-bottom:2rem}
.evd-r .gd-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.evd-r .gd-chip{min-height:2.5rem;padding:.375rem 1.125rem;border:0;font-size:.8125rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s,box-shadow .2s}
.evd-r .gd-chip:hover{box-shadow:inset 0 0 0 1px var(--r-line2)}
.evd-r .gd-chip[aria-pressed="true"]{background:#00004D;color:#FCFCFC;box-shadow:none}
.evd-r .gd-chip:focus-visible{outline:2px solid var(--r-acc-light);outline-offset:2px}
.evd-r .rx-fmedia.gd-nmedia{place-items:end start;padding:1.25rem 1.5rem;background:radial-gradient(80% 90% at 85% 0%,rgba(61,52,230,.45),transparent 70%),linear-gradient(180deg,#11115F 0%,#03034F 100%)}
.evd-r .gd-n{font:300 clamp(4.5rem,8vw,6.5rem)/.85 var(--r-display);letter-spacing:-.04em;color:#FCFCFC;font-variant-numeric:tabular-nums}
.evd-r .gd-nl{position:absolute;top:1.25rem;left:1.5rem;font:500 .6875rem/1.3 var(--r-body);letter-spacing:.08em;text-transform:uppercase;color:#B3B3D6}

/* ---- playbook page ---- */
.evd-r .rx-all{display:flex;justify-content:center;margin-top:clamp(2.5rem,5vw,3.5rem)}
.evd-r .rx-hcover{position:relative;justify-self:center;width:min(100%,24rem);margin:0}
.evd-r .rx-hcover img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06);transform:rotate(2.5deg)}
.evd-r .rx-hcover::before{content:"";position:absolute;inset:6% -8% -4% 8%;z-index:-1;border-radius:8px;background:radial-gradient(closest-side,rgba(228,0,43,.35),transparent);filter:blur(10px)}
.evd-r .rx-file{margin-top:1rem;max-width:none;font-size:.8125rem;color:var(--r-faint)}
.evd-r .r-band.rx-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.evd-r .rx-src{margin-top:1rem;max-width:none;font-size:.8125rem;line-height:1.5;color:var(--r-faint)}
.evd-r .rx-toc{display:grid;gap:1.25rem;margin:0;padding:0;list-style:none;counter-reset:none}
.evd-r .rx-toc li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.25rem 1rem}
.evd-r .rx-toc li>span{grid-row:1/3;font:500 .8125rem/1.7 var(--r-mono);color:var(--r-em)}
.evd-r .rx-toc b{font:500 1.0625rem/1.4 var(--r-body);color:var(--r-ink)}
.evd-r main .rx-toc p{margin:0;max-width:56ch;font-size:.9375rem;line-height:1.55;color:var(--r-muted)}
.evd-r main .prose.r-story .rx-part-p{margin-top:.75rem;font-size:.9375rem}
.evd-r .r-final .rx-ctas-c{justify-content:center}
.evd-r .rx-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}
.evd-r .rx-pages figure{margin:0;padding:.5rem;border-radius:16px;background:var(--r-card);box-shadow:inset 0 0 0 1px var(--r-line)}
.evd-r .rx-pages img{display:block;width:100%;height:auto;aspect-ratio:612/792;border-radius:8px;object-fit:cover}
.evd-r .rx-pages figcaption{padding:.75rem .5rem .375rem;font-size:.8125rem;line-height:1.4;color:var(--r-muted)}

/* ---- training page ---- */
.evd-r .rx-hmarks{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;color:#B3B3D6;font:300 2rem/1 var(--r-display)}
.evd-r .rx-hmarks img{display:block;width:64px;height:64px;object-fit:contain}
.evd-r .rx-by{display:flex;align-items:center;gap:.875rem;margin-top:2.25rem;max-width:none;font-size:.875rem;line-height:1.45;color:var(--r-muted)}
.evd-r .rx-by img{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover}
.evd-r .rx-by b{font-weight:500;color:var(--r-ink)}
.evd-r .rx-by a{color:var(--r-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--r-line2)}
.evd-r .rx-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(2.5rem,5vw,3.5rem)}
.evd-r .rx-steps{border-bottom:1px solid var(--r-line)}
.evd-r .rx-step{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:1.25rem clamp(2rem,5vw,5rem);padding:clamp(2.5rem,5vw,4rem) 0;border-top:1px solid var(--r-line);scroll-margin-top:7rem}
.evd-r .rx-step:first-child{padding-top:0;border-top:0}
.evd-r .rx-step-h{align-self:start;position:sticky;top:8rem}
.evd-r .rx-num{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:1.25rem;border-radius:50%;background:#00004D;color:#FCFCFC;font:500 .8125rem/1 var(--r-mono)}
.evd-r main .rx-step h2{font-size:clamp(1.75rem,2.8vw,2.375rem);line-height:1.1;max-width:16ch}
.evd-r .rx-step-b{display:grid;gap:1.25rem;min-width:0}
.evd-r main .rx-step-b p,.evd-r .rx-step-b li{max-width:62ch;font-size:1.0625rem;line-height:1.65;color:var(--r-muted)}
.evd-r .rx-step-b strong{font-weight:600;color:var(--r-ink)}
.evd-r .rx-step-b code{padding:.125rem .375rem;border-radius:6px;background:var(--r-card2);font:500 .875em/1.4 var(--r-mono);color:var(--r-ink);overflow-wrap:anywhere}
.evd-r .rx-step-b ol,.evd-r .rx-step-b ul{display:grid;gap:.75rem;margin:0;padding-left:1.25rem}
.evd-r .rx-step-b ol li::marker{font:500 .875rem var(--r-mono);color:var(--r-em)}
.evd-r .rx-step-b ul li::marker{color:var(--r-em)}
.evd-r .rx-step-b a{color:var(--r-acc-light);text-underline-offset:3px}
.evd-r .rx-prompt{border-radius:16px;background:linear-gradient(180deg,#11115F 0%,#03034F 100%);box-shadow:0 30px 60px -40px rgba(0,0,77,.6)}
.evd-r .rx-prompt-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .625rem .625rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}
.evd-r .rx-prompt-top>span{font:500 .6875rem/1.3 var(--r-body);letter-spacing:.08em;text-transform:uppercase;color:#B3B3D6}
.evd-r .rx-copy{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;border:0;border-radius:999px;background:#B3B3D6;color:#00004D;font:600 .8125rem/1 var(--r-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s,transform .15s var(--r-ease)}
.evd-r .rx-copy:hover{background:#CDCDE6}
.evd-r .rx-copy:active{transform:scale(.97)}
.evd-r .rx-copy:focus-visible{outline:2px solid #B3B3D6;outline-offset:3px}
.evd-r .rx-copy svg{width:14px;height:14px}
.evd-r .rx-prompt pre{margin:0;padding:1.25rem 1.25rem 1.5rem;white-space:pre-wrap;overflow-wrap:anywhere;font:400 .9375rem/1.65 var(--r-body);color:#ECECF5}
.evd-r .rx-shot{margin:0;padding:.5rem;border-radius:16px;background:var(--r-card);box-shadow:inset 0 0 0 1px var(--r-line)}
.evd-r .rx-shot img{display:block;width:100%;height:auto;border-radius:10px}
.evd-r .rx-shot figcaption{padding:.75rem .5rem .25rem;font-size:.8125rem;line-height:1.45;color:var(--r-faint)}
.evd-r main .rx-step-b .rx-check{font-size:1rem;font-weight:500;color:var(--r-ink)}
.evd-r .rx-step-b .rx-need{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}
.evd-r .rx-need li{padding:1.5rem;border-radius:20px;background:var(--r-card);box-shadow:inset 0 0 0 1px var(--r-line);font-size:.9375rem;line-height:1.55;color:var(--r-muted)}
.evd-r .rx-note{margin-top:1.5rem;max-width:62ch;font-size:.875rem;line-height:1.55;color:var(--r-faint)}
.evd-r .rx-srcs{display:grid;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none}
.evd-r .rx-srcs a{color:var(--r-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--r-line2)}
.evd-r .rx-srcs a:hover{text-decoration-color:currentColor}
.evd-r .rx-status{min-height:1.5em;font-size:.875rem;color:var(--r-muted)}
.evd-r .rx-systems{margin-top:clamp(3rem,6vw,4.5rem)}
.evd-r .rx-systems .r-eyebrow{margin:0}

/* ---- guide pages: unlock card, the fade while locked, guide parts ---- */
.evd-r .gd-hero .r-hero-grid{align-items:start}
.evd-r .gd-gate{position:relative;scroll-margin-top:7rem;background:#FFFFFF;color:var(--r-ink);box-shadow:0 50px 100px -40px rgba(0,0,0,.6)}
.evd-r .gd-gate-h{display:flex;align-items:center;gap:.625rem;max-width:none;margin:0;font:500 1.375rem/1.2 var(--r-display);letter-spacing:-.02em;color:var(--r-ink)}
.evd-r main .gd-gate-p{max-width:none;margin-top:.5rem;font-size:.9375rem;line-height:1.5;color:var(--r-muted)}
.evd-r .gd-fields{grid-template-columns:minmax(0,1fr);margin-top:1.25rem}
.evd-r .gd-gate .r-btn{width:100%;margin-top:1rem}
.evd-r .gd-gate .r-tick{width:1.5rem;height:1.5rem;background:#00004D;color:#FCFCFC;font-size:.75rem}
.gd-open .evd-r .gd-gate form{display:none}
.gd-open .evd-r .gd-thanks{display:block!important}
.evd-r .gd-thanks .r-btn{margin-top:1.5rem}
.evd-r .gd-thanks .r-btn+.r-btn{margin-top:.625rem}
html:not(.gd-open) .evd-r .gd-body .rx-step-h{position:static}
html:not(.gd-open) .evd-r .gd-body{max-height:40rem;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%)}
.evd-r .gd-more{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:.75rem;text-align:center}
.evd-r main .gd-more p{max-width:none;font-size:1.0625rem;font-weight:500;color:var(--r-ink)}
.gd-open .evd-r .gd-more,html:not(.gd-open) .evd-r .gd-after{display:none}
.evd-r main .rx-step-b .gd-formula{max-width:none;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(180deg,#11115F 0%,#03034F 100%);color:#FCFCFC;font:400 clamp(1.0625rem,1.6vw,1.25rem)/1.4 var(--r-display)}
.evd-r .gd-table-wrap{margin:0;overflow-x:auto;border-radius:16px;background:var(--r-card);box-shadow:inset 0 0 0 1px var(--r-line)}
.evd-r .gd-table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}
.evd-r .gd-table th,.evd-r .gd-table td{padding:.75rem 1rem;border-bottom:1px solid var(--r-line);text-align:left}
.evd-r .gd-table th{font:500 .6875rem/1.3 var(--r-body);letter-spacing:.08em;text-transform:uppercase;color:var(--r-muted)}
.evd-r .gd-table td{color:var(--r-ink);font-variant-numeric:tabular-nums}
.evd-r .gd-table tbody tr:last-child td{border-bottom:0}
.evd-r .gd-table-wrap figcaption{padding:.625rem 1rem .75rem;border-top:1px solid var(--r-line);font-size:.8125rem;color:var(--r-faint)}
.evd-r .gd-done{padding:1.5rem;border-radius:20px;background:var(--r-card);box-shadow:inset 0 0 0 1px var(--r-line)}
.evd-r .gd-done .r-eyebrow{margin-bottom:1rem}
.evd-r .rx-step-b .gd-done ul{padding:0;list-style:none}
.evd-r .gd-done li{position:relative;padding-left:2rem}
.evd-r .gd-done li::before{content:"\2713";position:absolute;left:0;top:.2em;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#00004D;color:#FCFCFC;font-size:.6875rem;line-height:1}
.evd-r .rx-step-b ol.gd-days{gap:0;padding:0;list-style:none;border-radius:16px;background:var(--r-card);box-shadow:inset 0 0 0 1px var(--r-line)}
.evd-r .gd-days li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--r-line)}
.evd-r .gd-days li:first-child{border-top:0}
.evd-r .gd-days b{font:500 .8125rem/1.7 var(--r-mono);color:var(--r-em)}
.evd-r .gd-body .rx-prompt pre{tab-size:3}
.evd-r .gd-dl{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1.25rem;border-radius:20px;background:var(--r-card);box-shadow:inset 0 0 0 1px var(--r-line)}
.evd-r main .rx-step-b .gd-dl p{max-width:32ch;margin:0;font-size:.875rem;line-height:1.5;color:var(--r-muted)}
.evd-r .gd-after .rx-all{margin-top:clamp(2rem,4vw,3rem)}

/* ---- responsive ---- */
@media (max-width:1000px){
.evd-r .rx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
/* guide hero, stacked: the unlock form straight after the promise, the byline under it */
.evd-r .gd-hero .r-hero-grid{gap:0}
.evd-r .gd-hero .r-hero-grid>div:first-child{display:contents}
.evd-r .gd-gate{margin-top:2rem}
.evd-r .gd-hero .rx-by{order:1;margin-top:1.75rem}
.evd-r .rx-pcard{grid-template-columns:minmax(0,1fr)}
.evd-r .rx-pcard .rx-fmedia{aspect-ratio:16/10;min-height:0}
.evd-r .rx-step{grid-template-columns:minmax(0,1fr)}
.evd-r .rx-step-h{position:static}
.evd-r main .rx-step h2{max-width:22ch}
.evd-r .rx-hcover{width:min(78%,20rem);margin-top:1rem}
}
@media (max-width:760px){
.evd-r .rx-pages{grid-template-columns:repeat(2,minmax(0,1fr))}
.evd-r .r-band.rx-3{grid-template-columns:minmax(0,1fr)}
.evd-r .r-band.rx-3 .proof-cell.r-bstat+.r-bstat{border-left:0;border-top:1px solid var(--r-line)}
.evd-r .rx-step-b .rx-need{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.evd-r .gd-hero .r-crumb{display:none}
.evd-r .rx-grid{grid-template-columns:minmax(0,1fr)}
.evd-r .gd-days li{grid-template-columns:minmax(0,1fr);gap:.25rem}
html:not(.gd-open) .evd-r .gd-body{max-height:34rem}
}
@media (max-width:560px){
.evd-r .rx-prompt-top{padding-left:1rem}
.evd-r .rx-prompt pre{padding:1rem 1rem 1.25rem;font-size:.875rem}
}
@media (prefers-reduced-motion:reduce){
.evd-r .rx-fcard,.evd-r .rx-cover,.evd-r .rx-copy,.evd-r .gd-chip,.evd-r .rx-pgo svg{transition:none}
.evd-r .rx-fcard:hover{transform:none}
.evd-r .rx-fcard:hover .rx-cover{transform:rotate(-3deg) translateY(6%)}
}