.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:#2563EB}
.article-hero{background:linear-gradient(135deg,#F6F9FF,#E8EEF9);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:#2563EB}.article-hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);line-height:1.07;margin:.45rem 0 1rem;color:#141922}.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:#141922}.article-content h3{font-size:1.12rem;margin:1.5rem 0 .5rem;color:#141922}.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 #2563EB;background:#F6F9FF;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:#2563EB;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:#2563EB;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:#F6F9FF}
.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:#141922;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:#141922}.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:#141922;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:#2563EB;color:#fff;border-color:#2563EB}.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:#F6F9FF}.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:#141922}
@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}}