/* ================================================================
   Nest English — HOME Phase 4: Learning Bridge
   Diagnostic → Plan → Practice → Progress
   ================================================================ */
.nest-home-phase4{position:relative;padding:clamp(4rem,7vw,7rem) 1.25rem;color:var(--nest-home-ink,#173329);overflow:hidden}
.nest-home-phase4::before{content:"";position:absolute;inset:10% 0 0;pointer-events:none;background:radial-gradient(circle at 15% 40%,rgba(201,152,46,.10),transparent 28%),radial-gradient(circle at 85% 60%,rgba(12,117,86,.10),transparent 32%)}
.nest-phase4-inner{position:relative;max-width:1180px;margin:0 auto}
.nest-phase4-heading{max-width:760px;margin:0 auto clamp(2.5rem,5vw,4rem);text-align:center}
.nest-phase4-heading .nest-section-kicker{color:#7a6a48}
.dark .nest-phase4-heading .nest-section-kicker{color:#c8b56f}
.nest-learning-rail{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.nest-learning-rail::before{content:"";position:absolute;left:9%;right:9%;top:2rem;height:1px;background:linear-gradient(90deg,rgba(12,117,86,.10),rgba(12,117,86,.50),rgba(201,152,46,.50),rgba(12,117,86,.10));z-index:0}
.nest-learning-step{position:relative;z-index:1;min-height:290px;display:flex;flex-direction:column;padding:1.35rem;border-radius:26px;background:rgba(246,240,227,.80);border:1px solid rgba(23,51,41,.10);box-shadow:0 18px 50px rgba(24,61,48,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dark .nest-learning-step{background:rgba(18,63,49,.72);border-color:rgba(220,230,215,.10);box-shadow:0 22px 55px rgba(0,0,0,.18)}
.nest-learning-icon{width:4rem;height:4rem;border-radius:1.15rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0c7556,#173f32);color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(12,117,86,.23);margin-bottom:1.35rem}
.nest-learning-icon span{font-size:.82rem;letter-spacing:.10em}
.nest-learning-label{display:block;font-size:.68rem;letter-spacing:.16em;font-weight:900;color:#8f7a4d;margin-bottom:.55rem}
.dark .nest-learning-label{color:#d1ba67}
.nest-learning-step h3{margin:0;color:#173329;font-size:1.12rem;line-height:1.2;font-weight:900;letter-spacing:-.015em}
.dark .nest-learning-step h3{color:#f5f0e5}
.nest-learning-step p{margin:.75rem 0 0;color:#66746e;font-size:.88rem;line-height:1.7}
.dark .nest-learning-step p{color:#b8c7c0}
.nest-learning-link{margin-top:auto;padding:.85rem 0 0;background:none;border:0;color:#0c7556;font-weight:900;font-size:.79rem;text-align:start;cursor:pointer}
.dark .nest-learning-link{color:#d8bf69}
.nest-learning-link:hover{text-decoration:underline;text-underline-offset:4px}
.nest-learning-step-final{background:linear-gradient(155deg,rgba(12,117,86,.10),rgba(246,240,227,.88))}
.dark .nest-learning-step-final{background:linear-gradient(155deg,rgba(12,117,86,.24),rgba(18,63,49,.82))}
.nest-learning-footer{margin-top:1.25rem;padding:1.2rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;border-radius:24px;background:rgba(255,252,246,.76);border:1px solid rgba(23,51,41,.08);box-shadow:0 16px 40px rgba(24,61,48,.06)}
.dark .nest-learning-footer{background:rgba(8,31,24,.62);border-color:rgba(220,230,215,.08)}
.nest-learning-footer-copy{min-width:0}
.nest-learning-footer-kicker{display:block;color:#8f7a4d;font-size:.64rem;letter-spacing:.16em;font-weight:900;margin-bottom:.35rem}
.dark .nest-learning-footer-kicker{color:#d1ba67}
.nest-learning-footer strong{display:block;color:#173329;font-size:1.02rem;font-weight:900}
.dark .nest-learning-footer strong{color:#f5f0e5}
.nest-learning-footer p{margin:.25rem 0 0;color:#6f7a75;font-size:.82rem}
.dark .nest-learning-footer p{color:#aebeb7}
.nest-learning-primary{flex:0 0 auto;border:0;border-radius:14px;padding:.95rem 1.1rem;background:#0c7556;color:#fff;font-size:.8rem;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(12,117,86,.22);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.nest-learning-primary:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(12,117,86,.26);background:#0a654b}
.dark .nest-learning-primary{background:#0f8a67;color:#f8f2e8}
@media (max-width:1020px){.nest-learning-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.nest-learning-rail::before{display:none}.nest-learning-step{min-height:260px}}
@media (max-width:640px){.nest-home-phase4{padding:4rem 1rem}.nest-learning-rail{grid-template-columns:1fr}.nest-learning-step{min-height:0;padding:1.15rem;border-radius:22px}.nest-learning-icon{width:3.5rem;height:3.5rem;margin-bottom:1rem}.nest-learning-footer{align-items:stretch;flex-direction:column;padding:1.1rem}.nest-learning-primary{width:100%}}
@media (prefers-reduced-motion:reduce){.nest-learning-primary{transition:none}.nest-learning-primary:hover{transform:none}}