
.blog-shell{max-width:1120px;margin:auto;padding:32px 28px 85px;min-height:65vh}.blog-crumb{font-size:12px;color:#72777a;margin:0 0 26px}.blog-crumb a{color:#0a7653}.blog-hero{padding:34px 36px;border-radius:20px;background:linear-gradient(135deg,#191b20,#382a12 82%,#a77d28);color:#fff;position:relative;overflow:hidden;margin-bottom:24px}.blog-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.22;letter-spacing:-.7px;max-width:800px;margin:0 0 14px}.blog-hero p{max-width:740px;color:#f4e4b6;line-height:1.65;margin:0}.blog-tag{font-size:11px;color:#9b7526;background:#fff4d9;padding:6px 13px;border-radius:20px;font-weight:700;display:inline-block;margin-bottom:12px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.blog-card{display:flex;flex-direction:column;border:1px solid #e4e5e5;border-radius:16px;padding:23px;background:#fff;transition:box-shadow .2s, transform .2s}.blog-card:hover{box-shadow:0 10px 25px #0001;transform:translateY(-2px)}.blog-card h2{font-size:22px;line-height:1.35;margin:4px 0 10px}.blog-card p{font-size:13px;line-height:1.7;color:#62686c;flex:1}.blog-card .read{margin-top:12px;color:#01875f;font-weight:700;font-size:13px}.blog-meta{font-size:12px;color:#777;margin:0 0 16px}.article-wrap{max-width:770px;margin:auto}.article-title{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.6px;margin:8px 0 14px}.article-lead{font-size:17px;line-height:1.7;color:#4b5155;margin-bottom:30px}.article-cover{border-radius:18px;max-height:300px;width:100%;object-fit:cover;display:block;margin:25px 0}.article-body{font-size:16px;color:#3d4447;line-height:1.9}.article-body h2{font-size:24px;line-height:1.4;margin:38px 0 12px;color:#202124}.article-body p{margin:0 0 18px}.article-footnote{border-top:1px solid #e8e8e8;margin-top:40px;padding-top:21px;font-size:13px;color:#666}.article-links{margin-top:25px;display:flex;gap:12px;flex-wrap:wrap}.article-links a{border:1px solid #dde0df;border-radius:24px;padding:10px 16px;color:#0c7353;font-weight:700;font-size:12px}.blog-home-button{display:inline-flex;margin-top:28px;border-radius:20px;background:#01875f;color:white;padding:11px 19px;font-weight:700;font-size:13px}.blog-feature{border-top:1px solid #e4e8e5;padding:25px 0 35px}.blog-feature h2{font-size:22px;margin:0 0 9px}.blog-feature p{color:#5e6668;margin-bottom:16px}.blog-feature-link{color:#01875f;font-weight:700}.mobile-nav-blog{display:none}
@media(max-width:640px){.blog-shell{padding:19px 20px 90px}.blog-hero{padding:25px 22px;border-radius:15px}.blog-grid{grid-template-columns:1fr}.blog-card{padding:20px}.article-body{font-size:15px}.article-body h2{font-size:21px}.article-lead{font-size:15px}.mobile-nav-blog{display:block}.blog-hero h1{font-size:30px}}

/* All SLOTGACOR blog covers display in full, never crop titles/text */
.blog-hero{background:linear-gradient(120deg,#0a1838,#163363 72%,#ac7d23)}.blog-hero p{color:#edf4ff}
.blog-tag{background:#fff1d5;color:#8e651b}.blog-card .read,.article-links a,.blog-crumb a{color:#0c5fc0}
.blog-home-button,.blog-head-download{background:#0766d7;color:#fff}
.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{padding:0;overflow:hidden}.blog-card-content{display:flex;flex:1;flex-direction:column;padding:17px 18px 20px}
.blog-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#06112b}
.blog-card h2{font-size:17px;margin:1px 0 8px}.blog-card .blog-tag{align-self:flex-start}.blog-card p{font-size:12px}.blog-card .read{margin-top:auto}
.article-cover{width:100%;height:auto;max-height:none;object-fit:contain;display:block;border-radius:13px;background:#091735}
.article-content{font-size:15px;line-height:1.88;color:#38434d}.article-content h2{font-size:22px;line-height:1.4;color:#152238;margin:32px 0 12px}
.article-content p{margin:0 0 15px}.article-content section{scroll-margin-top:80px}
.article-content .article-toc{padding:17px 21px;border:1px solid #d9e3ef;background:#f8fbff;border-radius:12px;margin:20px 0 28px}
.article-content .article-toc ol{padding-left:21px}.article-content .article-toc a{color:#0c5fb7}
.article-content details{border-bottom:1px solid #e2e5e9;padding:10px 0}.article-content details summary{cursor:pointer;font-weight:700}.article-content details p{padding:10px 0}
.article-content .check-list{padding-left:21px}.article-content .takeaway{border-left:4px solid #d7a530;background:#fffaf1;padding:15px 19px;margin:25px 0}.article-content .article-note{background:#f5f7fa;border-radius:11px;padding:15px;font-size:13px;color:#66717d}
.article-related{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.article-related a{border:1px solid #e3e6ec;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;font-size:12px;font-weight:700}.article-related img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#06112b}.article-related span{padding:10px}
.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 25px}.filter-row button{border:1px solid #d4dce8;border-radius:22px;background:#fff;color:#41546d;font-weight:700;padding:7px 13px;font-size:12px;cursor:pointer}.filter-row button.active{background:#e8f0fc;border-color:#89b4ef;color:#085eb8}
.blog-card[hidden]{display:none!important}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.article-related{grid-template-columns:1fr}.blog-card h2{font-size:17px}.blog-card .blog-tag{margin-bottom:7px}}

/* SLOTGACOR purple-gold identity, unchanged cards & responsive layout. */
.blog-hero{background:linear-gradient(120deg,#180a32,#3e1467 72%,#755096)}
.blog-card .read,.article-links a,.blog-crumb a,.blog-feature-link{color:#6e279e}
.blog-home-button,.blog-head-download{background:#7933ac;color:#fff}

/* SLOTGACOR navy / gold colors; original responsive layout preserved */
.blog-hero{background:linear-gradient(120deg,#091742,#173875 72%,#60459c)}
.blog-card .read,.article-links a,.blog-crumb a,.blog-feature-link{color:#1454b3}
.blog-home-button,.blog-head-download{background:#205fc5;color:#fff}
