/* CleanSystem Pro — blog index, archives, single post and internal link blocks. */

.csp-blog-hero{max-width:1090px;margin:auto;padding:64px max(24px,calc((100% - 1090px)/2)) 32px}
.csp-blog-hero h1{font-size:46px;line-height:1.1;letter-spacing:-1.6px;color:var(--navy);margin:12px 0 16px}
.csp-blog-hero p,.csp-archive-description{color:var(--muted);line-height:1.7;max-width:720px;margin:0}

.csp-breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.csp-author-role{font-size:15px;font-weight:800;color:var(--blue);margin:0 0 14px;text-transform:uppercase;letter-spacing:1px}
.csp-breadcrumbs a{color:var(--blue);text-decoration:none}
.csp-breadcrumbs a:hover{text-decoration:underline}
.csp-breadcrumbs span[aria-current]{color:var(--ink);font-weight:700}

.csp-category-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.csp-category-filter a{border:1px solid #d8e6ef;border-radius:999px;padding:9px 17px;font-size:14px;font-weight:700;color:var(--navy);text-decoration:none;background:#fff}
.csp-category-filter a:hover{border-color:var(--blue);color:var(--blue)}
.csp-category-filter a[aria-current]{background:var(--blue);border-color:var(--blue);color:#fff}

.csp-blog-index{max-width:1090px;margin:auto;padding:0 max(24px,calc((100% - 1090px)/2)) 72px}
.csp-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.csp-post-card{border:1px solid #d8e6ef;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.csp-post-card:hover{border-color:#acc9dc;box-shadow:0 10px 28px rgba(6,59,112,.09)}
.csp-post-thumb{display:block;line-height:0}
.csp-post-thumb img{width:100%;height:200px;object-fit:cover}
.csp-post-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.csp-post-term{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue);text-decoration:none;margin-bottom:10px}
.csp-post-title{font-size:19px;line-height:1.35;color:var(--navy);margin:0 0 10px}
.csp-post-title a{color:inherit;text-decoration:none}
.csp-post-title a:hover{color:var(--blue)}
.csp-post-excerpt{color:var(--muted);line-height:1.65;font-size:14px;margin:0 0 16px}
.csp-post-meta{color:var(--muted);font-size:13px;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:7px}
.csp-post-more{margin-top:auto;font-weight:800;font-size:14px;color:var(--blue);text-decoration:none}
.csp-post-more:hover{text-decoration:underline}

.csp-pagination{margin-top:44px;text-align:center}
.csp-pagination .page-numbers{display:inline-block;min-width:42px;padding:10px 13px;margin:0 4px;border:1px solid #d8e6ef;border-radius:9px;color:var(--navy);text-decoration:none;font-weight:700}
.csp-pagination .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}
.csp-pagination .page-numbers:hover:not(.current){border-color:var(--blue);color:var(--blue)}
.csp-empty{color:var(--muted);text-align:center;padding:48px 0}

.csp-article{max-width:780px;margin:auto;padding:56px max(24px,calc((100% - 780px)/2)) 0}
.csp-article-head h1{font-size:40px;line-height:1.14;letter-spacing:-1.3px;color:var(--navy);margin:0 0 14px}
.csp-article-media{margin:30px 0 0}
.csp-article-media img{width:100%;border-radius:18px}
.csp-article-body{line-height:1.78;font-size:17px;color:var(--ink)}
.csp-article-body h2{font-size:28px;color:var(--navy);margin:44px 0 14px;line-height:1.25}
.csp-article-body h3{font-size:21px;color:var(--navy);margin:32px 0 10px}
.csp-article-body p,.csp-article-body li{color:#2d4a63}
.csp-article-body a{color:var(--blue);font-weight:700}
.csp-article-body ul,.csp-article-body ol{padding-left:22px}
.csp-article-body li{margin-bottom:9px}
.csp-article-body table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
.csp-article-body th,.csp-article-body td{border:1px solid #d8e6ef;padding:11px 13px;text-align:left;vertical-align:top}
.csp-article-body th{background:var(--ice);color:var(--navy);font-weight:800}
.csp-article-body tbody tr:nth-child(even){background:#f8fcff}
.csp-article-body img{max-width:100%;height:auto;border-radius:12px}
.csp-article-body blockquote{border-left:4px solid var(--blue);background:var(--ice);margin:26px 0;padding:16px 20px;border-radius:0 12px 12px 0}
.csp-article-tags{margin:38px 0 0;display:flex;flex-wrap:wrap;gap:9px}
.csp-article-tags a{font-size:13px;font-weight:700;color:var(--navy);background:var(--ice);border-radius:999px;padding:7px 14px;text-decoration:none}

.csp-inline-product{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;background:var(--ice);border:1px solid #cfe6f6;border-radius:16px;padding:18px 20px;margin:30px 0}
.csp-inline-product img{width:100%;border-radius:11px;margin:0}
.csp-inline-product h3{font-size:18px;color:var(--navy);margin:6px 0 14px;line-height:1.35}
.csp-inline-product h3 a{color:inherit;text-decoration:none}
.csp-inline-product h3 a:hover{color:var(--blue)}
.csp-inline-product .csp-button{display:inline-block;font-size:14px;padding:10px 15px}

/* Spec tables inside articles. The wrapper scrolls on small screens so a wide
   table never forces the page body to scroll sideways. */
.csp-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:26px 0;border-radius:12px;border:1px solid #d8e6ef}
.csp-table-scroll table{margin:0;border:0;min-width:560px}
.csp-table-scroll th,.csp-table-scroll td{border:0;border-bottom:1px solid #e3eef6}
.csp-table-scroll thead th{background:var(--navy);color:#fff;font-weight:800;font-size:14px;letter-spacing:.3px;white-space:nowrap;position:sticky;top:0}
.csp-table-scroll tbody th[scope=row]{background:var(--ice);color:var(--navy);font-weight:800;white-space:nowrap}
.csp-table-scroll tbody tr:last-child th,.csp-table-scroll tbody tr:last-child td{border-bottom:0}
.csp-table-scroll tbody tr:hover td{background:#f4fbff}
.csp-article-body caption{caption-side:top;text-align:left;font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:14px 14px 10px}
.csp-table-note{font-size:14px;color:var(--muted);line-height:1.7;border-left:3px solid var(--blue);padding-left:14px;margin:18px 0 26px}

.csp-article-links{max-width:1090px;margin:auto;padding:0 max(24px,calc((100% - 1090px)/2))}
.csp-related-products{margin-top:64px;text-align:left}
.csp-related-products h2{font-size:30px;color:var(--navy);margin:10px 0 26px}
.csp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.csp-related-card{border:1px solid #d8e6ef;border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column}
.csp-related-card>a{text-decoration:none}
.csp-related-card img{width:100%;height:190px;object-fit:contain;border-radius:11px}
.csp-related-card h3{font-size:16px;line-height:1.4;color:var(--navy);margin:14px 0 16px;flex:1}
.csp-related-card .csp-button{text-align:center;font-size:14px;padding:11px 14px;margin-top:auto}

.csp-related-guides{margin:60px 0 0;text-align:left}
.csp-related-guides h2{font-size:30px;color:var(--navy);margin:0 0 20px}
.csp-related-guides ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.csp-related-guides li{border:1px solid #d8e6ef;border-radius:14px;padding:16px 20px}
.csp-related-guides li:hover{border-color:var(--blue)}
.csp-related-guides a{display:block;font-weight:800;color:var(--navy);text-decoration:none;margin-bottom:5px}
.csp-related-guides li:hover a{color:var(--blue)}
.csp-related-guides span{color:var(--muted);font-size:14px;line-height:1.6}

.csp-blog-cta{margin-top:72px;text-align:left}
.csp-blog-cta .csp-actions{margin-top:24px}
.csp-latest-guides{text-align:left}
.csp-actions-center{margin-top:32px;text-align:center}

@media(max-width:980px){
	.csp-post-grid,.csp-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
/* Homepage "Featured Products" grid — [csp_featured_products] shortcode. */
.csp-featured-products{text-align:left}
.csp-featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:8px}
.csp-featured-card{border:1px solid #d8e6ef;border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column}
.csp-featured-card:hover{border-color:#acc9dc;box-shadow:0 10px 28px rgba(6,59,112,.09)}
.csp-featured-thumb{display:block;line-height:0}
.csp-featured-thumb img{width:100%;height:170px;object-fit:contain;border-radius:11px}
.csp-featured-body{display:flex;flex-direction:column;flex:1;padding-top:14px}
.csp-featured-cat{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.csp-featured-body h3{font-size:15px;line-height:1.4;color:var(--navy);margin:0 0 14px;flex:1}
.csp-featured-body h3 a{color:inherit;text-decoration:none}
.csp-featured-body h3 a:hover{color:var(--blue)}
.csp-featured-body .csp-button{text-align:center;font-size:13px;padding:10px 12px;margin-top:auto}

@media(max-width:980px){
	.csp-post-grid,.csp-related-grid{grid-template-columns:repeat(2,1fr)}
	.csp-featured-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
	.csp-blog-hero{padding:44px 20px 26px}
	.csp-blog-hero h1{font-size:33px}
	.csp-blog-index{padding:0 20px 52px}
	.csp-post-grid,.csp-related-grid{grid-template-columns:1fr}
	.csp-featured-grid{grid-template-columns:1fr}
	.csp-article{padding:38px 20px 0}
	.csp-article-head h1{font-size:29px}
	.csp-article-body{font-size:16px}
	.csp-article-body h2{font-size:24px}
	.csp-article-body table{display:block;overflow-x:auto;white-space:nowrap}
	.csp-inline-product{grid-template-columns:1fr}
	.csp-article-links{padding:0 20px}
	.csp-related-products h2,.csp-related-guides h2{font-size:24px}
}