.wl-learn-intro{--wl-ink:#233a44;--wl-muted:#576970;--wl-blue:#315a6b;--wl-pale:#edf4f5;--wl-line:#d4e0e2;padding-top:48px;padding-bottom:32px;color:var(--wl-ink);font-family:var(--font-body-family,Assistant,sans-serif);line-height:1.55}
.wl-learn-intro *{box-sizing:border-box}
.wl-learn-intro .wl-learn-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wl-blue);margin:0 0 14px;display:block}
.wl-learn-intro h1,.wl-learn-intro h2,.wl-learn-intro h3{font-family:var(--font-heading-family,"Josefin Sans",sans-serif);font-weight:500;color:var(--wl-ink);letter-spacing:-.025em;line-height:1.15}
.wl-learn-intro h1{font-size:clamp(38px,5vw,64px);margin:0 0 22px}
.wl-learn-intro .wl-learn-deck{max-width:750px;margin:0 0 30px;font-size:19px;color:var(--wl-muted)}
.wl-learn-intro .wl-learn-topic-nav{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--wl-line);padding-bottom:30px}
.wl-learn-intro .wl-learn-topic-nav a{display:inline-flex;align-items:center;padding:11px 16px;border:1px solid var(--wl-line);border-radius:4px;color:var(--wl-ink);font-size:15px;text-decoration:none;min-height:44px;line-height:1.4}
.wl-learn-intro .wl-learn-topic-nav a[aria-current=page],.wl-learn-intro .wl-learn-topic-nav a:hover{background:var(--wl-blue);color:#fff;border-color:var(--wl-blue)}
.wl-learn-intro a:focus-visible{outline:3px solid #337895;outline-offset:4px}
.wl-learn-intro .wl-learn-start{padding-top:32px}
.wl-learn-intro .wl-learn-start-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.wl-learn-intro h2{font-size:30px;margin:0}
.wl-learn-intro .wl-learn-start-head p{margin:0;color:var(--wl-muted);font-size:16px}
.wl-learn-intro .wl-learn-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wl-learn-intro .wl-learn-guide{display:flex;flex-direction:column;background:var(--wl-pale);border:1px solid var(--wl-line);border-radius:6px;padding:28px;text-decoration:none;color:var(--wl-ink)}
.wl-learn-intro .wl-learn-guide:hover{border-color:var(--wl-blue);background:#e4eff1}
.wl-learn-intro h3{font-size:25px;margin:0 0 16px}
.wl-learn-intro .wl-learn-guide p{margin:0 0 24px;font-size:16px;color:var(--wl-muted);flex:1}
.wl-learn-intro .wl-learn-read{font-size:15px;color:var(--wl-blue);font-weight:600;display:flex;justify-content:space-between;gap:12px}
.main-blog.wren-learn.section--padding{padding-top:24px;padding-bottom:48px}
.main-blog.wren-learn .blog-header{margin:0 0 24px}
.main-blog.wren-learn .blog-header>.title--primary{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:30px;line-height:1.2;color:#233a44}
@media(max-width:749px){.wl-learn-intro{padding-top:32px;padding-bottom:24px}.wl-learn-intro .wl-learn-guides{grid-template-columns:1fr}.wl-learn-intro .wl-learn-start-head{display:block}.wl-learn-intro .wl-learn-start-head p{margin-top:10px}.wl-learn-intro .wl-learn-guide{padding:24px}.wl-learn-intro .wl-learn-deck{font-size:17px}}
