.cof-blog{--bg:#091622;--surface:#102333;--surface-2:#172e40;--text:#eef3f6;--text-muted:#b1c0cc;--text-subtle:#93a8b8;--border:#284253;--border-strong:#466274;--accent:#b58e58;--accent-hover:#cfaa75;--accent-text:#dab579;--accent-muted:#b58e5829;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--size-h1:3rem;--size-h2:2rem;--size-h3:1.5rem;--size-h4:1.15rem;--size-body-lg:1rem;--lh-relaxed:1.85;--lh-tight:1.12;--lh-snug:1.3;background:radial-gradient(ellipse at 5% 0,#173043,transparent 50%),var(--bg);color:var(--text);min-height:100vh;padding:110px 24px 70px}.blog-shell{max-width:1240px;margin:auto}.blog-back{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:38px}.blog-kicker{font-size:.68rem;letter-spacing:.18em;font-weight:700;color:var(--accent-text);text-transform:uppercase}.blog-intro{max-width:800px;margin-bottom:50px}.blog-intro h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.08;font-weight:500;margin:20px 0}.blog-intro em{font-weight:400;color:var(--accent-text)}.blog-intro>p:not(.blog-kicker){font-size:1.08rem;line-height:1.8;color:var(--text-muted);max-width:670px}.blog-archive-note{display:flex;gap:14px;border:1px solid var(--border);border-left:3px solid var(--accent);background:#102333cc;padding:18px 22px;margin-top:28px;border-radius:0 12px 12px 0}.blog-archive-note>svg{flex:none;margin-top:4px}.blog-archive-note p{font-size:.85rem;line-height:1.7;color:var(--text-muted);margin:0}.blog-archive-note strong{color:var(--text)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:#102333a8;padding:28px;min-height:340px;transition:border-color .2s}.blog-card:hover{border-color:var(--accent)}.blog-card-date{font-size:.76rem;color:var(--text-subtle);margin:14px 0}.blog-card h2{font-size:1.38rem;line-height:1.35;font-weight:550;margin-bottom:14px}.blog-card>p:not(.blog-kicker):not(.blog-card-date){color:var(--text-muted);font-size:.88rem;line-height:1.8}.blog-card-link{display:flex;align-items:center;gap:8px;color:var(--accent-text);margin-top:auto;padding-top:26px;font-size:.83rem}.blog-next{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:24px;margin-top:60px;padding-top:34px}.blog-next h2{width:100%;font-size:1.8rem}.blog-next a{font-size:.9rem;color:var(--accent-text)}.blog-article-header{max-width:930px;margin-bottom:52px}.blog-article-header h1{font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.15;font-weight:500;margin:22px 0}.blog-article-description{font-size:1.1rem;line-height:1.8;color:var(--text-muted)}.blog-byline{font-size:.8rem;color:var(--text-subtle);margin-top:22px}.blog-reading-layout{display:grid;grid-template-columns:220px minmax(0,850px);gap:54px;align-items:start}.blog-toc{position:sticky;top:112px;max-height:75vh;overflow:auto}.blog-toc nav{display:grid;gap:15px;margin-top:20px}.blog-toc a{font-size:.8rem;line-height:1.5;color:var(--text-muted)}.blog-toc a:hover{color:var(--accent-text)}.blog-prose{min-width:0;line-height:1.85;font-size:1rem}.blog-prose p,.blog-prose>p{margin-top:1em;margin-bottom:1em}.blog-prose h2{font-size:1.9rem;line-height:1.3;margin:2.5em 0 .8em;scroll-margin-top:115px}.blog-prose h3{font-size:1.35rem;line-height:1.4;margin:2em 0 .8em;scroll-margin-top:115px}.blog-prose h4{font-size:1.1rem;font-weight:600}.blog-prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:4px}.blog-prose ol,.blog-prose ul{padding-left:1.6rem;margin:1.2rem 0}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{margin:.6rem 0}.blog-prose blockquote{border-left:3px solid var(--accent);padding-left:22px;font-style:italic;color:var(--text-muted);margin:30px 0}.blog-prose hr{border-color:var(--border);margin:40px 0}.blog-prose pre{overflow:auto;max-width:100%;background:var(--surface);padding:18px;border-radius:12px}.blog-prose code{font-size:.88em;background:var(--surface);padding:.12em .3em;border-radius:4px}.blog-table-scroll{overflow:auto;margin:28px 0;border:1px solid var(--border);border-radius:12px}.blog-prose table{width:100%;border-collapse:collapse;font-size:.87rem;line-height:1.65}.blog-prose td,.blog-prose th{padding:14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.blog-prose th{background:var(--surface);font-weight:600}.blog-prose svg[role=img]{max-width:100%;height:auto}.blog-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#071521;padding:12px 18px;border-radius:30px;font-size:.85rem;font-weight:650;margin-top:20px}.blog-action:disabled{opacity:.45;cursor:not-allowed}.blog-quiz-result a{display:inline-block;margin:20px 0 0 20px}.cof-blog :focus-visible{outline:2px solid var(--accent-text);outline-offset:5px}@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reading-layout{grid-template-columns:1fr;gap:28px}.blog-toc{position:static;max-height:220px;border:1px solid var(--border);padding:20px;border-radius:14px}}@media(max-width:640px){.cof-blog{padding:95px 18px 45px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:0;padding:24px}.blog-article-header h1{font-size:2rem}.blog-prose{font-size:.95rem}.blog-prose h2{font-size:1.55rem}.blog-archive-note{padding:15px}.blog-quiz-result a{display:block;margin-left:0}}.cof-blog :is(.text-red-500,.text-red-600,.text-red-700){color:#fca5a5}.cof-blog svg text:is([fill="#dc2626" i],[fill="#ef4444" i]){fill:#fca5a5}.cof-blog :is([style^="color:#dc2626" i],[style^="color: #dc2626" i],[style*=";color:#dc2626" i],[style*="; color: #dc2626" i],[style^="color:#ef4444" i],[style^="color: #ef4444" i],[style*=";color:#ef4444" i],[style*="; color: #ef4444" i],[style^="color:rgb(220, 38, 38)" i],[style^="color: rgb(220, 38, 38)" i],[style*=";color:rgb(220, 38, 38)" i],[style*="; color: rgb(220, 38, 38)" i],[style^="color:rgb(239, 68, 68)" i],[style^="color: rgb(239, 68, 68)" i],[style*=";color:rgb(239, 68, 68)" i],[style*="; color: rgb(239, 68, 68)" i]){color:#fca5a5!important}.cof-blog :is(.text-rose-500,.text-rose-600,.text-rose-700){color:#fda4af}.cof-blog svg text:is([fill="#e11d48" i],[fill="#f43f5e" i]){fill:#fda4af}.cof-blog :is([style^="color:#e11d48" i],[style^="color: #e11d48" i],[style*=";color:#e11d48" i],[style*="; color: #e11d48" i],[style^="color:#f43f5e" i],[style^="color: #f43f5e" i],[style*=";color:#f43f5e" i],[style*="; color: #f43f5e" i],[style^="color:rgb(225, 29, 72)" i],[style^="color: rgb(225, 29, 72)" i],[style*=";color:rgb(225, 29, 72)" i],[style*="; color: rgb(225, 29, 72)" i],[style^="color:rgb(244, 63, 94)" i],[style^="color: rgb(244, 63, 94)" i],[style*=";color:rgb(244, 63, 94)" i],[style*="; color: rgb(244, 63, 94)" i]){color:#fda4af!important}.cof-blog :is(.text-emerald-500,.text-emerald-600,.text-emerald-700){color:#6ee7b7}.cof-blog svg text:is([fill="#059669" i],[fill="#047857" i]){fill:#6ee7b7}.cof-blog :is([style^="color:#059669" i],[style^="color: #059669" i],[style*=";color:#059669" i],[style*="; color: #059669" i],[style^="color:#047857" i],[style^="color: #047857" i],[style*=";color:#047857" i],[style*="; color: #047857" i],[style^="color:rgb(5, 150, 105)" i],[style^="color: rgb(5, 150, 105)" i],[style*=";color:rgb(5, 150, 105)" i],[style*="; color: rgb(5, 150, 105)" i],[style^="color:rgb(4, 120, 87)" i],[style^="color: rgb(4, 120, 87)" i],[style*=";color:rgb(4, 120, 87)" i],[style*="; color: rgb(4, 120, 87)" i]){color:#6ee7b7!important}.cof-blog :is(.text-green-500,.text-green-600,.text-green-700){color:#86efac}.cof-blog svg text:is([fill="#16a34a" i],[fill="#15803d" i]){fill:#86efac}.cof-blog :is([style^="color:#16a34a" i],[style^="color: #16a34a" i],[style*=";color:#16a34a" i],[style*="; color: #16a34a" i],[style^="color:#15803d" i],[style^="color: #15803d" i],[style*=";color:#15803d" i],[style*="; color: #15803d" i],[style^="color:rgb(22, 163, 74)" i],[style^="color: rgb(22, 163, 74)" i],[style*=";color:rgb(22, 163, 74)" i],[style*="; color: rgb(22, 163, 74)" i],[style^="color:rgb(21, 128, 61)" i],[style^="color: rgb(21, 128, 61)" i],[style*=";color:rgb(21, 128, 61)" i],[style*="; color: rgb(21, 128, 61)" i]){color:#86efac!important}.cof-blog :is(.text-amber-500,.text-amber-600,.text-amber-700){color:#fcd34d}.cof-blog svg text:is([fill="#d97706" i],[fill="#b45309" i]){fill:#fcd34d}.cof-blog :is([style^="color:#d97706" i],[style^="color: #d97706" i],[style*=";color:#d97706" i],[style*="; color: #d97706" i],[style^="color:#b45309" i],[style^="color: #b45309" i],[style*=";color:#b45309" i],[style*="; color: #b45309" i],[style^="color:rgb(217, 119, 6)" i],[style^="color: rgb(217, 119, 6)" i],[style*=";color:rgb(217, 119, 6)" i],[style*="; color: rgb(217, 119, 6)" i],[style^="color:rgb(180, 83, 9)" i],[style^="color: rgb(180, 83, 9)" i],[style*=";color:rgb(180, 83, 9)" i],[style*="; color: rgb(180, 83, 9)" i]){color:#fcd34d!important}.cof-blog :is(.text-indigo-500,.text-indigo-600,.text-indigo-700){color:#a5b4fc}.cof-blog svg text:is([fill="#6366f1" i],[fill="#4f46e5" i]){fill:#a5b4fc}.cof-blog :is([style^="color:#6366f1" i],[style^="color: #6366f1" i],[style*=";color:#6366f1" i],[style*="; color: #6366f1" i],[style^="color:#4f46e5" i],[style^="color: #4f46e5" i],[style*=";color:#4f46e5" i],[style*="; color: #4f46e5" i],[style^="color:rgb(99, 102, 241)" i],[style^="color: rgb(99, 102, 241)" i],[style*=";color:rgb(99, 102, 241)" i],[style*="; color: rgb(99, 102, 241)" i],[style^="color:rgb(79, 70, 229)" i],[style^="color: rgb(79, 70, 229)" i],[style*=";color:rgb(79, 70, 229)" i],[style*="; color: rgb(79, 70, 229)" i]){color:#a5b4fc!important}.cof-blog :is(.text-gray-500,.text-gray-600,.text-slate-500,.text-slate-600){color:#b6c4d0}.cof-blog svg text:is([fill="#6b7280" i]){fill:#b6c4d0}.cof-blog :is([style^="color:#6b7280" i],[style^="color: #6b7280" i],[style*=";color:#6b7280" i],[style*="; color: #6b7280" i],[style^="color:rgb(107, 114, 128)" i],[style^="color: rgb(107, 114, 128)" i],[style*=";color:rgb(107, 114, 128)" i],[style*="; color: rgb(107, 114, 128)" i]){color:#b6c4d0!important}.cof-blog .blog-prose :is(a,button).bg-\[var\(--accent\)\]{color:#071521}.cof-blog [aria-hidden=true][style*="#ff6900" i]>.text-white{color:#071521}.cof-blog :is(.text-violet-500,.text-violet-600,.text-purple-500,.text-purple-600){color:#c4b5fd}.cof-blog svg text[fill="#8b5cf6" i]{fill:#c4b5fd}.cof-blog :is([style^="color:#8b5cf6" i],[style^="color: #8b5cf6" i],[style*=";color:#8b5cf6" i],[style*="; color: #8b5cf6" i],[style^="color: rgb(139, 92, 246)" i],[style*="; color: rgb(139, 92, 246)" i]){color:#c4b5fd!important}