body{font-family:'Urbanist',sans-serif}.fluid-bg{background:radial-gradient(circle at 50% 50%,rgba(191,43,55,0.08) 0%,transparent 50%),radial-gradient(circle at 0% 0%,rgba(191,43,55,0.05) 0%,transparent 30%)}.prose h2{font-weight:700;font-size:1.875rem;margin-top:2rem;margin-bottom:1rem;color:#1e293b}.prose p{margin-bottom:1.25rem;line-height:1.75;color:#475569}.prose a{color:#bf2b37;font-weight:700;text-decoration:underline;text-decoration-color:rgba(191,43,55,0.35);text-underline-offset:0.18em;transition:color 0.2s ease,text-decoration-color 0.2s ease}.prose a:hover{color:#9f1f2b;text-decoration-color:rgba(191,43,55,0.8)}.sticky-sidebar{position:sticky;top:6rem}.hover-glow:hover{box-shadow:0 0 20px rgba(191,43,55,0.3);transform:translateY(-2px);transition:all 0.2s ease-in-out}.blog-toc-control{position:relative;z-index:20;display:flex;justify-content:flex-start;margin-bottom:2rem}.blog-toc-trigger{display:inline-flex;align-items:center;gap:0.7rem;min-height:3.25rem;border:1px solid rgba(15,23,42,0.1);border-radius:1.1rem;background:#0f172a;color:#ffffff;padding:0.75rem 1rem;font-weight:900;line-height:1;box-shadow:0 18px 40px rgba(15,23,42,0.16);transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.blog-toc-trigger:hover{transform:translateY(-1px);border-color:rgba(191,43,55,0.45);box-shadow:0 22px 46px rgba(15,23,42,0.2)}.blog-toc-trigger .material-symbols-outlined{color:#bf2b37;font-size:1.25rem}.blog-toc-trigger small{display:inline-flex;align-items:center;border-radius:999px;background:rgba(191,43,55,0.16);color:#fecdd3;padding:0.35rem 0.55rem;font-size:0.7rem;font-weight:800;white-space:nowrap}.blog-toc-modal.hidden{display:none!important}.blog-toc-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(2,6,23,0.68);backdrop-filter:blur(14px)}.blog-toc-modal.is-open{display:flex}.blog-toc-modal__panel{width:min(92vw,520px);max-height:min(78vh,640px);overflow:hidden;border:1px solid rgba(255,255,255,0.1);border-radius:1.6rem;background:linear-gradient(145deg,rgba(15,23,42,0.98),rgba(2,6,23,0.98));color:#ffffff;box-shadow:0 30px 80px rgba(2,6,23,0.55)}.blog-toc-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,0.08)}.blog-toc-modal__head p{margin:0 0 0.35rem;color:#bf2b37;font-size:0.72rem;font-weight:900;letter-spacing:0.16em;text-transform:uppercase}.blog-toc-modal__head h3{margin:0;color:#ffffff;font-size:1.35rem;font-weight:950}.blog-toc-modal__close{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:1px solid rgba(255,255,255,0.1);border-radius:999px;background:rgba(255,255,255,0.06);color:#ffffff}.blog-toc-modal__list{display:grid;gap:0.7rem;max-height:calc(min(78vh,640px) - 6rem);overflow-y:auto;padding:1rem}.blog-toc-modal__list>a{display:flex;flex-direction:column;gap:0.25rem;border:1px solid rgba(255,255,255,0.08);border-radius:1rem;background:rgba(255,255,255,0.055);padding:0.9rem 1rem;text-decoration:none;transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease}.blog-toc-modal__list>a:hover,.blog-toc-modal__list>a.is-active{transform:translateY(-1px);border-color:rgba(191,43,55,0.45);background:rgba(191,43,55,0.14)}.blog-toc-modal__list span{color:#ffffff;font-size:0.95rem;font-weight:850;line-height:1.3}.blog-toc-modal__list small{color:#94a3b8;font-size:0.74rem;font-weight:700}@media (max-width:767px){.blog-toc-control{margin-bottom:1.35rem}.blog-toc-trigger{width:100%;justify-content:space-between;border-radius:1rem}.blog-toc-modal{align-items:flex-end;padding:0.75rem}.blog-toc-modal__panel{width:100%;max-height:76vh;border-radius:1.35rem}}
