*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#1d2d49;font:16px/1.75 Arial,Helvetica,sans-serif}.topbar{background:#142a58;color:#fff;padding:17px 5%}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{color:#fff;font-weight:800;font-size:19px;text-decoration:none}.nav-link{color:#e4ebff;text-decoration:none;font-size:14px}.hero{background:linear-gradient(120deg,#12285b,#2b55bc);color:#fff;padding:55px 25px}.hero-inner{max-width:1180px;margin:auto}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.12;margin:10px 0 16px}.hero p{max-width:760px;color:#d8e3ff}.eyebrow{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#4779ee;font-weight:800}.hero .eyebrow{color:#b9ccff}.wrap{max-width:1180px;margin:30px auto 60px;padding:0 20px}.searchbar{display:flex;gap:14px;align-items:center;background:#fff;padding:17px;border:1px solid #dfe7f4;border-radius:14px;margin-bottom:20px}.searchbar input{flex:1;min-width:0;border:1px solid #cbd8ed;border-radius:9px;padding:13px 15px;font-size:16px}.count{white-space:nowrap;color:#66758c;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #dfe7f4;border-radius:15px;padding:21px;display:flex;flex-direction:column;min-height:225px;box-shadow:0 7px 22px #203d6c08}.card h2{font-size:18px;line-height:1.4;margin:8px 0 10px}.card p{font-size:14px;color:#63738d;flex:1}.card small{color:#3564e8;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.card a{display:block;text-align:center;padding:12px;background:#205cf5;color:#fff;text-decoration:none;border-radius:9px;font-weight:700}.card a:hover{background:#1749c6}.article{max-width:900px;margin:32px auto 60px;padding:clamp(22px,5vw,48px);background:#fff;border:1px solid #dfe7f4;border-radius:18px;box-shadow:0 12px 35px #1d37620c}.breadcrumb{font-size:13px;color:#71809a}.breadcrumb a{color:#3564e8}.article h1{font-size:clamp(30px,4vw,44px);line-height:1.2;margin:14px 0}.article .intro{font-size:18px;color:#506582}.article h2{font-size:24px;line-height:1.3;margin:30px 0 8px;color:#1c3e77}.article h3{font-size:18px;margin:18px 0 4px}.article p{color:#394e6b}.disclaimer{margin-top:25px;padding:16px;background:#fff8e8;border-left:4px solid #e6ae43;border-radius:6px;font-size:14px}footer{text-align:center;color:#68778d;padding:24px;font-size:13px;background:#fff;border-top:1px solid #e0e8f3}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.grid{grid-template-columns:1fr}.searchbar{align-items:stretch;flex-direction:column}.hero{padding:42px 20px}.wrap{padding:0 14px}.card{min-height:unset}}
.cta-panel{margin-top:30px;padding:22px;border:1px solid #d9e4f7;border-radius:14px;background:#f6f9ff}.cta-panel h2{margin-top:0!important}.cta-panel p{margin-bottom:16px}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:9px;text-decoration:none;font-weight:700;transition:background .2s,transform .2s}.cta-button:hover{transform:translateY(-1px)}.update-button{background:#205cf5;color:#fff}.update-button:hover{background:#1749c6}.support-button{background:#142a58;color:#fff}.support-button:hover{background:#0d1e43}@media(max-width:520px){.cta-actions{flex-direction:column}.cta-button{width:100%}}

/* Refined article action buttons */
.action-panel{margin:30px 0 22px;padding:24px;background:linear-gradient(135deg,#f4f8ff,#eaf1ff);border:1px solid #d6e3fb;border-radius:16px}
.action-panel h2{margin:0 0 6px;color:#17356d;font-size:23px}
.action-panel p{margin:0 0 16px;color:#5c6d87;font-size:14px}
.button-row{display:flex;flex-wrap:wrap;gap:12px}
.article-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;border-radius:10px;text-decoration:none;font-weight:800;font-size:14px;transition:transform .18s,box-shadow .18s,background .18s}
.article-action:hover{transform:translateY(-2px)}
.update-action{background:linear-gradient(135deg,#477bff,#2456df);color:#fff;box-shadow:0 4px 0 #1c42ad}
.support-action{background:#fff;color:#193b7b;border:1px solid #c9d8f2;box-shadow:0 3px 0 #dce6f6}
@media(max-width:600px){.button-row{flex-direction:column}.article-action{width:100%}}

.card-link{display:block;text-align:center;background:#2859df;color:#fff;padding:12px;border-radius:9px;text-decoration:none;font-weight:800}.card-link:hover{background:#1749c6}


/* Polished header actions and article reading experience */
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e4eaf4;box-shadow:0 4px 18px rgba(20,42,88,.05)}
.nav{min-height:76px;gap:18px}
.brand{font-size:18px;letter-spacing:-.35px}
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-link{font-weight:700}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 5px 14px rgba(36,86,223,.18);transition:transform .2s,box-shadow .2s,background .2s}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(36,86,223,.24)}
.header-cta.update-action{background:linear-gradient(135deg,#477bff,#2456df);color:#fff}
.header-cta.support-action{background:linear-gradient(135deg,#193b7b,#102653);color:#fff}
.article{max-width:900px;margin:38px auto 72px;padding:clamp(22px,5vw,54px);background:#fff;border:1px solid #e7edf6;border-radius:22px;box-shadow:0 18px 55px rgba(25,49,91,.08)}
.article h1{font-size:clamp(30px,4.4vw,46px);line-height:1.12;letter-spacing:-1.1px;color:#132b55;margin:14px 0 20px}
.article .intro{font-size:18px;line-height:1.85;color:#435575;padding:20px 22px;background:linear-gradient(135deg,#f3f7ff,#fbfcff);border-left:4px solid #477bff;border-radius:0 14px 14px 0}
.article section{margin-top:32px}
.article h2{font-size:25px;letter-spacing:-.45px;color:#18366e;margin:0 0 12px}
.article h3{font-size:19px;color:#25477f;margin:22px 0 8px}
.article p{line-height:1.85;color:#42516a}
.breadcrumb{font-size:13px;color:#73819a;margin-bottom:24px}
.eyebrow{display:inline-block;background:#edf3ff;color:#2859b8;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.disclaimer{margin-top:32px;padding:16px 18px;border-radius:12px;background:#f7f9fc;border:1px solid #e4eaf3;color:#69778e;font-size:13px;line-height:1.7}
footer{padding:28px 18px;text-align:center;color:#75829a;background:#f7f9fc;border-top:1px solid #e5ebf4}
.hero{background:radial-gradient(circle at 85% 15%,rgba(130,169,255,.35),transparent 30%),linear-gradient(135deg,#102653,#214b91 62%,#477bff);padding:70px 24px;color:#fff}
.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-1.4px;max-width:780px}
.hero p{max-width:760px;line-height:1.8;color:#e4ecff}
.card{border:1px solid #e3eaf5;border-radius:16px;box-shadow:0 8px 24px rgba(20,42,88,.045);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(20,42,88,.11)}
.card h2{line-height:1.35;color:#19366d}
@media(max-width:620px){.nav{align-items:center;min-height:68px}.brand{font-size:15px}.nav-actions{gap:7px}.nav-link{font-size:12px}.header-cta{font-size:12px;padding:10px 11px}.article{margin:20px 12px 40px;padding:22px 18px;border-radius:16px}.article .intro{font-size:16px;padding:16px}.hero{padding:48px 20px}}

.reading-note{font-size:12px;color:#8a97ad;margin:-14px 0 18px;letter-spacing:.15px}


/* Related article title buttons */
.related-articles{max-width:1000px;margin:44px auto 54px;padding:clamp(20px,4vw,36px);background:linear-gradient(135deg,#f5f8ff,#fff);border:1px solid #e4ebf7;border-radius:22px}
.related-heading{margin-bottom:22px}
.related-heading h2{margin:12px 0 8px;font-size:clamp(24px,3vw,32px);color:#142f62;letter-spacing:-.6px}
.related-heading p{color:#65738b;line-height:1.7;margin:0}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.related-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;background:#fff;border:1px solid #e2e9f4;border-radius:15px;box-shadow:0 6px 18px rgba(20,42,88,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
.related-card:hover{transform:translateY(-3px);border-color:#b9cdfb;box-shadow:0 12px 26px rgba(20,42,88,.09)}
.related-card h3{margin:0;color:#18366e;font-size:17px;line-height:1.45}
.related-title-button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9px;background:#edf3ff;color:#2456c7;text-decoration:none;font-size:13px;font-weight:800;transition:background .2s,color .2s}
.related-title-button:hover{background:#2456df;color:#fff}
@media(max-width:600px){.related-grid{grid-template-columns:1fr}.related-card{padding:17px}.related-articles{margin:30px 12px;padding:20px 16px}}


/* Bold blue raised header CTA inspired by the supplied reference */
.header-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:46px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:13px;
  background:linear-gradient(180deg,#5689ff 0%,#3470f5 56%,#285be3 100%);
  color:#fff!important;
  font-size:14px;
  font-weight:850;
  letter-spacing:.1px;
  text-decoration:none!important;
  text-shadow:0 1px 1px rgba(0,24,90,.2);
  box-shadow:0 4px 0 #204bc3,0 8px 18px rgba(48,98,225,.27),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  white-space:nowrap;
}
.header-cta.update-action,.header-cta.support-action{
  background:linear-gradient(180deg,#5689ff 0%,#3470f5 56%,#285be3 100%);
  color:#fff!important;
}
.header-cta:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:0 5px 0 #204bc3,0 11px 22px rgba(48,98,225,.32),inset 0 1px 0 rgba(255,255,255,.4);
}
.header-cta:active{
  transform:translateY(2px);
  box-shadow:0 1px 0 #204bc3,0 3px 8px rgba(48,98,225,.2),inset 0 1px 0 rgba(255,255,255,.3);
}
.header-cta span{font-size:15px;line-height:1}
.topbar .nav{min-height:78px}
@media(max-width:620px){
  .header-cta{min-height:42px;padding:0 13px;font-size:12px;border-radius:11px}
}


/* Cloudflare Pages-ready layout refinements */
*{box-sizing:border-box}
body{margin:0;background:#f6f8fc;color:#23324d;font-family:Inter,Arial,Helvetica,sans-serif}
.topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e2e8f2;box-shadow:0 5px 18px rgba(20,42,88,.07)}
.nav{width:min(1180px,100% - 36px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.brand{font-weight:850;color:#17356e;text-decoration:none;font-size:17px}
.nav-actions{display:flex;align-items:center;gap:14px}
.nav-link{color:#425575;text-decoration:none;font-weight:700;font-size:14px}
.header-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 20px;border:1px solid #91b2ff;border-radius:13px;background:linear-gradient(180deg,#5a8cff 0%,#3470f5 58%,#285be3 100%);color:#fff!important;text-decoration:none!important;font-weight:850;font-size:14px;box-shadow:0 4px 0 #204bc3,0 8px 18px rgba(48,98,225,.25);white-space:nowrap;transition:transform .18s,box-shadow .18s}
.header-cta.update-action,.header-cta.support-action{background:linear-gradient(180deg,#5a8cff 0%,#3470f5 58%,#285be3 100%);color:#fff!important}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 5px 0 #204bc3,0 11px 22px rgba(48,98,225,.3)}
.hero{padding:64px 24px;background:radial-gradient(circle at 85% 15%,rgba(130,169,255,.35),transparent 30%),linear-gradient(135deg,#102653,#214b91 62%,#477bff);color:#fff}
.hero-inner,.wrap{width:min(1180px,100% - 36px);margin:auto}
.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.1;max-width:780px;margin:12px 0}
.hero p{max-width:760px;line-height:1.8;color:#e4ecff}
.wrap{padding:30px 0 58px}
.searchbar{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.searchbar input{width:100%;padding:15px 17px;border:1px solid #d9e2f0;border-radius:12px;background:#fff;font-size:15px;outline:none}
.searchbar input:focus{border-color:#5788ff;box-shadow:0 0 0 3px rgba(87,136,255,.14)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{padding:23px;background:#fff;border:1px solid #e3eaf5;border-radius:16px;box-shadow:0 8px 24px rgba(20,42,88,.045);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(20,42,88,.11)}
.card h2{font-size:19px;line-height:1.4;color:#19366d}
.card p{color:#66748b;line-height:1.7}
.card a:not(.header-cta){display:inline-flex;padding:10px 14px;border-radius:9px;background:#edf3ff;color:#2456c7;text-decoration:none;font-weight:800}
.card a:hover{filter:brightness(.97)}
.article{max-width:900px;margin:34px auto 40px;padding:clamp(22px,5vw,54px);background:#fff;border:1px solid #e7edf6;border-radius:22px;box-shadow:0 18px 55px rgba(25,49,91,.08)}
.article h1{font-size:clamp(30px,4.4vw,46px);line-height:1.12;color:#132b55;margin:14px 0 20px}
.article h2{font-size:25px;color:#18366e;margin:0 0 12px}
.article p{line-height:1.85;color:#42516a}
.related-articles{max-width:900px;margin:0 auto 60px;padding:clamp(20px,4vw,36px);background:linear-gradient(135deg,#f5f8ff,#fff);border:1px solid #e4ebf7;border-radius:22px}
.related-heading{margin-bottom:22px}.related-heading h2{margin:12px 0 8px;font-size:clamp(24px,3vw,32px);color:#142f62}
.related-heading p{color:#65738b;line-height:1.7}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.related-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;background:#fff;border:1px solid #e2e9f4;border-radius:15px;box-shadow:0 6px 18px rgba(20,42,88,.04)}
.related-card h3{margin:0;color:#18366e;font-size:17px;line-height:1.45}
.related-title-button{display:inline-flex!important;align-items:center;gap:8px;padding:11px 14px;border-radius:9px;background:#3470f5;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:850;box-shadow:0 3px 0 #204bc3}
.related-title-button:hover{background:#2456df}
footer{padding:28px 18px;text-align:center;color:#75829a;background:#f7f9fc;border-top:1px solid #e5ebf4}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.nav{width:calc(100% - 24px);min-height:68px}.brand{font-size:14px}.nav-actions{gap:8px}.nav-link{display:none}.header-cta{min-height:42px;padding:0 13px;font-size:12px}.hero-inner,.wrap{width:calc(100% - 24px)}.hero{padding:45px 16px}.grid,.related-grid{grid-template-columns:1fr}.article{margin:18px 12px 28px;padding:22px 18px}.related-articles{margin:20px 12px 40px;padding:20px 16px}.searchbar{flex-wrap:wrap}}

/* Compatibility for Malwarebytes article markup */
.article .lead{font-size:18px;line-height:1.85;color:#435575;padding:20px 22px;background:linear-gradient(135deg,#f3f7ff,#fbfcff);border-left:4px solid #477bff;border-radius:0 14px 14px 0}
.search{display:block;width:100%;border:1px solid #cbd8ed;border-radius:12px;padding:15px 17px;font-size:16px;margin:0 0 22px;background:#fff;box-shadow:0 5px 18px rgba(20,42,88,.04)}
.read-link{display:block;text-align:center;padding:12px;background:linear-gradient(180deg,#5689ff 0%,#3470f5 56%,#285be3 100%);color:#fff;text-decoration:none;border-radius:10px;font-weight:800;box-shadow:0 4px 0 #204bc3;transition:transform .18s,filter .18s}
.read-link:hover{transform:translateY(-2px);filter:brightness(1.05)}
.related{max-width:1000px;margin:44px auto 54px;padding:clamp(20px,4vw,36px);background:linear-gradient(135deg,#f5f8ff,#fff);border:1px solid #e4ebf7;border-radius:22px}
.related>h2{margin:12px 0 8px;font-size:clamp(24px,3vw,32px);color:#142f62}.related>p{color:#65738b}
.related-card a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9px;background:#edf3ff;color:#2456c7;text-decoration:none;font-size:13px;font-weight:800;transition:background .2s,color .2s}
.related-card a:hover{background:#2456df;color:#fff}
@media(max-width:600px){.article .lead{font-size:16px;padding:16px}.related{margin:30px 12px;padding:20px 16px}}