.learn-hero{padding:72px 0 56px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-bottom:1px solid var(--border)}
.learn-hero-inner{max-width:860px}
.learn-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-2.7px;margin:16px 0 18px}
.learn-hero p{font-size:19px;line-height:1.7;color:var(--slate);max-width:760px}
.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:54px 0 84px}
.learn-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:22px;padding:28px;background:#fff;box-shadow:var(--shadow-soft);transition:.2s ease}
.learn-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.learn-card .eyebrow{align-self:flex-start}
.learn-card h2{font-size:28px;line-height:1.15;letter-spacing:-.8px;margin:18px 0 12px}
.learn-card p{color:var(--slate);line-height:1.65;margin:0 0 22px}
.learn-card .learn-meta{margin-top:auto;color:#64748b;font-size:13px;font-weight:700}

.article-hero{padding:64px 0 34px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.article-shell{width:min(calc(100% - 40px),1120px);margin:0 auto}
.article-hero-copy{max-width:900px}
.article-hero h1{font-size:clamp(42px,5.4vw,66px);line-height:1.04;letter-spacing:-2.3px;margin:16px 0 18px}
.article-dek{font-size:20px;line-height:1.68;color:#4b5563;margin:0 0 20px;max-width:760px}
.breadcrumbs{font-size:13px;color:#64748b;margin-bottom:8px}
.breadcrumbs a{color:var(--blue);font-weight:700}
.article-author{display:flex;align-items:center;gap:11px;color:#64748b;font-size:13px;font-weight:700;margin-top:18px}
.article-author img{width:34px;height:34px;object-fit:contain;border-radius:50%;background:#fff;border:1px solid var(--border);padding:5px}
.article-author-copy{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center}
.article-author-copy strong{color:var(--navy)}
.article-author-copy .dot{color:#94a3b8}
.article-tldr{max-width:760px;margin:28px 0 0;padding:22px 24px;border:1px solid #dbeafe;border-left:4px solid var(--blue);border-radius:14px;background:#f8fbff}
.article-tldr h2{font-size:16px;letter-spacing:.02em;text-transform:uppercase;margin:0 0 10px;color:#1d4ed8}
.article-tldr ul{margin:0;padding-left:20px}
.article-tldr li{font-size:15px;line-height:1.55;color:#334155;margin:5px 0}

.article-layout{display:grid;grid-template-columns:minmax(0,720px) 260px;justify-content:center;gap:70px;align-items:start;padding:20px 0 84px}
.article-main{min-width:0}
.article-main h2{font-size:30px;line-height:1.18;font-weight:700;letter-spacing:-.02em;margin:48px 0 16px}
.article-main h3{font-size:22px;line-height:1.3;letter-spacing:-.015em;margin:32px 0 12px}
.article-main p,.article-main li{font-size:18px;line-height:1.7;color:#334155}
.article-main p{margin:0 0 24px}
.article-main ul,.article-main ol{padding-left:24px;margin:0 0 24px}
.article-main li{margin:7px 0}
.article-main strong{color:var(--navy)}
.article-sidebar{position:sticky;top:96px;display:grid;gap:18px}
.article-side-card{border:1px solid var(--border);border-radius:16px;padding:20px;background:#fff;box-shadow:var(--shadow-soft)}
.article-side-card h2{font-size:15px;letter-spacing:.01em;margin:0 0 12px;color:var(--navy)}
.article-side-card nav{display:grid;gap:9px}
.article-side-card nav a{font-size:13px;line-height:1.45;color:#475569;font-weight:650}
.article-side-card nav a:hover{color:var(--blue)}
.article-side-cta{background:#f8fbff;border-color:#dbeafe}
.article-side-cta p{font-size:13px;line-height:1.55;color:#64748b;margin:0 0 14px}
.article-side-cta .btn{width:100%;min-height:42px;padding:0 14px;font-size:13px;box-shadow:none}

.article-callout{margin:30px 0;padding:22px 24px;border-left:4px solid var(--blue);border-radius:12px;background:#f9fafb}
.article-callout.success{border-left-color:#22c55e;background:#f0fdf4}
.article-callout p{margin:0;color:#334155;font-weight:700}
.article-pullquote{margin:34px 0;padding:8px 0 8px 24px;border-left:4px solid #cbd5e1;color:#475569;font-size:20px;line-height:1.6;font-style:italic}
.article-loop{display:grid;gap:10px;margin:28px 0}
.article-loop div{padding:15px 17px;border-radius:14px;border:1px solid var(--border);background:#fbfdff;font-weight:750;color:#334155}
.article-cta{margin-top:56px;padding:30px;border-radius:22px;background:#0f172a;color:#fff}
.article-cta h2{color:#fff;margin:0 0 12px;font-size:30px}
.article-cta p{color:#cbd5e1;margin:0 0 22px}
.article-cta .btn{box-shadow:none}
.article-table-wrap{overflow-x:auto;margin:28px 0 34px}
.article-table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.article-table th,.article-table td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.55}
.article-table th+th,.article-table td+td{border-left:1px solid var(--border)}
.article-table tr:last-child td{border-bottom:0}
.article-table th{background:#f8fafc;color:var(--navy);font-size:14px}
.article-table td{color:#334155;font-size:16px}

@media(max-width:1024px){.article-layout{grid-template-columns:minmax(0,720px);gap:0}.article-sidebar{display:none}}
@media(max-width:760px){.learn-grid{grid-template-columns:1fr}.learn-hero{padding:54px 0 38px}.article-hero{padding:48px 0 24px}.article-shell{width:min(calc(100% - 32px),1120px)}.article-main h2{font-size:28px;margin-top:40px}.article-main p,.article-main li{font-size:17px}.article-tldr{padding:19px 20px}.article-author-copy{gap:3px 6px}}