.blog-article *,.blog-article :before,.blog-article :after{box-sizing:border-box;margin:0;padding:0}.blog-article{--cream:#f5f3ee;--white:#fff;--ink:#1a1a1a;--ink-mid:#444440;--ink-muted:#7a7a75;--teal:#0d7a6e;--teal-light:#e1f5ee;--gold:#b8860b;--gold-light:#fef9e7;--red-light:#fdedec;--red:#b83232;--amber-light:#faeeda;--amber:#ba7517;--border:#e0ddd6;--radius:12px;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.7}.blog-article .hero{background:var(--white);border-bottom:1px solid var(--border);max-width:780px;margin:0 auto;padding:72px 32px 56px}.blog-article .eyebrow{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:500}.blog-article .hero h1{color:var(--ink);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(28px,5vw,42px);font-weight:600;line-height:1.2}.blog-article .hero-sub{color:var(--ink-mid);max-width:640px;margin-bottom:28px;font-size:18px;line-height:1.65}.blog-article .hero-meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.blog-article .hero-meta .dot{color:var(--border)}.blog-article .cta-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.blog-article .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.blog-article .btn-primary{background:var(--teal);color:#fff}.blog-article .btn-secondary{background:var(--white);color:var(--ink);border:1px solid var(--border)}.blog-article .btn-orai{color:#fff;background:#3b5bff;border:none;border-radius:6px;align-items:center;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.blog-article .content-wrap{max-width:780px;margin:0 auto;padding:56px 32px}.blog-article .prose p{color:var(--ink-mid);margin-bottom:20px;font-size:17px;line-height:1.75}.blog-article .prose p strong{color:var(--ink);font-weight:600}.blog-article .prose h2{color:var(--ink);letter-spacing:-.01em;margin:48px 0 16px;font-size:24px;font-weight:600}.blog-article .prose h3{color:var(--ink);margin:32px 0 10px;font-size:18px;font-weight:600}.blog-article .callout{background:var(--teal-light);border-left:3px solid var(--teal);color:#0b4f46;border-radius:0 8px 8px 0;margin:28px 0;padding:16px 20px;font-size:15.5px;line-height:1.65}.blog-article .callout .callout-label{letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;font-size:12px;font-weight:700}.blog-article .callout ul{margin:0;padding-left:20px}.blog-article .callout li{margin-bottom:8px}.blog-article .callout li:last-child{margin-bottom:0}.blog-article .fig-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin:36px 0;overflow:hidden}.blog-article .fig-caption{color:var(--ink-muted);border-top:1px solid var(--border);padding:14px 20px;font-size:14px;line-height:1.55}.blog-article .comparison{grid-template-columns:1fr 1fr;gap:0;padding:28px 24px;display:grid}.blog-article .comp-col{padding:0 12px}.blog-article .comp-col:first-child{border-right:1px solid var(--border);padding-right:24px}.blog-article .comp-col:last-child{padding-left:24px}.blog-article .comp-label{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:600}.blog-article .comp-step{border:1px solid var(--border);color:var(--ink-mid);background:#f0ede8;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-size:13.5px;position:relative}.blog-article .comp-step.highlight{color:#0b4f46;background:#dff0eb;border-color:#9ad4c6}.blog-article .comp-step.big{padding:14px;font-size:13px;line-height:1.55}.blog-article .step-title{color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:600}.blog-article .step-arrow{text-align:center;color:var(--ink-muted);margin:4px 0;font-size:16px}.blog-article .arch-diagram{padding:28px 24px}.blog-article .arch-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.blog-article .arch-box{text-align:center;border-radius:8px;flex:1;min-width:100px;max-width:160px;padding:10px 14px;font-size:13px;font-weight:500}.blog-article .arch-arrow{text-align:center;color:var(--ink-muted);margin:6px 0;font-size:18px}.blog-article .arch-wide{text-align:center;border-radius:8px;max-width:480px;margin:0 auto;padding:14px 20px;font-size:14px;font-weight:500}.blog-article .arch-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);text-align:center;margin-bottom:10px;font-size:11px;font-weight:600}.blog-article .arch-section{border:1px dashed var(--border);border-radius:10px;margin-bottom:12px;padding:16px}.blog-article .results-chart{padding:24px}.blog-article .chart-title{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:16px;font-size:13px;font-weight:600}.blog-article .chart-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.blog-article .chart-label{color:var(--ink-mid);text-align:right;flex-shrink:0;width:130px;font-size:12.5px}.blog-article .chart-bar-wrap{background:#edeae3;border-radius:4px;flex:1;height:22px;position:relative;overflow:hidden}.blog-article .chart-bar{border-radius:4px;justify-content:flex-end;align-items:center;height:100%;padding-right:8px;transition:width 1s;display:flex}.blog-article .chart-score{color:var(--ink-mid);flex-shrink:0;width:38px;font-size:12px;font-weight:500}.blog-article .chart-badge{text-align:center;border-radius:4px;flex-shrink:0;width:40px;padding:2px 7px;font-size:10px;font-weight:700}.blog-article .pass{color:#155724;background:#d4edda}.blog-article .warn{color:#856404;background:#fff3cd}.blog-article .findings-grid{grid-template-columns:1fr 1fr;gap:14px;margin:28px 0;display:grid}.blog-article .finding-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.blog-article .finding-card .f-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;font-size:15px;display:flex}.blog-article .finding-card .f-title{color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.35}.blog-article .finding-card .f-desc{color:var(--ink-muted);font-size:13px;line-height:1.6}.blog-article .dim-list{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.blog-article .dim-item{background:var(--white);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.blog-article .dim-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.blog-article .dim-name{color:var(--ink);margin-bottom:2px;font-size:14px;font-weight:600}.blog-article .dim-desc{color:var(--ink-muted);font-size:12.5px;line-height:1.5}.blog-article footer{border-top:1px solid var(--border);background:var(--white);text-align:center;padding:40px 32px}.blog-article .footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px;display:flex}.blog-article .footer-links a{color:var(--teal);font-size:14px;font-weight:500;text-decoration:none}.blog-article .footer-links a:hover{text-decoration:underline}.blog-article .footer-note{color:var(--ink-muted);font-size:13px}.blog-article .citation-box{border:1px solid var(--border);color:var(--ink-mid);white-space:pre-wrap;word-break:break-all;background:#f0ede8;border-radius:8px;margin:28px 0;padding:16px 20px;font-family:Courier New,monospace;font-size:12.5px;line-height:1.7}.blog-article .divider{border:none;border-top:1px solid var(--border);margin:48px 0}.blog-article .transcript-grid{grid-template-columns:1fr;gap:20px;margin:32px 0;display:grid}.blog-article .transcript-fig img{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto;display:block}.blog-article .transcript-fig figcaption{color:var(--ink-muted);margin-top:8px;font-size:13px;line-height:1.55}@media(max-width:600px){.blog-article .comparison,.blog-article .findings-grid,.blog-article .dim-list{grid-template-columns:1fr}.blog-article .comp-col:first-child{border-right:none;border-bottom:1px solid var(--border);padding:0 0 20px}.blog-article .comp-col:last-child{padding:20px 0 0}.blog-article .chart-label{width:90px;font-size:11px}}.blog-article .post-layout{text-align:left;grid-template-columns:1fr;gap:2rem;max-width:1100px;margin:0 auto;padding:56px 32px;display:grid}.blog-article .content-wrap{min-width:0;max-width:none;margin:0;padding:0}.blog-article .toc-sidebar{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:left;box-sizing:border-box;width:100%;padding:1.25rem 1.1rem}.blog-article .toc-sidebar nav{z-index:auto;background:0 0;border:none;align-items:stretch;gap:0;height:auto;min-height:0;margin:0;padding:0;display:block;position:static}.blog-article .toc-sidebar .toc-title{letter-spacing:.06em;text-transform:uppercase;color:var(--teal);text-align:left;margin:0 0 .85rem;font-size:12px;font-weight:600}.blog-article .toc-sidebar nav ul,.blog-article .toc-sidebar ul{text-align:left;margin:0;padding:0;list-style:none;display:block}.blog-article .toc-sidebar li{text-align:left;margin:0 0 .65rem}.blog-article .toc-sidebar li:last-child{margin-bottom:0}.blog-article .toc-sidebar a{color:var(--ink-mid);text-align:left;border-left:2px solid #0000;padding:.1rem 0 .1rem .65rem;font-size:14px;line-height:1.5;text-decoration:none;transition:color .15s,border-color .15s;display:block}.blog-article .toc-sidebar a:hover{color:var(--teal);border-left-color:var(--teal)}@media(min-width:960px){.blog-article .post-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:2.5rem}.blog-article .toc-sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent;width:240px;max-width:240px;max-height:calc(100vh - 6.5rem);position:sticky;top:5rem;overflow:hidden auto}.blog-article .toc-sidebar::-webkit-scrollbar{width:6px}.blog-article .toc-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.blog-article .toc-sidebar::-webkit-scrollbar-track{background:0 0}}
