/* Centurysoft V24.28 — modern Blog archive + single article templates */
.cs-blog-hero,.cs-blog-single-hero{background:linear-gradient(135deg,#061f3d 0%,#063b61 58%,#086988 100%);color:#fff;position:relative;overflow:hidden}
.cs-blog-hero:after,.cs-blog-single-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(62,210,231,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(62,210,231,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to left,#000,transparent 72%);pointer-events:none}
.cs-blog-hero-inner{padding:92px 0 88px;max-width:900px;position:relative;z-index:1}.cs-blog-hero .eyebrow,.cs-blog-single-hero .cs-blog-kicker{color:#9bd72d}.cs-blog-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.04;max-width:900px;margin:12px 0 20px}.cs-blog-hero p{font-size:20px;line-height:1.7;max-width:780px;color:#d8eaf4}
.cs-blog-section-head{margin-bottom:30px}.cs-blog-section-head>span,.cs-blog-cta-box>div>span{display:block;color:#177f9e;font-size:13px;font-weight:800;letter-spacing:.13em;margin-bottom:7px}.cs-blog-section-head h2{margin:0;font-size:clamp(27px,3vw,40px)}
.cs-blog-featured-card{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid #dce7ed;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(5,36,62,.09)}.cs-blog-featured-media{min-height:390px;background:#073655;display:block}.cs-blog-featured-media img{width:100%;height:100%;min-height:390px;object-fit:cover}.cs-blog-featured-content{padding:46px;display:flex;flex-direction:column;justify-content:center}.cs-blog-kicker{color:#148aa6;font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.cs-blog-featured-content h2{font-size:clamp(27px,3vw,39px);line-height:1.18;margin:10px 0 16px}.cs-blog-featured-content h2 a,.cs-blog-card h3 a{color:#092b46;text-decoration:none}.cs-blog-featured-content p{font-size:17px;line-height:1.7;color:#516978}.cs-blog-card-meta{font-size:13px;color:#738a97;margin:0 0 17px}.cs-blog-featured-content .btn{align-self:flex-start;margin-top:8px}
.cs-blog-filter{display:grid;grid-template-columns:minmax(250px,1.8fr) repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:center;background:#f5f9fb;border:1px solid #dce7ed;padding:18px;border-radius:16px;margin-bottom:36px}.cs-blog-filter input,.cs-blog-filter select{width:100%;height:48px;border:1px solid #c9d9e2;border-radius:9px;background:#fff;padding:0 14px;font:inherit;color:#163b54}.cs-blog-filter input:focus,.cs-blog-filter select:focus{outline:2px solid #35c4db;outline-offset:1px}.cs-blog-clear{grid-column:1/-1;font-size:14px;color:#157b9b;width:max-content}
.cs-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cs-blog-card{background:#fff;border:1px solid #dce7ed;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(5,36,62,.06);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.cs-blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(5,36,62,.11)}.cs-blog-card-media{display:block;aspect-ratio:16/9;background:#083652;overflow:hidden}.cs-blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.cs-blog-card:hover .cs-blog-card-media img{transform:scale(1.03)}.cs-blog-card-body{padding:25px;display:flex;flex:1;flex-direction:column}.cs-blog-card h3{font-size:22px;line-height:1.33;margin:8px 0 12px}.cs-blog-card p{font-size:15px;line-height:1.65;color:#586f7c;margin:0 0 18px}.cs-blog-read{margin-top:auto;font-weight:700;color:#087f9f;text-decoration:none}.cs-blog-placeholder{width:100%;height:100%;min-height:220px;background:linear-gradient(135deg,#072d4a,#096b87);position:relative}.cs-blog-placeholder:after{content:"CENTURYSOFT";position:absolute;left:28px;bottom:24px;color:rgba(255,255,255,.72);letter-spacing:.16em;font-weight:800;font-size:13px}
.cs-blog-pagination{display:flex;justify-content:center;gap:7px;margin-top:45px}.cs-blog-pagination .page-numbers{min-width:42px;height:42px;padding:0 12px;border:1px solid #cddde5;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#153f58}.cs-blog-pagination .current{background:#073b5d;border-color:#073b5d;color:#fff}
.cs-blog-single-hero-inner{padding:62px 0 72px;max-width:1000px;position:relative;z-index:1}.cs-blog-breadcrumb{display:flex;gap:9px;align-items:center;font-size:13px;margin-bottom:28px;color:#bad0dd}.cs-blog-breadcrumb a{color:#dfeef5;text-decoration:none}.cs-blog-single-hero h1{font-size:clamp(39px,5vw,64px);line-height:1.07;margin:10px 0 20px;max-width:980px}.cs-blog-deck{font-size:20px;line-height:1.65;color:#d9eaf2;max-width:850px}.cs-blog-single-meta{display:flex;gap:18px;flex-wrap:wrap;color:#bcd1dd;font-size:14px;margin-top:25px}.cs-blog-single-meta span+span:before{content:"•";margin-right:18px;color:#9bd72d}
.cs-blog-single-featured{margin:-1px auto 0;padding-top:38px;max-width:1180px}.cs-blog-single-featured img{width:100%;height:auto;max-height:630px;object-fit:cover;border-radius:18px;box-shadow:0 20px 48px rgba(5,36,62,.11)}
.cs-blog-content-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,300px);gap:70px;justify-content:space-between;padding:58px 0 70px}.cs-blog-article{min-width:0}.cs-blog-entry{font-size:18px;line-height:1.82;color:#344e5f}.cs-blog-entry>p:first-child{font-size:20px;color:#29485b}.cs-blog-entry h2{font-size:33px;line-height:1.2;color:#0b314b;margin:52px 0 18px;scroll-margin-top:110px}.cs-blog-entry h3{font-size:25px;line-height:1.28;color:#123d56;margin:35px 0 14px;scroll-margin-top:110px}.cs-blog-entry img{max-width:100%;height:auto;border-radius:12px}.cs-blog-entry figure{margin:35px 0}.cs-blog-entry blockquote{border-left:4px solid #9bd72d;background:#f4f9f8;margin:30px 0;padding:20px 25px;font-size:20px}.cs-blog-entry table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}.cs-blog-entry th,.cs-blog-entry td{padding:12px 14px;border:1px solid #dce6eb;text-align:left}
.cs-blog-toc-wrap{position:relative}.cs-blog-toc{position:sticky;top:110px;border-left:3px solid #9bd72d;background:#f6f9fb;padding:24px;border-radius:0 12px 12px 0}.cs-blog-toc-title{font-size:12px;letter-spacing:.13em;font-weight:800;color:#0b526e;margin-bottom:15px}.cs-blog-toc nav{display:flex;flex-direction:column;gap:10px}.cs-blog-toc nav a{font-size:14px;line-height:1.4;color:#486474;text-decoration:none;padding-left:0}.cs-blog-toc nav a.is-h3{padding-left:14px;font-size:13px}.cs-blog-toc nav a:hover,.cs-blog-toc nav a.active{color:#087f9f;font-weight:700}.cs-blog-toc nav p{font-size:13px;line-height:1.5;color:#7a8d97;margin:0}
.cs-blog-related-tax{margin-top:55px;padding-top:30px;border-top:1px solid #dfe8ed}.cs-blog-related-tax h2{font-size:25px;margin:0 0 15px}.cs-blog-tax-links{display:flex;gap:9px;flex-wrap:wrap}.cs-blog-tax-links a{background:#edf6f8;color:#11677d;border:1px solid #d4e7ec;border-radius:999px;padding:8px 13px;font-size:13px;text-decoration:none;font-weight:700}
.cs-blog-cta{padding-top:0}.cs-blog-cta-box{background:#082f4d;color:#fff;border-radius:20px;padding:46px 52px;display:flex;align-items:center;justify-content:space-between;gap:35px}.cs-blog-cta-box>div>span{color:#9bd72d}.cs-blog-cta-box h2{font-size:34px;margin:5px 0 9px;color:#fff}.cs-blog-cta-box p{margin:0;color:#ccdde6;max-width:710px}.cs-blog-related{padding-top:20px}
@media(max-width:980px){.cs-blog-filter{grid-template-columns:1fr 1fr}.cs-blog-search{grid-column:1/-1}.cs-blog-filter .btn{width:100%}.cs-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-blog-featured-card{grid-template-columns:1fr}.cs-blog-featured-media,.cs-blog-featured-media img{min-height:310px}.cs-blog-content-layout{grid-template-columns:1fr;gap:25px}.cs-blog-toc-wrap{order:-1}.cs-blog-toc{position:relative;top:auto;border-left:0;border-top:3px solid #9bd72d;border-radius:0 0 12px 12px}.cs-blog-cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.cs-blog-hero-inner{padding:65px 0}.cs-blog-hero p,.cs-blog-deck{font-size:17px}.cs-blog-featured-content{padding:28px 24px}.cs-blog-filter{grid-template-columns:1fr;padding:14px}.cs-blog-search{grid-column:auto}.cs-blog-clear{grid-column:auto}.cs-blog-grid{grid-template-columns:1fr}.cs-blog-card h3{font-size:21px}.cs-blog-single-hero-inner{padding:42px 0 55px}.cs-blog-single-meta{gap:8px 13px}.cs-blog-single-meta span+span:before{margin-right:13px}.cs-blog-single-featured{padding-top:24px}.cs-blog-content-layout{padding:36px 0 48px}.cs-blog-entry{font-size:17px}.cs-blog-entry h2{font-size:28px}.cs-blog-entry h3{font-size:23px}.cs-blog-cta-box{padding:32px 25px}.cs-blog-cta-box h2{font-size:28px}}
