/* The Paid Motion — flagship guide styles.
   Ported from the original static page and scoped to .pm so nothing leaks into the rest of the site.
   Loaded only on the paid-motion page (see mf_pm_assets in functions.php). */

/* Full-bleed: let the guide control its own width inside the Blocksy shell */
body.mf-pm-tpl main#main,
body.mf-pm-tpl #main{max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important}
body.mf-pm-tpl .ct-page-title,
body.mf-pm-tpl .page-title,
body.mf-pm-tpl .hero-section{display:none}

.pm{--bg:#FCFCF7;--ink:#120F0B;--muted:#444;--faint:#6F6A62;--border:#DCD6CF;--card:#F8F6EF;--lime:#D4FB00;--lav:#EFEBFA;--plum:#4A3C7A;
  background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.78}
.pm *,.pm *::before,.pm *::after{box-sizing:border-box}
html:has(body.mf-pm-tpl){scroll-behavior:smooth}

.pm p{margin:1.35em 0}
.pm ul,.pm ol{margin:1.35em 0}
.pm li{margin:.5em 0}
.pm .layout{max-width:800px;margin:0 auto;padding:0 20px}
.pm .pm-main{min-width:0;padding:56px 0 120px;display:block}

/* Headings — !important because the parent theme imposes its own heading font, weight and size */
.pm h1,.pm h2,.pm h3{font-family:Fraunces,Georgia,serif !important;font-weight:400 !important;line-height:1.18 !important;letter-spacing:-0.02em !important;color:var(--ink) !important;text-transform:none !important}
.pm h1{font-size:clamp(42px,7vw,64px) !important;margin:10px 0 6px;line-height:1.12 !important}
.pm h2{font-size:clamp(28px,4vw,34px) !important;margin:104px 0 20px;border-top:1px solid var(--border);padding-top:60px;scroll-margin-top:calc(var(--pm-stick,0px) + 64px)}
.pm h3{font-size:23px !important;margin:52px 0 12px}

.pm p,.pm li{color:var(--muted);font-size:17px}
.pm strong{color:var(--ink)}
.pm a{color:var(--ink)}
.pm .kicker{display:inline-block;background:var(--lime);color:var(--ink);font-weight:600;font-size:12.5px;letter-spacing:.06em;padding:6px 10px;border-radius:4px;text-transform:uppercase;line-height:1.5}
.pm .sub{font-size:20px;color:var(--muted);margin-top:4px}
.pm .badge{font-size:13.5px;color:var(--faint);margin-top:14px}
.pm .limeline{display:block;width:120px;height:6px;background:var(--lime);border-radius:3px;margin:18px 0 4px}

/* Reading progress + sticky section nav */
.pm #pm-progress{position:fixed;top:0;left:0;height:4px;background:var(--lime);width:0;z-index:9999}
/* Guide nav sticks directly under the site header. --pm-stick = bottom edge of whatever is
   pinned at the top (admin bar + sticky site header), measured by the page script. */
