.blog-topnav{max-width:1180px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.blog-navlinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.blog-navlinks a,.blog-topnav a{text-decoration:none}
.blog-shell{max-width:1180px;margin:0 auto;padding:34px 20px 64px}.blog-breadcrumb{font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5d6670;margin:0 0 18px}.blog-breadcrumb a{color:#FF5C2E}
.article-hero{background:linear-gradient(135deg,#FFF7F2,#EDE6D6);border:1px solid #d9dde2;border-radius:18px;padding:34px;margin-bottom:28px;box-shadow:0 12px 28px rgba(14,26,43,.07)}.article-kicker{font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:#FF5C2E}.article-hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);line-height:1.07;margin:.45rem 0 1rem;color:#1B1916}.article-dek{font-size:1.08rem;line-height:1.72;max-width:880px;color:#48525b}.article-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:.9rem;color:#606a73}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px}.article-content{min-width:0}.article-content h2{font-family:Georgia,serif;font-size:1.72rem;margin:2.25rem 0 .75rem;color:#1B1916}.article-content h3{font-size:1.12rem;margin:1.5rem 0 .5rem;color:#1B1916}.article-content p,.article-content li{font-size:1rem;line-height:1.8;color:#303943}.article-content ul,.article-content ol{padding-left:1.35rem}
.answer-box,.review-box,.tool-cta{border:1px solid #d7dce2;border-left:5px solid #FF5C2E;background:#FFF7F2;border-radius:12px;padding:18px 20px;margin:20px 0}.review-box{border-left-color:#B8801C;background:#fffaf0}.tool-cta h2{margin-top:0}.tool-cta .cta{display:inline-block;background:#FF5C2E;color:#fff!important;text-decoration:none;font-weight:700;border-radius:9px;padding:11px 16px}
.article-aside{position:sticky;top:18px;align-self:start;border:1px solid #d9dde2;border-radius:14px;padding:18px;background:#fff}.article-aside a{display:block;padding:7px 0;color:#FF5C2E;text-decoration:none}.source-list a{overflow-wrap:anywhere}.table-wrap{overflow-x:auto}.article-content table{width:100%;border-collapse:collapse;min-width:600px}.article-content th,.article-content td{border:1px solid #d8dde3;padding:10px;text-align:left;vertical-align:top}.article-content th{background:#FFF7F2}
.related-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card,.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dde1e6;border-radius:14px;overflow:hidden;text-decoration:none;color:#1B1916;box-shadow:0 7px 18px rgba(14,26,43,.05)}.related-card img,.blog-card img{width:100%;aspect-ratio:1.905/1;object-fit:cover}.related-card .pad,.blog-card .pad{padding:16px}.related-card strong,.blog-card h2{font-family:Georgia,serif;font-size:1.08rem;line-height:1.28;margin:0 0 8px}.related-card p,.blog-card p{font-size:.9rem;line-height:1.55;color:#59636d;margin:0}
.blog-hero{padding:40px 0 18px}.blog-hero h1{font:700 clamp(2.2rem,5vw,4rem)/1.05 Georgia,serif;margin:.2rem 0;color:#1B1916}.blog-tools{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 30px}.blog-tools input,.blog-tools select{border:1px solid #c3c9d0;border-radius:10px;padding:12px 14px;background:#fff;color:#1B1916;font:inherit}.pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:34px 0}.pagination a,.pagination span{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #cbd0d6;border-radius:9px;text-decoration:none}.pagination [aria-current=page]{background:#FF5C2E;color:#fff;border-color:#FF5C2E}.no-results{padding:30px;border:1px dashed #b9c0c8;border-radius:12px;text-align:center}.article-cover{width:100%;max-width:1000px;height:auto;border-radius:15px;border:1px solid #d9dfe5;margin:0 0 24px}
.blog-related{max-width:1100px;margin:28px auto;padding:20px;border:1px solid #dde1e6;border-radius:14px;background:#FFF7F2}.blog-related h2{margin:0 0 12px;font-size:1.35rem}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.blog-related-grid a{display:block;padding:12px;background:#fff;border:1px solid #dde1e6;border-radius:10px;text-decoration:none;color:#1B1916}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}.related-grid,.blog-grid,.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-shell{padding:24px 14px 48px}.article-hero{padding:22px 18px}.related-grid,.blog-grid,.blog-related-grid{grid-template-columns:1fr}.article-content p,.article-content li{font-size:.98rem}.blog-tools{display:grid}.blog-tools input,.blog-tools select{width:100%}.blog-topnav{padding:14px;align-items:flex-start}}

/* === contrast fixes for the dark site body (WCAG 2.2 AA) === */
.blog-hero{background:#FFF7F2;border:1px solid #d9dde2;border-radius:18px;padding:28px 30px;margin-bottom:24px}
.blog-breadcrumb{color:#EDE6D6}
.blog-breadcrumb a{color:#FF8A5C}
.article-content{background:#FFF7F2;border:1px solid #d9dde2;border-radius:14px;padding:26px 28px}
.answer-box strong,.review-box strong,.tool-cta strong{color:#1B1916}
.article-content code{background:#fff;border:1px solid #e3e6ea;border-radius:5px;padding:0 4px}
.article-content pre{background:#1B1916;color:#EDE6D6;border-radius:10px;padding:14px;overflow-x:auto}
.article-content pre code{background:transparent;border:0;color:inherit}
/* heading + accent contrast corrections (AA) */
.blog-card h2,.related-card strong,.related-grid a,.blog-related-grid a{color:#1B1916}
.article-kicker{color:#C2410C}
.blog-card a,.related-card a{color:#1B1916;text-decoration:underline}
.related-card p,.blog-card p{color:#4d5763}
/* table-header + link + cta contrast corrections */
.article-content th{color:#1B1916}
.article-content a,.article-aside a,.source-list a{color:#C2410C;text-decoration:underline}
.tool-cta .cta{background:#C2410C;color:#fff!important}
.tool-cta .cta:hover,.tool-cta .cta:focus{background:#A83400}
/* table-cell + aside-heading contrast corrections */
.article-content td{color:#1B1916}
.article-aside strong{color:#1B1916}
/* pagination current-page contrast */
.pagination [aria-current=page]{background:#C2410C;border-color:#C2410C}