.blog-shell{max-width:1120px;margin:0 auto;padding:24px 20px 48px;overflow-wrap:anywhere}.blog-shell h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.15}.blog-shell img{max-width:100%;height:auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin:28px 0}.blog-card{padding:18px;border:1px solid #dbe1e8;border-radius:14px;background:#fff}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.blog-card h2{font-size:1.35rem}.blog-byline{color:#49566a;font-size:.9rem}.blog-article{max-width:800px;margin:24px auto}.blog-lead{width:100%;border-radius:14px}.blog-summary,.blog-introduction{font-size:1.15rem;line-height:1.7}.blog-body{line-height:1.8}.blog-body h2,.blog-body h3,.blog-body h4{scroll-margin-top:24px;line-height:1.3;margin-top:1.6em}.blog-body figure{margin:24px 0}.blog-toc{padding:18px 24px;border-radius:12px;background:#f2f6fc}.blog-toc h2{font-size:1.2rem}.blog-toc li{margin:8px 0}.blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:32px 0}.blog-preview{padding:16px;border:2px solid #ac6300;background:#fff5dc}.blog-shell a:focus-visible{outline:3px solid #145bd7;outline-offset:3px}@media(max-width:600px){.blog-shell{padding:16px 14px 32px}.blog-card{padding:14px}.blog-toc{padding:14px}.blog-grid{gap:16px}}

.blog-article-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 18px;color:#5e687b;font-size:.875rem;line-height:1.6}.blog-dates{display:flex;flex-wrap:wrap;gap:6px 20px}.blog-category{flex-shrink:0;border:1px solid #ffd1bd;border-radius:999px;padding:6px 14px;background:#fff0e8;color:#923000;text-decoration:none;font-weight:650}.blog-category:hover{background:#ffe3d3;border-color:#ff4b00}.blog-toc{margin:24px 0;padding:24px;border:1px solid #e7e9ee;border-left:4px solid #ff4b00;border-radius:12px;background:#fffaf6;box-shadow:0 4px 16px #17213a08}.blog-toc h2{margin:0 0 16px;color:#101526;font-size:1.15rem;line-height:1.4}.blog-toc ol{margin:0;padding:0;list-style:none;counter-reset:blog-index;display:grid;gap:2px}.blog-toc li{margin:0;counter-increment:blog-index}.blog-toc a{display:flex;align-items:baseline;gap:8px;min-height:36px;box-sizing:border-box;padding:6px 8px;border-radius:8px;color:#344055;text-decoration:none;line-height:1.5}.blog-toc a::before{content:counter(blog-index,decimal-leading-zero);flex:0 0 2ch;white-space:nowrap;overflow-wrap:normal;color:#923000;font-weight:750;font-size:.85rem}.blog-toc a:hover{background:#fff0e8;color:#923000}.blog-toc a:focus-visible,.blog-category:focus-visible{outline:3px solid #923000;outline-offset:3px}@media(max-width:600px){.blog-article-meta{align-items:flex-start;gap:12px}.blog-dates{flex-direction:column;gap:4px}.blog-category{flex-shrink:1;max-width:45%}.blog-toc{padding:18px 14px}.blog-toc a{padding:6px 4px}}
/* Server-rendered editorial tables; product and offer layouts are unaffected. */
.blog-body .blog-table-scroll{max-width:100%;overflow-x:auto;margin:24px 0;overscroll-behavior-x:contain}
.blog-body .blog-table-scroll:focus-visible{outline:3px solid #145bd7;outline-offset:3px}
.blog-body .blog-table-scroll>table{width:100%;min-width:640px;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.blog-body .blog-table-scroll caption{text-align:left;font-weight:700;margin-bottom:10px}
.blog-body .blog-table-scroll th,.blog-body .blog-table-scroll td{border:1px solid #dbe1e8;padding:12px;text-align:left;vertical-align:top}
.blog-body .blog-table-scroll th{background:#f2f6fc;font-weight:700}

/* Editorial palette, shared by the listing and article pages. */
.blog-shell{color:#202b3d;padding-top:32px;line-height:1.6}
.blog-shell a:link,.blog-shell a:visited{color:#943600;text-decoration-color:#e5b59a;text-underline-offset:3px;transition:color .18s,background-color .18s}
.blog-shell a:hover{color:#702800;text-decoration-color:currentColor}
.blog-shell>nav[aria-label="Breadcrumb"]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#687386;font-size:.875rem;margin-bottom:26px}
.blog-shell>nav[aria-label="Breadcrumb"] a{text-decoration:none}
.blog-shell h1{color:#142036;letter-spacing:-.035em;margin:0 0 18px;font-weight:800}
.blog-introduction{max-width:760px;color:#596579;margin:0 0 32px}
.blog-introduction:empty{display:none}
.blog-card{padding:16px;border-color:#e3e7ed;border-radius:20px;box-shadow:0 5px 24px #17213a06;transition:box-shadow .2s,border-color .2s;overflow:hidden}
.blog-card:hover{border-color:#e5b59a;box-shadow:0 12px 32px #17213a10}
.blog-card>a:link,.blog-card>a:visited{display:block;color:#17243a;text-decoration:none}
.blog-card>a:hover{color:#943600}
.blog-card img{display:block;border-radius:12px;aspect-ratio:16/9}
.blog-card h2{margin:20px 4px 14px;font-size:clamp(1.2rem,2.2vw,1.45rem);line-height:1.35;letter-spacing:-.02em}
.blog-card>p{margin:14px 4px 16px;color:#566276;line-height:1.7}
.blog-card .blog-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.8rem;color:#6b7586}
.blog-byline a:link,.blog-byline a:visited{padding:3px 10px;border-radius:999px;background:#fff0e8;color:#923000;text-decoration:none;font-weight:650}
.blog-byline a:hover{background:#ffe3d3}
.blog-article{margin-top:32px}
.blog-summary{color:#526078;margin:24px 0 30px}
.blog-body a:link,.blog-body a:visited{font-weight:600;text-decoration-thickness:1px}
.blog-body h2,.blog-body h3,.blog-body h4{color:#17243a;letter-spacing:-.02em}
.blog-lead{border-radius:18px}
.blog-shell .blog-toc a:link,.blog-shell .blog-toc a:visited{color:#344055;text-decoration:none}
.blog-shell .blog-toc a:hover{background:#fff0e8;color:#923000}
.blog-pagination a{padding:8px 16px;background:#fff5ee;border:1px solid #f0d9ca;border-radius:10px;text-decoration:none;font-weight:600}
.blog-shell .product-card a.compare{color:#fff}
@media(prefers-reduced-motion:reduce){.blog-shell a,.blog-card{transition:none}}
@media(max-width:600px){.blog-shell{padding-top:20px}.blog-card{padding:12px;border-radius:16px}.blog-card h2{margin-top:16px}.blog-card>p{margin-bottom:12px}}