.blog-list{gap:20px;margin:0;padding:0;list-style:none;display:grid}.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink-2);flex-direction:column;gap:10px;padding:28px;transition:border-color .15s,box-shadow .15s;display:flex}.blog-card:hover{border-color:var(--accent-border);box-shadow:0 6px 24px #1118270f}.blog-card-title{letter-spacing:-.01em;margin:0;font-size:clamp(20px,2.4vw,24px);font-weight:800;line-height:1.25}.blog-card-title a{color:var(--ink);text-decoration:none}.blog-card-title a:hover{color:var(--accent-ink)}.blog-card-more{font-size:14px;font-weight:600;text-decoration:none}.blog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.blog-byline{color:var(--muted);font-size:14px}.blog-post h2{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:800;line-height:1.25}.blog-answer{background:var(--accent-tint);border:1px solid var(--accent-border);border-left:4px solid var(--accent);border-radius:var(--radius);color:var(--ink);margin-bottom:24px;padding:20px 24px;font-size:17px;line-height:1.65}.blog-answer h2,.blog-takeaways h2,.blog-toc h2{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:10px;font-size:13px;font-weight:700}.blog-takeaways{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;padding:20px 24px}.blog-takeaways .check-list{gap:12px}.blog-toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);margin-bottom:8px;padding:20px 24px}.blog-toc ol{gap:6px;margin:0;padding-left:20px;font-size:15px;display:grid}.blog-toc a{text-decoration:none}.blog-toc a:hover{text-decoration:underline}.blog-body{color:var(--ink-2);font-size:17px;line-height:1.75}.blog-body>h2{margin-top:48px;margin-bottom:14px;scroll-margin-top:90px}.blog-body>h3{color:var(--ink);margin:28px 0 8px;font-size:20px;font-weight:700}.blog-body>p{margin:0 0 16px}.blog-body>ul,.blog-body>ol{gap:8px;margin:0 0 18px;padding-left:22px;display:grid}.blog-body strong{color:var(--ink)}.blog-body li::marker{color:var(--accent)}.blog-table{border:1px solid var(--line);border-radius:var(--radius);margin:8px 0 20px;overflow-x:auto}.blog-table table{border-collapse:collapse;background:var(--surface);width:100%;min-width:620px;font-size:15px;line-height:1.5}.blog-table caption{caption-side:top;color:var(--ink);background:var(--bg);border-bottom:1px solid var(--line);padding:12px 16px;font-weight:700}.blog-table th,.blog-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 16px}.blog-table thead th{background:var(--accent-tint);color:var(--accent-ink);letter-spacing:.02em;font-size:13px}.blog-table tbody th{color:var(--ink);white-space:nowrap;font-weight:600}.blog-table tbody tr:last-child>*{border-bottom:0}.blog-callout{border-radius:var(--radius);background:var(--bg);border:1px solid var(--line);margin:8px 0 20px;padding:18px 22px}.blog-callout.accent{background:var(--accent-tint);border-color:var(--accent-border)}.blog-callout p{margin:0}.blog-callout p+p{margin-top:8px}.blog-callout-title{color:var(--ink);font-weight:700;margin-bottom:6px!important}.blog-courses{border-radius:var(--radius-lg);background:var(--accent-tint);border:1px solid var(--accent-border);margin:28px 0 32px;padding:24px}.blog-courses-title{color:var(--ink);margin:0 0 16px;font-size:20px;font-weight:800;line-height:1.3}@media (min-width:992px){.blog-courses .row>.col-lg-4{width:50%}}.blog-faq{gap:10px;display:grid}.blog-faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:0 20px}.blog-faq details[open]{border-color:var(--accent-border)}.blog-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;list-style:none;display:flex}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";color:var(--accent-ink);flex:none;font-size:22px;font-weight:400;line-height:1}.blog-faq details[open] summary:after{content:"−"}.blog-faq summary h3{color:var(--ink);margin:0;font-size:17px;font-weight:700}.blog-faq details p{margin:0 0 16px;font-size:16px}@media (max-width:575.98px){.blog-card,.blog-answer,.blog-takeaways,.blog-toc{padding:18px}.blog-body{font-size:16px}.blog-courses{padding:18px}}