.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:#47626a;margin:0 0 18px}.blog-breadcrumb a{color:#0D7377}.article-hero{background:linear-gradient(135deg,#eef8f7,#fff7e6);border:1px solid #cfe3e0;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:#0D7377}.article-hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);line-height:1.07;margin:.45rem 0 1rem;color:#0E1A2B}.article-dek{font-size:1.1rem;line-height:1.75;max-width:850px;color:#30434c}.article-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:.9rem;color:#53666d}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.article-content{min-width:0}.article-content h2{font-family:Georgia,serif;font-size:1.75rem;margin:2.25rem 0 .75rem;color:#0E1A2B}.article-content h3{font-size:1.15rem;margin:1.5rem 0 .5rem}.article-content p,.article-content li{font-size:1rem;line-height:1.8;color:#263a43}.article-content ul,.article-content ol{padding-left:1.35rem}.answer-box,.formula-box,.review-box,.tool-cta{border:1px solid #cfe3e0;border-left:5px solid #0D7377;background:#f8fcfb;border-radius:12px;padding:18px 20px;margin:20px 0}.formula-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f7f8f9}.review-box{border-left-color:#E6A22B;background:#fffbf1}.tool-cta h2{margin-top:0}.tool-cta .cta{display:inline-block;background:#0D7377;color:white!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 #dce7e5;border-radius:14px;padding:18px;background:#fff}.article-aside a{display:block;padding:7px 0;color:#0D7377}.source-list a{overflow-wrap:anywhere}.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 #dce7e5;border-radius:14px;overflow:hidden;text-decoration:none;color:#0E1A2B;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.25;margin:0 0 8px}.related-card p,.blog-card p{font-size:.9rem;line-height:1.55;color:#52666d;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}.blog-tools{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 30px}.blog-tools input,.blog-tools select{border:1px solid #b9cfcc;border-radius:10px;padding:12px 14px;background:#fff;color:#0E1A2B;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 #c7d8d5;border-radius:9px;text-decoration:none}.pagination [aria-current=page]{background:#0D7377;color:#fff;border-color:#0D7377}.no-results{padding:30px;border:1px dashed #b9cfcc;border-radius:12px;text-align:center}.article-cover{width:100%;max-width:1000px;height:auto;border-radius:15px;border:1px solid #d9e4e2;margin:0 0 24px}.article-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid #d8e2e0;padding:10px;text-align:left}.article-content code{overflow-wrap:anywhere}.foot-col a[href="/blog/"]{font-weight:700}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}.related-grid,.blog-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{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%}}