/* PracticeGuru Learnings — home page only (index.php). Loaded after lh.css; uses its colour and font tokens.
   Cloudflare caches CSS for a long time: bump ?v= in index.php after every change. */
body.lh-page-home [id]{scroll-margin-top:72px}
.lh-hh-alt{background:var(--lh-surface);border-block:1px solid var(--lh-line)}
.lh-hh-head{max-width:760px;margin:0 0 28px}
.lh-hh-head .lh-sub{margin-bottom:0}

/* hero */
.lh-hh{padding:56px 0 0}
.lh-hh-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.lh-hh h1 em{font-style:normal;color:#F2C14E}
.lh-hh-signup{background:var(--lh-surface);color:var(--lh-ink);border-radius:14px;padding:18px 20px;max-width:540px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.lh-hh .lh-hh-signup p{color:var(--lh-ink-2);margin:0;font-size:14px}
.lh-hh .lh-hh-signup .lh-hh-signup-t{font:600 18px var(--lh-serif);color:var(--lh-ink)}
.lh-hh-signup-t span{font:500 11px var(--lh-mono);letter-spacing:.06em;background:var(--lh-good-soft);color:var(--lh-good);padding:3px 8px;border-radius:20px;margin-left:6px;vertical-align:middle}
.lh-hh-signup-row{display:flex;gap:10px;margin-top:12px}
.lh-hh-signup input[type=email]{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--lh-line);border-radius:10px;font:16px var(--lh-sans);color:var(--lh-ink)}
.lh-hh .lh-hh-login{font-size:15px;margin:16px 0 0}
body.lh .lh-hh-login a{color:#F2C14E;font-weight:600}
.lh-hh-stack{position:relative;min-height:360px}
.lh-hh-stack img{position:absolute;width:68%;border-radius:12px;box-shadow:0 24px 48px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}
.lh-hh-stack img:nth-child(1){left:0;top:0;transform:rotate(-3deg)}
.lh-hh-stack img:nth-child(2){right:0;bottom:0;transform:rotate(2deg)}
.lh-hh-stack img:only-child{position:static;width:100%;transform:none}
.lh-hh-stack img:nth-child(1):nth-last-child(3){left:0;top:0;width:58%}
.lh-hh-stack img:nth-child(2):nth-last-child(2){left:auto;right:0;top:22%;bottom:auto;width:58%;transform:rotate(2deg)}
.lh-hh-stack img:nth-child(3){left:14%;bottom:0;width:58%;transform:rotate(-1deg)}
/* 4+ courses: one large card, the rest in a 2-column grid */
.lh-hh-stack.lh-many{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;align-content:center}
.lh-hh-tile{position:relative;display:block;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12)}
.lh-hh-tile:first-child{grid-column:1 / -1}
.lh-hh-stack.lh-even .lh-hh-tile:first-child{grid-column:auto}   /* an even number of courses: equal tiles, 2 per row */
.lh-hh-stack.lh-many .lh-hh-tile img{position:static;display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transform:none;box-shadow:none;border:0;border-radius:0}
.lh-hh-tile i{position:absolute;top:8px;right:8px;font:500 10px/1 var(--lh-mono);letter-spacing:.06em;text-transform:uppercase;font-style:normal;background:#F2C14E;color:#14213D;padding:5px 8px;border-radius:20px}
.lh-hh-stats{list-style:none;margin:40px 0 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;color:#C9D2E3;font-size:14px}
.lh-hh-stats b{display:block;font:600 22px/1.2 var(--lh-serif);color:#fff}

/* problem */
.lh-hh-issues{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lh-hh-issue{background:var(--lh-surface);border:1px solid var(--lh-line);border-radius:14px;padding:20px;text-align:center}
.lh-hh-issue img{width:100%;max-width:200px;margin:0 auto 12px;display:block;border-radius:10px}
.lh-hh-issue p{margin:0;font-weight:500}

/* course blocks */
.lh-hh-course{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:start;background:var(--lh-paper);border:1px solid var(--lh-line);border-radius:16px;padding:24px;margin-bottom:24px}
.lh-hh-flip .lh-hh-course-img{order:2}
.lh-hh-course-img{display:block;border-radius:12px;overflow:hidden;background:var(--lh-sunk);position:sticky;top:76px}
.lh-hh-course-img:empty{aspect-ratio:16/9}
.lh-hh-course-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.lh-hh-course-body{display:flex;flex-direction:column;gap:12px;min-width:0}
.lh-hh-course-body > .lh-pill{align-self:flex-start}
.lh-hh-course h3{font:600 clamp(24px,2.6vw,30px)/1.2 var(--lh-serif);margin:0}
.lh-hh-course h4{font:600 15px var(--lh-sans);margin:6px 0 0}
.lh-hh-course .lh-tag{font-size:15px;color:var(--lh-brand);font-weight:600;margin:0}
.lh-hh-course p{margin:0;color:var(--lh-ink-2)}
.lh-hh-facts{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lh-hh-facts li{background:var(--lh-surface);border:1px solid var(--lh-line);border-radius:10px;padding:10px 8px;text-align:center;font-size:13px;color:var(--lh-ink-2);line-height:1.3}
.lh-hh-facts b{display:block;font:600 22px/1.2 var(--lh-serif);color:var(--lh-ink);font-variant-numeric:tabular-nums}
.lh-hh-toc{background:var(--lh-surface);border:1px solid var(--lh-line);border-radius:10px}
.lh-hh-toc summary{cursor:pointer;padding:12px 16px;font-weight:600;color:var(--lh-brand)}
.lh-hh-toc-in{padding:0 16px 14px;columns:2;column-gap:24px}
.lh-hh-toc-in > div{break-inside:avoid;margin-bottom:10px}
.lh-hh-course .lh-hh-toc-g{font:500 12px var(--lh-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lh-ink-3);margin:6px 0 2px}
.lh-hh-toc ol{margin:0;padding-left:26px;font-size:14px;color:var(--lh-ink)}
.lh-hh-toc li::marker{color:var(--lh-ink-3)}
.lh-hh-course .lh-hh-price{font:600 26px/1.2 var(--lh-serif);color:var(--lh-ink);margin-top:4px}
.lh-hh-price small{font:400 14px var(--lh-sans);color:var(--lh-ink-3)}
.lh-hh-course .lh-card-links .lh-btn{flex:1 1 150px}

/* compare */
.lh-hh-cmp table{width:100%;border-collapse:collapse;background:var(--lh-surface);font-size:15px;min-width:620px}
.lh-hh-cmp th,.lh-hh-cmp td{border:1px solid var(--lh-line);padding:12px 14px;text-align:left;vertical-align:top}
.lh-hh-cmp thead th{background:var(--lh-ink);color:#fff;font:600 16px var(--lh-serif)}
.lh-hh-cmp tbody th{background:var(--lh-sunk);font-weight:600;width:22%}

/* pricing */
.lh-hh-plan-btns{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.lh-hh-note{margin:20px 0 0;padding:14px 18px;border-radius:12px;background:var(--lh-gold-soft);color:var(--lh-ink);font-size:15px}

.lh-hh-per{font:600 26px var(--lh-serif);color:var(--lh-brand)}


.lh-hh-guarantee{margin:20px 0 0;padding:14px 18px;border-radius:12px;background:var(--lh-good-soft);color:var(--lh-ink);font-size:15px;border:1px solid #BFE3CF}
.lh-hh-guarantee b{color:var(--lh-good)}
.lh-hh-course .lh-hh-mbg{font-size:14px;font-weight:600;color:var(--lh-good);margin-top:-6px}
.lh-hh-course .lh-hh-mbg::before{content:"\2713  "}

.lh-hh-course .lh-hh-soon-note{font-size:14px;color:var(--lh-ink-3);font-weight:500}
.lh-card-soon.lh-hh-course .lh-hh-course-img img{opacity:.6}

/* steps */
.lh-hh-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.lh-hh-steps li{counter-increment:s;background:var(--lh-surface);border:1px solid var(--lh-line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px}
.lh-hh-steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--lh-brand);color:#fff;font:600 14px var(--lh-mono)}
.lh-hh-steps b{font:600 17px/1.25 var(--lh-serif)}
.lh-hh-steps span{color:var(--lh-ink-2);font-size:14px}

/* videos, quotes, certificate */
.lh-hh-videos{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lh-hh-videos figure{margin:0}
.lh-hh-video{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.lh-hh-video iframe{width:100%;height:100%;border:0;display:block}
.lh-hh-videos figcaption{font-weight:600;margin-top:10px}
.lh-hh-quotes{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}
.lh-hh-quote-img img{display:block;width:100%;border-radius:12px;border:1px solid var(--lh-line)}
.lh-hh-quote-list{display:grid;gap:20px}
.lh-hh-quote{margin:0;background:var(--lh-surface);border:1px solid var(--lh-line);border-left:4px solid var(--lh-gold);border-radius:12px;padding:20px 22px}
.lh-hh-quote p{margin:0;font:italic 19px/1.5 var(--lh-serif)}
.lh-hh-quote footer{margin-top:10px;font-weight:600;color:var(--lh-brand);font-size:14px}
.lh-hh-cert{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.lh-hh-cert .lh-btns{display:flex;gap:12px;flex-wrap:wrap}
.lh-hh-cert-img{position:relative;padding:0 0 34px}
.lh-hh-cert-img img{display:block;height:auto;border-radius:10px;box-shadow:0 12px 32px rgba(20,33,61,.16)}
.lh-hh-cert-main{width:86%;border:1px solid var(--lh-line)}
.lh-hh-cert-sa{position:absolute;right:0;bottom:0;width:34%;border:3px solid #fff}

/* trust */
.lh-hh-label{font:500 12px var(--lh-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lh-ink-3);margin:0 0 12px}
.lh-hh-press{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lh-hh-press a{display:grid;place-items:center;background:var(--lh-surface);border:1px solid var(--lh-line);border-radius:12px;padding:20px;min-height:100px}
.lh-hh-press img{max-height:56px;width:auto}
.lh-hh-awards{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;margin-top:28px;background:var(--lh-surface);border:1px solid var(--lh-line);border-radius:14px;padding:20px}
.lh-hh-awards img{width:100%;border-radius:10px}
.lh-hh-awards h3{font:600 20px var(--lh-serif);margin:0 0 6px}
.lh-hh-awards p{margin:0 0 8px;color:var(--lh-ink-2)}

/* faq */
.lh-hh-faq details{background:var(--lh-paper);border:1px solid var(--lh-line);border-radius:12px;margin-bottom:10px}
.lh-hh-faq summary{cursor:pointer;padding:16px 20px;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.lh-hh-faq summary::-webkit-details-marker{display:none}
.lh-hh-faq summary::after{content:"+";color:var(--lh-brand);font-size:20px;line-height:1}
.lh-hh-faq details[open] summary::after{content:"\2212"}
.lh-hh-faq details > div{padding:0 20px 16px;color:var(--lh-ink-2)}

/* final call to action */
.lh-hh-final{text-align:center;padding:56px 0}
.lh-hh-final h2{font:600 clamp(26px,3.4vw,36px)/1.2 var(--lh-serif);margin:0 0 10px}
.lh-hh-final p{margin:0 auto 22px}
.lh-hh-final .lh-btns{justify-content:center}

@media (max-width:1000px){
  .lh-hh-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .lh-hh-grid,.lh-hh-course,.lh-hh-quotes,.lh-hh-cert,.lh-hh-videos{grid-template-columns:1fr}
  .lh-hh-stack{display:none}
  .lh-hh-flip .lh-hh-course-img{order:0}
  .lh-hh-course-img{position:static}
  .lh-hh-issues,.lh-hh-press{grid-template-columns:1fr}
  .lh-hh-stats{grid-template-columns:1fr 1fr}
  .lh-hh-awards{grid-template-columns:1fr}
  .lh-hh-awards img{max-width:240px}
}
@media (max-width:560px){
  .lh-hh{padding-top:36px}
  .lh-hh-signup-row{flex-direction:column}
  .lh-hh-facts{grid-template-columns:1fr 1fr}
  .lh-hh-toc-in{columns:1}
  .lh-hh-steps{grid-template-columns:1fr}
  .lh-hh-course{padding:16px}
}