/* ToolsForModels Learning V4.1.7 — global mobile density / information architecture
   Goal: reduce scroll without hiding the learning structure or changing progression logic. */

/* HOME — compact editorial opening */
.learning-home-premium{padding:clamp(26px,4vw,52px) 0 24px!important}
.learning-home-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr)!important;gap:clamp(24px,4vw,54px)!important;align-items:center!important}
.learning-home-copy h1{font-size:clamp(2.8rem,5.3vw,5rem)!important;line-height:.94!important;max-width:12ch!important;margin:.10em 0 .18em!important}
.learning-home-lead{font-size:clamp(1rem,1.45vw,1.18rem)!important;line-height:1.48!important;max-width:590px!important}
.learning-home-actions{margin-top:20px!important;gap:20px!important}
.learning-home-actions .btn{padding:10px 17px!important;min-height:40px!important}
.learning-home-photo{aspect-ratio:16/10!important;border-radius:22px!important}
.learning-resume{margin-top:16px!important}
.learning-resume-inner{border-radius:14px!important;padding:11px 13px!important}
.learning-resume-top{font-size:.68rem!important}
.learning-resume-link{margin-top:4px!important;align-items:center!important}
.learning-resume-link span{font-size:1.05rem!important}
.learning-resume-link b{font-size:.7rem!important}

