:root{--guide-ink:#073f3b;--guide-teal:#08a99f;--guide-deep:#003d39}
.guides-page{background:#effbf9;color:var(--guide-ink)}.guides-main{max-width:1180px;margin:0 auto;padding:38px 24px 80px}.guides-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:40px;align-items:center;min-height:270px;padding:48px 54px;border:1px solid #5ed5cd;border-radius:30px;background:linear-gradient(135deg,#003c38 0%,#006d66 58%,#0bb7ad 100%);box-shadow:0 24px 70px rgba(0,85,79,.2);color:#fff}.guides-hero:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-100px;border:44px solid rgba(255,255,255,.08);border-radius:50%}.guides-eyebrow{margin:0 0 9px;color:#11bdb3;font-size:12px;font-weight:1000;letter-spacing:2.4px}.guides-hero .guides-eyebrow{color:#83fff4}.guides-hero h1{margin:0 0 15px;color:#fff;font-size:clamp(38px,6vw,68px);line-height:1.05}.guides-hero p:last-child{max-width:680px;margin:0;color:#dcfffb;font-size:18px;line-height:1.7}.guides-hero-mark{position:relative;z-index:1;display:grid;place-items:center;aspect-ratio:1;max-width:210px;margin:auto;border:1px solid rgba(255,255,255,.35);border-radius:34px;background:rgba(0,29,27,.38)}.guides-hero-mark b{font-size:100px;line-height:.8;color:#3bfff0}.guides-hero-mark span{font-weight:900;letter-spacing:6px;color:#fff}
.guides-library,.guides-upcoming{margin-top:48px}.guides-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.guides-heading h2{margin:0;color:#052f2c;font-size:30px}.guides-heading>span{padding:8px 14px;border-radius:999px;background:#d4f5f1;color:#087b75;font-weight:900}.guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.guide-card{display:grid;grid-template-columns:190px minmax(0,1fr);overflow:hidden;border:1px solid #9cddd8;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(1,86,80,.1)}.guide-cover{display:flex;flex-direction:column;justify-content:space-between;min-height:315px;padding:28px 22px;background:linear-gradient(155deg,#003b37,#008f86);color:#fff}.guide-cover span{font-size:64px;font-weight:1000;line-height:1}.guide-cover b{font-size:18px;line-height:1.35}.guide-card--learning .guide-cover{background:linear-gradient(155deg,#073351,#0a928a)}.guide-copy{display:flex;flex-direction:column;padding:26px}.guide-status{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#dcf8f4;color:#007970;font-size:12px;font-weight:900}.guide-copy h3{margin:14px 0 8px;font-size:24px;color:#062e2c}.guide-copy p{margin:0;color:#4b6a67;line-height:1.6}.guide-copy ul{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0;padding:0;list-style:none}.guide-copy li{padding:6px 9px;border:1px solid #c7e7e4;border-radius:8px;background:#f5fbfa;font-size:12px;font-weight:800}.guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.guide-button{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:12px;background:#078d85;color:#fff!important;font-weight:1000;text-align:center;text-decoration:none}.guide-button:hover{background:#056b65}.guide-button--secondary{border:1px solid #86cfc9;background:#effaf8;color:#076d67!important}.guide-button--secondary:hover{background:#dff5f2}.upcoming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.upcoming-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border:1px dashed #8fcfc9;border-radius:18px;background:rgba(255,255,255,.76)}.upcoming-grid span{font-size:27px;font-weight:1000;color:#0aa69d}.upcoming-grid h3{margin:0 0 4px;font-size:20px}.upcoming-grid p{margin:0;color:#58726f}.upcoming-grid b{white-space:nowrap;color:#8a6a18}
@media(max-width:900px){.guides-hero{grid-template-columns:1fr}.guides-hero-mark{display:none}.guides-grid{grid-template-columns:1fr}}@media(max-width:640px){.guides-main{padding:20px 12px 60px}.guides-hero{min-height:0;padding:30px 24px;border-radius:22px}.guides-hero p:last-child{font-size:16px}.guides-heading{align-items:start}.guides-heading h2{font-size:25px}.guide-card{grid-template-columns:1fr}.guide-cover{min-height:140px}.guide-cover span{font-size:54px}.guide-actions{grid-template-columns:1fr}.upcoming-grid{grid-template-columns:1fr}.upcoming-grid article{grid-template-columns:auto 1fr}.upcoming-grid article>b{grid-column:2}}