/* Learn: blog index + article pages (sky background, soft cards, site tokens) */
.lr-page{font-family:'Geist',Inter,ui-sans-serif,sans-serif;color:#0A0A0F}
.lh{position:sticky;top:0;z-index:30;background:rgba(247,251,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #d6e4f3}
.lh-in{max-width:1160px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:28px}
.lh-logo img{display:block;height:40px;width:auto}
.lh-links{display:flex;gap:26px;margin-left:12px;flex:1}
.lh-links a{color:#30343b;text-decoration:none;font-weight:500;font-size:15px}
.lh-links a:hover,.lh-links a[aria-current]{color:#0055ff}
.lh-cta{background:#fff;border:1.5px solid #c9ddf2;border-radius:12px;padding:9px 18px;font-weight:600;font-size:14px;color:#245597;text-decoration:none}
.lr-main{max-width:1160px;margin:0 auto;padding:36px 24px 56px}
.lr-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:#566679;margin:0 auto 22px;max-width:820px}
.lr-crumbs a{color:#245597;text-decoration:none}.lr-crumbs span{opacity:.6}
.lr-article{max-width:820px;margin:0 auto}
.lr-head{text-align:center;margin-bottom:26px}
.lr-cat{display:inline-block;background:#e7f1fb;border:1px solid #b6d1eb;color:#335777;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:8px}
.lr-head h1{font-size:clamp(32px,4.6vw,50px);line-height:1.06;letter-spacing:-.035em;font-weight:800;margin:16px auto 14px;text-wrap:balance}
.lr-meta{color:#566679;font-size:14.5px;margin:0}
.lr-hero,.lr-fig{margin:0 0 30px}
.lr-hero img,.lr-fig img{display:block;width:100%;height:auto;border-radius:22px;border:2px solid #c9ddf2;background:#e6f0fa}
.lr-fig{margin:30px 0}
.lr-fig figcaption{font-size:13px;color:#566679;text-align:center;margin-top:9px;line-height:1.45}
.lr-toc{background:#f7fbff;border:2px solid #c9ddf2;border-radius:20px;padding:22px 26px;margin:0 0 34px}
.lr-toc strong{display:block;font-size:15px;margin-bottom:10px}
.lr-toc ol{margin:0;padding-left:20px;display:grid;gap:7px;font-size:15px}
.lr-toc a{color:#245597;text-decoration:none}.lr-toc a:hover{text-decoration:underline}
.lr-body{font-size:18px;line-height:1.72;color:#263442}
.lr-body h2{font-size:clamp(25px,3vw,32px);line-height:1.18;letter-spacing:-.03em;font-weight:700;margin:44px 0 14px;color:#0A0A0F;scroll-margin-top:84px}
.lr-body h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:26px 0 8px;color:#0A0A0F}
.lr-body p{margin:0 0 18px}
.lr-body a{color:#0055ff;text-underline-offset:3px}
.lr-body ul,.lr-body ol{margin:0 0 20px;padding-left:24px;display:grid;gap:8px}
.lr-body strong{color:#0A0A0F}
.lr-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px;background:#fff;border:2px solid #d3e1ef;border-radius:14px;overflow:hidden;display:block;overflow-x:auto}
.lr-body th{background:#edf5fc;text-align:left;padding:12px 14px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#566679}
.lr-body td{padding:12px 14px;border-top:1px solid #e3ebf4;vertical-align:top}
.lr-body blockquote{margin:24px 0;padding:16px 22px;background:#f8fcf5;border:2px solid #d0e3c5;border-radius:16px}
.lr-cta{margin:48px 0 0;background:#f7fbff;border:2px solid #c9ddf2;border-radius:26px;padding:34px 32px;text-align:center}
.lr-cta h2{font-size:clamp(24px,3vw,30px);letter-spacing:-.03em;margin:0 0 10px}
.lr-cta p{color:#566679;max-width:560px;margin:0 auto 20px;font-size:16.5px;line-height:1.6}
.lr-btn{display:inline-block;background:#0055ff;color:#fff;text-decoration:none;font-weight:700;padding:14px 28px;border-radius:12px;box-shadow:0 5px 0 #0b3fb5}
.lr-btn:hover{transform:translateY(-1px)}
.lr-related{max-width:1160px;margin:56px auto 0}
.lr-related h2{text-align:center;font-size:clamp(26px,3.4vw,36px);letter-spacing:-.035em;margin:0 0 26px}
.lr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lr-related .lr-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin:0 auto}
.lr-card{display:flex;flex-direction:column;gap:10px;background:#f7fbff;border:2px solid #c9ddf2;border-radius:24px;padding:14px 14px 22px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.lr-card:hover{transform:translateY(-3px);border-color:#85a9d6}
.lr-card img{width:100%;height:auto;border-radius:16px;display:block;background:#e6f0fa}
.lr-card .lr-cat{align-self:flex-start;margin:4px 8px 0}
.lr-card strong{font-size:21px;line-height:1.22;letter-spacing:-.025em;padding:0 8px}
.lr-card p{margin:0;padding:0 8px;color:#566679;font-size:15px;line-height:1.55}
.lr-intro{text-align:center;margin:10px auto 34px;max-width:720px}
.lr-intro h1{font-size:clamp(36px,5vw,56px);letter-spacing:-.04em;margin:0 0 14px;font-weight:800}
.lr-intro p{font-size:18px;line-height:1.65;color:#64748b;margin:0}
@media(max-width:900px){.lr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .lh-in{padding:8px 16px;gap:12px}.lh-links{display:none}.lh-logo{flex:1}
  .lr-main{padding:22px 16px 40px}.lr-cards,.lr-related .lr-cards{grid-template-columns:1fr}
  .lr-body{font-size:17px}.lr-cta{padding:26px 20px}.lr-toc{padding:18px 20px}
  .lr-hero img,.lr-fig img{border-radius:16px}
}

/* index: 2 featured + divider + 3-up solid-outline tiles */
.lr-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:0 0 8px}
.lr-feature{display:flex;flex-direction:column;background:#f7fbff;border:2px solid #85a9d6;border-radius:26px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.lr-feature:hover{transform:translateY(-3px);border-color:#0055ff}
.lr-feature img{width:100%;height:auto;display:block;background:#e6f0fa;aspect-ratio:16/9;object-fit:cover}
.lr-feature-body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.lr-feature-body .lr-cat{align-self:flex-start}
.lr-feature h2{font-size:clamp(24px,2.5vw,32px);line-height:1.15;letter-spacing:-.035em;font-weight:800;margin:0}
.lr-feature p{margin:0;color:#566679;font-size:16.5px;line-height:1.6}
.lr-more{margin-top:auto;font-weight:700;color:#0055ff;font-size:15px}
.lr-divider{display:flex;align-items:center;gap:18px;margin:44px 0 28px;color:#335777;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.lr-divider:before,.lr-divider:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,#85a9d6 30%,#85a9d6 70%,transparent);border-radius:2px}
.lr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lr-tile{display:flex;flex-direction:column;background:#fff;border:2px solid #85a9d6;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.lr-tile:hover{transform:translateY(-2px);border-color:#0055ff}
.lr-tile img{width:100%;display:block;aspect-ratio:2/1;object-fit:cover;background:#e6f0fa;height:auto;border-bottom:2px solid #85a9d6}
.lr-tile-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px}
.lr-tile .lr-cat{align-self:flex-start;font-size:10.5px;padding:5px 9px}
.lr-tile strong{font-size:18px;line-height:1.25;letter-spacing:-.02em}
@media(max-width:900px){.lr-featured{grid-template-columns:1fr}.lr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.lr-grid{grid-template-columns:1fr}.lr-feature-body{padding:20px}.lr-divider{margin:32px 0 22px}}

/* site header on Learn + soft panel around the guides */
.lr-top{position:relative;z-index:50}
.lr-top .nh-nav{opacity:1;animation:none}
.lr-intro{margin:84px auto 0;max-width:760px}
.lr-intro .section-subheading{margin-bottom:36px!important}
.lr-panel{background:rgba(247,251,255,.66);border:2px solid #c9ddf2;border-radius:30px;padding:32px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lr-panel .lr-featured{margin-bottom:0}
.lr-panel .lr-divider{margin:36px 0 24px}
.lr-main{padding-top:0}
.lr-crumbs{margin-top:8px}
@media(max-width:900px){.lr-panel{padding:22px}}
@media(max-width:640px){.lr-intro{margin-top:28px}.lr-panel{padding:14px;border-radius:22px}}