/* MODEL — 2×3 index on mobile, 3×2 on desktop. */
.learning-paths-premium{padding:clamp(38px,5vw,64px) 0!important}
.learning-paths-premium .learning-section-intro{margin-bottom:18px!important}
.learning-paths-premium .learning-section-intro h2{font-size:clamp(2rem,3.6vw,3.5rem)!important}
.learning-paths-premium .learning-section-intro>p:last-child{font-size:.92rem!important;line-height:1.48!important}
.learning-paths-premium .learning-stage-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--lp-line)!important}
.learning-paths-premium .learning-stage-card,
.learning-paths-premium .learning-stage-card:nth-child(1),
.learning-paths-premium .learning-stage-card:nth-child(6){
  grid-column:auto!important;min-height:154px!important;margin:0!important;padding:18px 18px 16px!important;
  border:0!important;border-right:1px solid var(--lp-line)!important;border-bottom:1px solid var(--lp-line)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;display:grid!important;
  grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr auto!important;column-gap:8px!important;color:var(--lp-ink)!important;
}
.learning-paths-premium .learning-stage-card:nth-child(3n){border-right:0!important}
.learning-paths-premium .learning-stage-number{grid-column:1;grid-row:1;padding:0!important;font-size:.66rem!important}
.learning-paths-premium .learning-stage-copy{grid-column:1/3!important;grid-row:2!important;padding:10px 0 7px!important;align-self:start!important}
.learning-paths-premium .learning-stage-copy h3{font-size:clamp(1.35rem,2vw,1.75rem)!important;line-height:1!important;margin:0 0 5px!important}
.learning-paths-premium .learning-stage-copy p{font-size:.78rem!important;line-height:1.34!important;max-width:none!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.learning-paths-premium .learning-stage-state{grid-column:1!important;grid-row:3!important;margin:0!important;padding:3px 7px!important;font-size:.6rem!important;background:#fff!important;align-self:end!important}
.learning-paths-premium .learning-stage-card>b{grid-column:2!important;grid-row:3!important;font-size:.9rem!important;align-self:center!important}
.learning-paths-premium .learning-stage-card.is-in-progress{padding-left:18px!important;background:linear-gradient(135deg,rgba(124,107,182,.10),rgba(124,107,182,.02))!important;box-shadow:inset 3px 0 0 var(--lp-lilac)!important}

/* CREATOR — thumbnail-led, concise. */
.creator-home-editorial{padding:clamp(38px,5vw,60px) 0!important}
.creator-home-grid{display:grid!important;grid-template-columns:minmax(180px,.62fr) minmax(0,1.38fr)!important;grid-template-rows:auto auto!important;gap:14px clamp(24px,4vw,48px)!important;align-items:center!important}
.creator-home-photo{grid-column:1!important;grid-row:1/3!important;aspect-ratio:4/5!important;border-radius:20px!important;min-height:0!important}
.creator-home-head{grid-column:2!important;grid-row:1!important}
.creator-home-head h2{font-size:clamp(2.25rem,4vw,3.8rem)!important;margin:6px 0 10px!important;max-width:none!important}
.creator-home-lead{font-size:.9rem!important;line-height:1.43!important;max-width:54ch!important}
.creator-home-links{grid-column:2!important;grid-row:2!important;margin-top:0!important}
.creator-home-link{padding:11px 0!important}
.creator-home-link strong{font-size:clamp(1.15rem,1.9vw,1.5rem)!important}
.creator-home-link small{font-size:.74rem!important;line-height:1.3!important;margin-top:3px!important}

/* RESOURCES — 2×2 concise index. */
.learning-resources:not(.creator-home-editorial){padding:clamp(36px,4.5vw,56px) 0!important}
.learning-resources:not(.creator-home-editorial) .learning-section-intro{margin-bottom:14px!important}
.learning-resources:not(.creator-home-editorial) .learning-section-intro h2{font-size:clamp(2rem,3.6vw,3.4rem)!important}
.learning-resources:not(.creator-home-editorial) .learning-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid rgba(109,105,100,.28)!important}
.learning-resources:not(.creator-home-editorial) .learning-resource-card{min-height:94px!important;padding:14px 14px 12px!important;border:0!important;border-right:1px solid rgba(109,105,100,.28)!important;border-bottom:1px solid rgba(109,105,100,.28)!important;border-radius:0!important}
.learning-resources:not(.creator-home-editorial) .learning-resource-card:nth-child(2n){border-right:0!important}
.learning-resources:not(.creator-home-editorial) .learning-resource-card strong{font-size:1.22rem!important}
.learning-resources:not(.creator-home-editorial) .learning-resource-card span{font-size:.73rem!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

/* QUESTIONS — useful but no longer a full-screen interruption. */
.learning-popular{padding:36px 0 30px!important;background:#171717!important}
.learning-popular h2{font-size:clamp(1.8rem,3.5vw,2.8rem)!important;margin:5px 0 18px!important}
.popular-prompts{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding-bottom:4px!important;scrollbar-width:none!important}
.popular-prompts::-webkit-scrollbar{display:none!important}
.popular-prompts button{flex:0 0 auto!important;max-width:280px!important;min-height:38px!important;padding:9px 12px!important;font-size:.75rem!important;white-space:normal!important}
.learning-question{margin:0 auto 48px!important;padding:28px max(20px,calc((100vw - 760px)/2))!important;background:var(--lp-cream)!important}
.learning-question h2{font-size:clamp(1.55rem,2.7vw,2.1rem)!important;margin:0 0 12px!important}
.learning-question textarea{min-height:72px!important;margin:0 0 10px!important}
.learning-question .btn{min-height:40px!important;padding:9px 15px!important}

@media(max-width:760px){
  .learning-home-premium{padding:20px 0 22px!important}
  .learning-home-grid{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:15px!important}
  .learning-home-copy h1{font-size:clamp(2.35rem,11.2vw,3.15rem)!important;line-height:.95!important;max-width:11ch!important;margin:7px 0 10px!important}
  .learning-home-lead{font-size:.91rem!important;line-height:1.42!important;max-width:39ch!important}
  .learning-home-actions{margin-top:14px!important;gap:16px!important}
  .learning-home-actions .btn{background:transparent!important;color:var(--lp-ink)!important;border:0!important;border-bottom:1px solid var(--lp-ink)!important;border-radius:0!important;padding:3px 0!important;min-height:32px!important;box-shadow:none!important}
  .learning-text-link{min-height:32px!important;font-size:.86rem!important}
  .learning-home-photo{grid-row:2!important;order:0!important;aspect-ratio:3.2/1!important;border-radius:16px!important}
  .learning-home-photo figcaption{left:9px!important;bottom:8px!important;padding:4px 7px!important;font-size:.58rem!important}
  .learning-resume{margin-top:12px!important}
  .learning-resume-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px!important;padding:9px 11px!important}
  .learning-resume-top{grid-column:1/3!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:8px!important;margin:0!important}
  .learning-resume-top strong,.learning-resume-top span{display:block!important;margin:0!important;font-size:.61rem!important}
  .learning-resume-link{grid-column:1/3!important;margin:0!important}
  .learning-resume-link span{font-size:.9rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .learning-resume-link b{font-size:.62rem!important}

  .learning-paths-premium{padding:30px 0 36px!important}
  .learning-paths-premium .learning-section-intro{margin-bottom:12px!important}
  .learning-paths-premium .learning-section-intro h2{font-size:2.05rem!important;max-width:none!important}
  .learning-paths-premium .learning-section-intro>p:last-child{font-size:.82rem!important;line-height:1.38!important;margin-top:7px!important;max-width:42ch!important}
  .learning-paths-premium .learning-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .learning-paths-premium .learning-stage-card,
  .learning-paths-premium .learning-stage-card:nth-child(1),
  .learning-paths-premium .learning-stage-card:nth-child(6){min-height:142px!important;padding:13px 12px 11px!important;border-right:1px solid var(--lp-line)!important}
  .learning-paths-premium .learning-stage-card:nth-child(2n){border-right:0!important}
  .learning-paths-premium .learning-stage-card.is-in-progress{padding-left:12px!important}
  .learning-paths-premium .learning-stage-copy{padding:8px 0 6px!important}
  .learning-paths-premium .learning-stage-copy h3{font-size:1.28rem!important;line-height:1.02!important}
  .learning-paths-premium .learning-stage-copy p{font-size:.72rem!important;line-height:1.28!important}
  .learning-paths-premium .learning-stage-state{font-size:.56rem!important;padding:3px 6px!important}

  .creator-home-editorial{padding:32px 0 34px!important}
  .creator-home-grid{grid-template-columns:108px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:10px 16px!important;align-items:start!important}
  .creator-home-photo{grid-column:1!important;grid-row:1!important;aspect-ratio:4/5!important;border-radius:15px!important;min-height:0!important}
  .creator-home-photo figcaption{display:none!important}
  .creator-home-head{grid-column:2!important;grid-row:1!important;align-self:center!important}
  .creator-home-head h2{font-size:2.1rem!important;line-height:.95!important;margin:4px 0 8px!important}
  .creator-home-lead{font-size:.76rem!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .creator-home-links{grid-column:1/3!important;grid-row:2!important;margin-top:3px!important}
  .creator-home-link{padding:10px 0!important}
  .creator-home-link strong{font-size:1.18rem!important}
  .creator-home-link small{font-size:.69rem!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

  .learning-resources:not(.creator-home-editorial){padding:30px 0 34px!important}
  .learning-resources:not(.creator-home-editorial) .learning-section-intro{margin-bottom:11px!important}
  .learning-resources:not(.creator-home-editorial) .learning-section-intro h2{font-size:2rem!important;max-width:none!important}
  .learning-resources:not(.creator-home-editorial) .learning-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .learning-resources:not(.creator-home-editorial) .learning-resource-card{min-height:105px!important;padding:12px 10px!important}
  .learning-resources:not(.creator-home-editorial) .learning-resource-card strong{font-size:1.12rem!important;line-height:1.05!important}
  .learning-resources:not(.creator-home-editorial) .learning-resource-card span{font-size:.68rem!important;line-height:1.26!important}
  .learning-resources:not(.creator-home-editorial) .learning-resource-card b{font-size:.85rem!important}

  .learning-popular{padding:28px 0 24px!important}
  .learning-popular .eyebrow{font-size:.62rem!important}
  .learning-popular h2{font-size:1.75rem!important;margin:4px 0 14px!important}
  .popular-prompts button{max-width:230px!important;min-height:36px!important;padding:8px 10px!important;font-size:.7rem!important;border-radius:12px!important}
  .learning-question{margin:0 auto 34px!important;padding:24px 14px!important}
  .learning-question h2{font-size:1.65rem!important}
  .learning-question textarea{min-height:64px!important;font-size:.9rem!important;padding:11px!important}
}

@media(max-width:390px){
  .learning-home-copy h1{font-size:2.55rem!important}
  .learning-paths-premium .learning-stage-card{min-height:138px!important;padding-inline:10px!important}
  .learning-paths-premium .learning-stage-copy h3{font-size:1.2rem!important}
  .creator-home-grid{grid-template-columns:96px minmax(0,1fr)!important;gap:9px 14px!important}
  .creator-home-head h2{font-size:1.95rem!important}
}
/* Final density pass: mobile target = useful overview in ~3–4 screens, not a long syllabus. */
@media(max-width:760px){
  .learning-paths-premium .learning-stage-card,
  .learning-paths-premium .learning-stage-card:nth-child(1),
  .learning-paths-premium .learning-stage-card:nth-child(6){min-height:118px!important;padding:11px 10px 9px!important}
  .learning-paths-premium .learning-stage-copy{padding:6px 0 4px!important}
  .learning-paths-premium .learning-stage-copy h3{font-size:1.17rem!important;margin-bottom:3px!important}
  .learning-paths-premium .learning-stage-copy p{font-size:.66rem!important;line-height:1.23!important;-webkit-line-clamp:2!important}
  .learning-paths-premium .learning-stage-state{font-size:.52rem!important;padding:2px 5px!important}
  .learning-paths-premium .learning-stage-card>b{font-size:.78rem!important}
  .creator-home-link{min-height:0!important}
  .learning-resources:not(.creator-home-editorial) .learning-resource-card{min-height:88px!important}
  .learning-popular .eyebrow{display:none!important}
  .learning-question textarea{min-height:56px!important}
}