.blog-illustration{display:block;width:100%;height:auto}.blog-visual-paper{transform-origin:300px 150px;animation:blog-paper-arrive .7s ease-out both}@keyframes blog-paper-arrive{0%{opacity:0;transform:translateY(8px) rotate(-3deg)}to{opacity:1;transform:none}}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;align-items:center}.blog-reading-layout{display:grid;grid-template-columns:245px minmax(0,760px);gap:3.5rem;max-width:1160px;margin:0 auto;padding:3rem 1.5rem 4rem;align-items:start}.blog-reading-main{min-width:0}.blog-toc{position:sticky;top:100px;max-height:calc(100dvh - 125px);overflow:auto;color:#334155;font-size:.85rem}.blog-toc summary{cursor:pointer;font-weight:700;color:#1e3a5f;padding:.7rem 0}.blog-toc summary span{display:block;padding-left:1rem;margin-top:.3rem;font-size:.72rem;font-weight:400;color:#64748b}.blog-toc ol{list-style:none;padding:0;margin:.5rem 0}.blog-toc li+li{margin-top:.25rem}.blog-toc a{display:flex;gap:.65rem;padding:.55rem .4rem;border-radius:.5rem;line-height:1.5}.blog-toc a span{color:#c2410c;font-size:.7rem;padding-top:.13rem;flex-shrink:0}.blog-toc a:hover,.blog-toc a:focus-visible{background:#fff7ed;color:#9a3412}.blog-article{color:#334155;font-size:1.075rem;line-height:1.85;overflow-wrap:anywhere}.blog-article>p:first-child{font-size:1.22rem;color:#1e3a5f;line-height:1.7;border-left:3px solid #f97316;padding-left:1.25rem;margin-top:0}.blog-article p{margin:1.1rem 0}.blog-article h2{color:#1e3a5f;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.35;font-weight:700;margin:2.8rem 0 1rem;scroll-margin-top:110px}.blog-article h2:target{text-decoration:underline;text-decoration-color:#f97316;text-underline-offset:.3em}.blog-article h3{color:#1e3a5f;font-size:1.2rem;line-height:1.5;font-weight:700;margin:1.8rem 0 .8rem}.blog-article a{color:#a94309;text-decoration:underline;text-decoration-color:#fdba74;text-underline-offset:.2em}.blog-article a:hover,.blog-article strong{color:#1e3a5f}.blog-article ul,.blog-article ol{padding-left:1.5rem;margin:1.1rem 0}.blog-article ul{list-style:disc}.blog-article ol{list-style:decimal}.blog-article li{padding-left:.2rem;margin:.55rem 0}.blog-article li::marker{color:#c2410c;font-weight:600}.blog-article blockquote{margin:1.5rem 0;padding:1rem 1.4rem;background:#f8fafc;border-left:3px solid #f97316}.blog-table-scroll{width:100%;max-width:100%;overflow-x:auto;margin:1.8rem 0;border:1px solid #dce4ee;border-radius:.8rem}.blog-table-scroll:focus-visible{outline:3px solid #f97316;outline-offset:3px}.blog-article table{border-collapse:collapse;width:100%;min-width:480px;font-size:.88rem;line-height:1.6}.blog-article caption{padding:.9rem 1rem;text-align:left;color:#475569;background:#f8fafc;font-size:.8rem;font-weight:600}.blog-article th{background:#1e3a5f;color:#fff;text-align:left;padding:.85rem 1rem}.blog-article td{padding:.85rem 1rem;border-top:1px solid #e2e8f0;vertical-align:top}.blog-article tr:nth-child(2n) td{background:#f8fafc}.blog-kicker{font-size:.7rem;color:#9a3412;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.blog-diagram{background:#f8fafc;border:1px solid #dde5ed;border-radius:1.25rem;padding:1.5rem;margin-bottom:2.6rem;color:#334155}.blog-diagram h2{font-size:1.5rem;font-weight:700;color:#1e3a5f;margin-top:.4rem;line-height:1.35}.blog-diagram-hint{font-size:.85rem;margin:.6rem 0 1.2rem}.blog-diagram-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.blog-diagram-steps button{min-width:0;border:1px solid #cbd5e1;padding:.65rem .4rem;background:#fff;border-radius:.6rem;font-size:.78rem;font-weight:600;overflow-wrap:anywhere;transition:background .15s,color .15s}.blog-diagram-steps button span{display:block;font-size:.67rem;opacity:.7;margin-bottom:.2rem}.blog-diagram-steps button[aria-pressed=true]{background:#1e3a5f;color:#fff;border-color:#1e3a5f;box-shadow:inset 0 -3px #f97316}.blog-diagram-steps button:focus-visible{outline:3px solid #f97316;outline-offset:3px}.blog-diagram-detail{min-height:172px;padding:1.3rem 0 .7rem;font-size:.95rem;line-height:1.7}.blog-diagram-detail>strong{color:#1e3a5f}.blog-proof{margin-top:.7rem}.blog-proof span{color:#9a3412;font-weight:700}.blog-diagram-caption{font-size:.75rem;line-height:1.6;color:#64748b;border-top:1px solid #e2e8f0;padding-top:.85rem}.blog-learning-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.blog-learning-paths a{min-width:0;padding:1.2rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;color:#1e3a5f;font-weight:700}.blog-learning-paths a:hover{border-color:#f97316}.blog-learning-paths span{display:block;color:#64748b;font-size:.85rem;font-weight:400;margin-top:.45rem}@media (max-width: 1023px){.blog-hero-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.blog-hero-grid .blog-illustration{max-width:520px;margin:0 auto}.blog-reading-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:800px}.blog-toc{position:static;max-height:none;border:1px solid #e2e8f0;border-radius:.8rem;padding:.5rem 1rem}.blog-toc nav{max-height:200px;overflow:auto}}@media (max-width: 600px){.blog-reading-layout{padding:1.5rem 1rem 3rem}.blog-article{font-size:1rem}.blog-article>p:first-child{font-size:1.1rem}.blog-diagram{padding:1rem}.blog-diagram-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-diagram-detail{min-height:225px}.blog-learning-paths{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.blog-visual-paper{animation:none}.blog-diagram-steps button{transition:none}}