.pm .pm-topnav{position:sticky;top:var(--pm-stick,0px) !important;z-index:40;background:var(--bg);border-bottom:1px solid var(--border)}
body.admin-bar .pm #pm-progress{top:32px}
@media(max-width:782px){body.admin-bar .pm #pm-progress{top:46px}}
@media(max-width:600px){body.admin-bar .pm #pm-progress{top:0}}
/* Fallback if the theme's own sticky header is not active on this page */
body.mf-pm-tpl.pm-hdr-fallback #header{position:sticky;top:var(--pm-ab,0px);z-index:60}
.pm .pm-topnav .tninner{max-width:800px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pm .pm-topnav .tninner::-webkit-scrollbar{display:none}
.pm .pm-topnav a.sec{font-size:13.5px;line-height:1.5;color:var(--faint);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.pm .pm-topnav a.sec:hover{color:var(--ink)}
.pm .pm-topnav a.sec.active{color:var(--ink);font-weight:600;border-bottom-color:var(--lime)}

/* The Ten Rules (accordion) */
.pm details.law{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:0;margin:36px 0;overflow:hidden}
.pm details.law summary{list-style:none;cursor:pointer;padding:26px 26px 22px;position:relative;background:var(--lav);display:block}
.pm details.law[open] summary{border-bottom:1px solid #D6CCEE}
.pm details.law summary::-webkit-details-marker{display:none}
.pm details.law summary .they{color:var(--plum);font-size:15px;margin:0 0 4px}
.pm details.law summary .they b{font-weight:600}
.pm details.law summary .they .myth{font-style:italic}
.pm details.law summary .they::before{content:"❌";margin-right:7px;font-size:13px}
.pm .quote::before{content:"✅";margin-right:7px;font-size:14px}
.pm details.law summary h3{margin:2px 28px 0 0;font-size:25px !important}
.pm .lawtop{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 24px 12px 0}
.pm .lawnum{background:var(--lime);color:var(--ink);font-weight:700;font-size:11.5px;letter-spacing:.07em;padding:4px 9px;border-radius:4px;line-height:1.5}
.pm .quote{font-size:17px;color:var(--ink);font-weight:500;margin:14px 0 2px;line-height:1.5}
.pm details.law summary::after{content:"+";position:absolute;right:18px;top:16px;font-family:Fraunces,serif;font-size:26px;color:var(--plum)}
.pm details.law[open] summary::after{content:"−"}
.pm details.law .body{padding:16px 26px 26px}
.pm .lawtools{font-size:14px;margin:6px 0 0}
.pm .lawtools button{background:none !important;border:1px solid var(--border) !important;border-radius:4px !important;padding:6px 12px !important;font:inherit;font-size:13.5px !important;line-height:1.4 !important;color:var(--muted) !important;cursor:pointer;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important;min-height:0 !important}
.pm .lawtools button:hover{border-color:var(--ink) !important;color:var(--ink) !important}
.pm .ev{font-size:14px;color:var(--faint);border-left:3px solid var(--lime);padding-left:10px;margin-top:10px}

/* Draft markers (visible only with ?draft in the URL) */
.pm .missing{display:none;background:#FFF3C4;border-left:4px solid #E0A800;padding:10px 14px;border-radius:4px;font-size:14.5px;color:#5c4a00;margin:14px 0}
body.draft .pm .missing{display:block}
body.draft .pm span.missing{display:inline;padding:2px 8px}
.pm .signoff{background:#FFE3E0;border-left:4px solid #D64545;padding:10px 14px;border-radius:4px;font-size:14.5px;color:#6b1f1f;margin:14px 0}

/* Tables */
.pm table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15.5px;border:0}
.pm th,.pm td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top;font-size:15.5px;line-height:1.6;color:var(--muted);background:transparent}
.pm th{background:var(--card);font-weight:600;color:var(--ink)}
.pm .box{background:var(--lav);border:1px solid #D6CCEE;border-radius:6px;padding:14px 20px;margin:22px 0}
.pm .mf{font-family:Fraunces,Georgia,serif;font-size:19px;color:var(--ink)}
.pm .mf a,.pm .badge a.me{color:inherit;text-decoration:none}
.pm .mf a:hover,.pm .badge a.me:hover{border-bottom:2px solid var(--lime)}

/* Figures */
.pm figure{margin:44px 0;padding:0}
.pm figure img{width:100%;height:auto;display:block;border:1px solid var(--border);border-radius:6px;background:var(--bg);max-width:100%}
.pm figcaption{font-size:13.5px;color:var(--faint);margin-top:8px;line-height:1.5}

/* Budget calculator */
.pm .calc{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:20px;margin:24px 0}
.pm .calc h3{margin-top:0}
.pm .calc .row{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}
.pm .calc label{font-size:13.5px;color:var(--faint);display:block;margin-bottom:4px;line-height:1.4}
.pm .calc input{font:inherit;font-size:18px !important;padding:8px 10px !important;border:1px solid var(--border) !important;border-radius:4px !important;background:#fff !important;width:160px;color:var(--ink) !important;height:auto !important;box-shadow:none !important}
.pm .calc .out{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:14px 16px;flex:1;min-width:200px}
.pm .calc .out .big{font-family:Fraunces,Georgia,serif;font-size:30px;color:var(--ink);line-height:1.3}
.pm .calc .out .small{font-size:13px;color:var(--faint);line-height:1.4}

/* Rule 8 feed illustration */
.pm .filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.pm .feed{max-width:340px;margin:24px auto;border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:12px}
.pm .post{border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff}
.pm .post .ph{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.pm .post .av{width:26px;height:26px;border-radius:50%;background:var(--border)}
.pm .post .ln{height:9px;border-radius:4px;background:#ECE8E0;margin:6px 0}
.pm .post .ln.w60{width:60%}
.pm .post .ln.w85{width:85%}
.pm .post .pic{height:84px;border-radius:6px;background:repeating-linear-gradient(45deg,#F1EDE4,#F1EDE4 8px,#ECE8E0 8px,#ECE8E0 16px);margin-top:8px}
.pm .post.ad{background:var(--lime);border:2px solid var(--ink)}
.pm .post.ad .adlabel{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-weight:600}
.pm .post.ad .adh{font-family:Fraunces,Georgia,serif;font-size:21px;line-height:1.2;color:var(--ink);margin:6px 0}
.pm .post.ad .ui{background:#fff;border:1.5px solid var(--ink);border-radius:6px;padding:10px;margin-top:8px}
.pm .post.ad .ui .bar{height:8px;border-radius:4px;background:var(--border);margin:6px 0}
.pm .post.ad .ui .bar.l{background:var(--ink);width:72%}
.pm .post.ad .ui .num{font-weight:700;font-size:15px;color:var(--ink)}

/* The stack */
.pm .stackgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
.pm .scard{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:16px 18px}
.pm .scard .pill{display:inline-block;background:var(--lime);color:var(--ink);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:14px;line-height:1.5}
.pm .scard .tool{display:flex;align-items:center;gap:10px;margin:10px 0}
.pm .scard .tool img{width:30px;height:30px;border-radius:7px;display:block}
.pm .scard .tool span{font-size:15px;font-weight:600;color:var(--ink)}

/* Buttons */
.pm .dlbtn{display:inline-block;background:var(--lime);color:var(--ink);border:1.5px solid var(--ink);border-radius:6px;padding:12px 20px;font-weight:700;font-size:15px;line-height:1.4;text-decoration:none;margin:8px 0}
.pm .dlbtn:hover{filter:brightness(1.04);color:var(--ink)}

/* Newsletter promo */
.pm .nlpromo{background:#EFEBFA;border-radius:16px;padding:44px 40px;margin:56px 0 8px;display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center}
.pm .nlpromo .chip{display:inline-block;background:var(--lime);border-radius:8px;padding:6px 14px;font-weight:700;font-size:14.5px;line-height:1.4;color:var(--ink);margin-bottom:18px}
.pm .nlpromo .nlhead{font-family:Fraunces,Georgia,serif;font-size:40px;line-height:1.12;color:var(--ink);margin:0 0 14px}
.pm .nlpromo .nlsub{font-size:17px;color:var(--muted);line-height:1.55;margin:0 0 22px}
.pm .nlpromo .nlrule{border:none;border-top:1px solid #D8D2EA;margin:0 0 22px}
.pm .nlpromo .nlbtn{display:inline-block;background:var(--ink);color:#fff;border-radius:10px;padding:14px 24px;font-weight:600;font-size:16px;line-height:1.4;text-decoration:none}
.pm .nlpromo .nlbtn:hover{opacity:.88;color:#fff}
.pm .nlpromo .nlpic{background:#fff;border-radius:12px;padding:10px}
.pm .nlpromo .nlpic img{display:block;width:100%;border-radius:8px;border:none;background:none}
.pm .nlpromo .nlcap{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:12px 0 0;text-align:center}

@media(max-width:700px){.pm .nlpromo{grid-template-columns:1fr;padding:28px 22px;gap:26px}.pm .nlpromo .nlhead{font-size:32px}}
@media (max-width:640px){
  .pm h2{margin-top:56px}
  .pm .calc input{width:130px}
  .pm .stackgrid{grid-template-columns:1fr}
}

/* Hero image under the byline */
.pm figure.pm-hero{margin:28px 0 8px}
.pm figure.pm-hero img{border-radius:8px}
@media (max-width:640px){.pm figure.pm-hero{margin:22px 0 4px}}


/* Animated cursor (14 frames from the supplied .ani, 2.1s loop, self-hosted).
   One animation on body; everything else inherits the animated value. */
@keyframes mf-pm-cursor{
  0.00%{cursor:url(../cursor/aisha-00.png) 0 0,auto}
  38.10%{cursor:url(../cursor/aisha-01.png) 0 0,auto}
  42.86%{cursor:url(../cursor/aisha-02.png) 0 0,auto}
  47.62%{cursor:url(../cursor/aisha-03.png) 0 0,auto}
  52.38%{cursor:url(../cursor/aisha-04.png) 0 0,auto}
  57.14%{cursor:url(../cursor/aisha-05.png) 0 0,auto}
  61.90%{cursor:url(../cursor/aisha-06.png) 0 0,auto}
  66.67%{cursor:url(../cursor/aisha-07.png) 0 0,auto}
  71.43%{cursor:url(../cursor/aisha-08.png) 0 0,auto}
  76.19%{cursor:url(../cursor/aisha-09.png) 0 0,auto}
  80.95%{cursor:url(../cursor/aisha-10.png) 0 0,auto}
  85.71%{cursor:url(../cursor/aisha-11.png) 0 0,auto}
  90.48%{cursor:url(../cursor/aisha-12.png) 0 0,auto}
  95.24%{cursor:url(../cursor/aisha-13.png) 0 0,auto}
}
body.mf-pm-tpl{cursor:url(../cursor/aisha-00.png) 0 0,auto;animation:mf-pm-cursor 2.1s step-end infinite}
body.mf-pm-tpl *{cursor:inherit !important}
body.mf-pm-tpl input,body.mf-pm-tpl textarea,body.mf-pm-tpl select{cursor:text !important}
@media (prefers-reduced-motion:reduce){body.mf-pm-tpl{animation:none}}