.learning-page{background:var(--ivory)}
.learning-page .site-header{background:rgba(255,255,255,.98)}
.learning-hero{max-width:1420px;margin:0 auto;padding:100px max(32px,calc((100vw - 1260px)/2));display:grid;grid-template-columns:1.35fr .65fr;gap:80px;background:var(--navy-deep);color:#fff}
.learning-hero h1{max-width:820px;color:#fff;font-size:68px}
.learning-hero>div>p:last-child{max-width:700px;margin:28px 0 0;color:#ccdae1;font-size:20px}
.learning-hero .eyebrow{color:#73c9c4}
.learning-hero aside{align-self:end;border-left:1px solid rgba(255,255,255,.22);padding-left:34px;display:flex;flex-direction:column}
.learning-hero aside strong{font-family:var(--serif);font-size:26px;font-weight:400;margin-bottom:12px}
.learning-hero aside span{padding:9px 0;border-top:1px solid rgba(255,255,255,.16);color:#d8e5e9;font-size:13px}
.featured-guide{max-width:1260px;margin:80px auto 0;display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.featured-guide img{width:100%;height:100%;min-height:430px;object-fit:cover}
.featured-guide>div{padding:58px;align-self:center}
.featured-guide h2{font-size:44px}
.featured-guide>div>p:not(.eyebrow){font-size:17px;margin:22px 0 30px}
.learning-library{max-width:1260px;margin:0 auto;padding:110px 32px}
.library-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:54px}
.library-heading .eyebrow{grid-column:1/-1;margin-bottom:-26px}
.library-heading h2{font-size:48px}
.library-heading>p:last-child{font-size:17px;margin:0}
.learning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.learning-card{display:grid;grid-template-columns:210px 1fr;min-height:250px;background:#fff;border:1px solid var(--line);border-bottom:3px solid var(--teal)}
.learning-card.accent-gold{border-bottom-color:var(--gold)}.learning-card.accent-coral{border-bottom-color:var(--coral)}
.card-image{display:block;overflow:hidden}.learning-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.learning-card:hover img{transform:scale(1.025)}
.learning-card>div{padding:27px;display:flex;flex-direction:column;align-items:flex-start}
.learning-card p{margin:0 0 10px;color:var(--teal);font-size:11px;font-weight:600;text-transform:uppercase}
.learning-card h2{font-family:var(--serif);font-size:25px;line-height:1.16;margin:0 0 12px}
.learning-card h2 a{text-decoration:none}
.learning-card>div>span{color:var(--muted);font-size:11px}
.read-link{margin-top:auto;padding-top:17px;text-decoration:none;font-weight:600;font-size:13px;color:var(--navy)}
.read-link i{font-style:normal;color:var(--gold);margin-left:10px}
.editorial-note{max-width:1196px;margin:0 auto 90px;padding:25px 30px;display:grid;grid-template-columns:190px 1fr;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.editorial-note span{color:var(--coral);font-size:11px;font-weight:600;text-transform:uppercase}
.editorial-note p{margin:0}
.guide-hero{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:1.06fr .94fr;min-height:570px;background:#fff}
.guide-hero-copy{padding:76px 62px 64px max(46px,calc((100vw - 1260px)/2))}
.guide-hero h1{max-width:730px;font-size:61px}
.guide-hero.accent-gold h1{border-left:4px solid var(--gold);padding-left:25px}
.guide-hero.accent-teal h1{border-left:4px solid var(--teal);padding-left:25px}
.guide-hero.accent-coral h1{border-left:4px solid var(--coral);padding-left:25px}
.guide-hero>img{width:100%;height:100%;object-fit:cover}
.back-link{display:inline-block;margin-bottom:42px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:600}
.guide-subtitle{max-width:650px;margin:24px 0;font-size:19px;color:var(--ink)}
.guide-meta{display:flex;flex-wrap:wrap;gap:0;margin-top:32px}
.guide-meta span{padding:7px 16px;border-left:1px solid var(--line);font-size:11px;color:var(--muted)}
.guide-meta span:first-child{padding-left:0;border-left:0;color:var(--teal);font-weight:600}
.guide-lead{background:var(--navy);padding:0 max(32px,calc((100vw - 1080px)/2))}
.guide-lead>div{display:grid;grid-template-columns:150px 1fr;gap:34px;padding:34px 0;color:#fff}
.guide-lead span{color:#f0c36a;font-size:12px;font-weight:600;text-transform:uppercase}
.guide-lead p{margin:0;color:#fff;font-family:var(--serif);font-size:24px;line-height:1.4}
.article-layout{max-width:1080px;margin:0 auto;padding:86px 32px 100px;display:grid;grid-template-columns:245px 1fr;gap:88px;align-items:start}
.article-nav{position:sticky;top:122px;display:flex;flex-direction:column;border-top:2px solid var(--gold)}
.article-nav strong{padding:17px 0;color:var(--teal);font-size:11px;text-transform:uppercase}
.article-nav>a{padding:11px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--muted);font-size:12px;line-height:1.35}
.article-nav>a:hover{color:var(--navy)}
.article-nav .download-link{margin-top:17px;padding:14px;border:1px solid var(--navy);display:flex;justify-content:space-between;color:var(--navy);font-weight:600}
.article-section{position:relative;padding:0 0 53px;margin-bottom:53px;border-bottom:1px solid var(--line)}
.article-section:last-of-type{border-bottom:0}
.article-section h2{font-size:38px;margin:0 0 25px}
.article-section>p:not(.section-number){font-size:17px;line-height:1.75;color:#405565}
.section-number{position:absolute;left:-52px;top:7px;color:var(--gold);font-size:11px;font-weight:600}
.practical-section{padding:35px;margin-left:-35px;margin-right:-35px;background:var(--mist);border-left:4px solid var(--teal)}
.practical-section .section-number{left:14px;top:42px}.practical-section h2{padding-left:20px}
.practical-section>p:not(.section-number){position:relative;padding-left:20px}
.practical-steps{list-style:none;margin:26px 0 24px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.practical-steps li{min-height:92px;padding:17px;background:#fff;border:1px solid rgba(17,107,111,.18);display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:start}
.practical-steps li>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:9px;font-weight:600}
.practical-steps li>p{margin:2px 0 0;color:var(--ink);font-size:13px;line-height:1.45}
.sources ul{padding:0;list-style:none}.sources li{border-top:1px solid var(--line)}.sources li:last-child{border-bottom:1px solid var(--line)}
.sources a{display:flex;justify-content:space-between;gap:20px;padding:14px 0;color:var(--teal);text-decoration:none;font-size:14px}.sources a::after{content:"Open source \2197";color:var(--muted);font-size:11px;white-space:nowrap}
.information-note{margin-top:25px;padding:27px 30px;border:1px solid #e2c9c4;border-left:4px solid var(--coral);background:#fbf4f1}
.information-note strong{color:#8b4438;font-size:12px;text-transform:uppercase}.information-note p{margin:10px 0 0;font-size:13px}
.related-guides{max-width:1080px;margin:0 auto;padding:0 32px 95px}.related-guides h2{font-size:39px;margin-bottom:30px}.related-guides>div{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.related-card{position:relative;min-height:160px;padding:25px 54px 25px 25px;background:#fff;border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column}
.related-card span{color:var(--teal);font-size:11px;text-transform:uppercase}.related-card strong{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.25;margin-top:15px}.related-card i{position:absolute;right:24px;bottom:22px;color:var(--gold);font-style:normal}
.guide-cta{padding:72px max(32px,calc((100vw - 1080px)/2));background:var(--teal-dark);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:60px}
.guide-cta>div{max-width:720px}.guide-cta h2{font-size:42px}.guide-cta p{color:#d8e9e8;margin:20px 0 0}.guide-cta .eyebrow{color:#f0c36a;margin-bottom:14px}.guide-cta .button{flex:0 0 auto}
@media(max-width:960px){
  .learning-hero,.guide-hero{grid-template-columns:1fr}.learning-hero{gap:45px}.learning-hero aside{align-self:auto}.featured-guide{margin:50px 24px 0}.learning-grid{grid-template-columns:1fr}.guide-hero>img{height:480px}.article-layout{grid-template-columns:1fr;gap:40px}.article-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.article-nav strong,.article-nav .download-link{grid-column:1/-1}.section-number{position:static}.guide-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
  .learning-hero{padding:72px 20px}.learning-hero h1{font-size:44px}.featured-guide{grid-template-columns:1fr;margin:30px 20px 0}.featured-guide img{min-height:260px}.featured-guide>div{padding:32px 24px}.featured-guide h2{font-size:34px}.learning-library{padding:75px 20px}.library-heading{grid-template-columns:1fr;gap:20px}.library-heading .eyebrow{grid-column:auto;margin-bottom:0}.library-heading h2{font-size:36px}.learning-card{grid-template-columns:1fr}.learning-card .card-image{height:210px}.editorial-note{margin:0 20px 70px;grid-template-columns:1fr;gap:10px}.guide-hero-copy{padding:48px 20px}.guide-hero h1{font-size:43px}.guide-hero>img{height:330px}.guide-meta span{width:100%;padding:5px 0;border:0}.guide-lead{padding:0 20px}.guide-lead>div{grid-template-columns:1fr;gap:8px}.guide-lead p{font-size:21px}.article-layout{padding:60px 20px}.article-nav{grid-template-columns:1fr}.article-nav strong,.article-nav .download-link{grid-column:auto}.article-section h2{font-size:32px}.practical-section{margin-left:0;margin-right:0;padding:25px 20px}.practical-section h2,.practical-section>p:not(.section-number){padding-left:0}.practical-steps{grid-template-columns:1fr}.related-guides{padding:0 20px 70px}.related-guides>div{grid-template-columns:1fr}.guide-cta{padding:60px 20px}.guide-cta h2{font-size:34px}
}