.blog-hero{padding:72px 0 62px;background:linear-gradient(135deg,#000E3A 0%,#00175f 58%,#0022E1 100%);color:#fff}.blog-hero h1{max-width:900px;margin-top:16px;color:#fff;font-size:clamp(2.3rem,6vw,4.6rem)}.blog-hero .lead{margin-top:22px;color:#e8edff;max-width:820px}.blog-search{margin-top:32px;max-width:760px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.blog-search label{grid-column:1/-1;color:#FFE070;font-size:.8rem;font-weight:900}.blog-search input{min-width:0;padding:16px 18px;border:1px solid #ccd5e7;border-radius:14px;background:#fff;color:#11182b;font:inherit}.blog-search input:focus{outline:3px solid rgba(255,224,112,.3);outline-offset:2px}.blog-category-bar{display:flex;gap:9px;overflow:auto;padding-bottom:8px;margin-bottom:28px}.category-filter{border:1px solid #d7dfef;border-radius:14px;background:#fff;color:#34415d;padding:10px 13px;white-space:nowrap;font-weight:800;cursor:pointer}.category-filter span{color:#71809a}.category-filter.is-active{background:#0022E1;color:#fff;border-color:#0022E1}.category-filter.is-active span{color:#FFE070}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(15,31,68,.045)}.blog-card-image{display:block}.blog-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}.blog-card-body{padding:20px}.blog-card-body>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--surface-blue);color:var(--brand-blue);font-size:.66rem;font-weight:900}.blog-card h2,.blog-card h3{margin-top:12px;font-size:1.2rem;line-height:1.28}.blog-card h2 a:hover{color:var(--brand-blue)}.blog-card p{margin-top:10px;color:var(--muted);font-size:.9rem}.blog-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px}.blog-card-meta small{color:#71809a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-card-meta a,.blog-card strong{color:var(--brand-blue);font-size:.85rem;font-weight:900;white-space:nowrap}.blog-empty{padding:30px;border:1px dashed #b9c5da;border-radius:14px;text-align:center;color:var(--muted)}
.article-hero{padding:62px 0 54px;background:linear-gradient(135deg,#f6f8ff,#fff9df)}.breadcrumbs{color:#64718a;font-size:.8rem;margin-bottom:20px}.breadcrumbs a{color:var(--brand-blue);font-weight:800}.article-kicker{color:var(--brand-blue);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.article-hero h1{margin-top:14px;max-width:940px;font-size:clamp(2.15rem,5vw,4rem)}.article-intro{max-width:820px;margin-top:18px;color:#5f6b83;font-size:1.08rem}.article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;color:#69758b;font-size:.82rem}.article-shell{padding-top:55px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.article-content{min-width:0}.article-featured{display:block;width:100%;max-height:500px;object-fit:cover;border-radius:14px;box-shadow:var(--shadow)}.article-body{max-width:820px;margin:32px auto 0;font-size:1.04rem;line-height:1.78;color:#27324a}.article-body h2{margin:44px 0 14px;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.2;scroll-margin-top:100px;color:var(--brand-navy)}.article-body h3{margin:28px 0 9px;font-size:1.15rem;color:var(--brand-navy)}.article-body p{margin:0 0 18px}.article-body ol,.article-body ul{margin:12px 0 22px;padding-left:23px}.article-body li{margin:9px 0}.article-steps li::marker{color:var(--brand-blue);font-weight:900}.article-list li::marker{color:var(--brand-blue)}.article-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 28px}.article-checklist div{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8faff}.article-callout{margin:22px 0;padding:17px 18px;border-left:4px solid #FFE070;background:#fff9df;border-radius:10px}.article-tool-box,.article-service-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0;padding:24px;border:1px solid #d6def4;border-radius:14px;background:linear-gradient(135deg,#f7f9ff,#fffdf1)}.article-tool-box h3,.article-service-cta h3{margin-top:7px}.article-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--surface-blue);color:var(--brand-blue);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.article-body details{border-top:1px solid var(--line);padding:15px 0}.article-body details:last-of-type{border-bottom:1px solid var(--line)}.article-body summary{cursor:pointer;font-weight:850;color:var(--brand-navy)}.article-sidebar{position:sticky;top:100px}.article-side-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(15,31,68,.045);margin-bottom:16px}.article-side-card h2{font-size:1.35rem;margin-top:9px}.article-side-card dl{margin:15px 0 0}.article-side-card dl div{padding:11px 0;border-top:1px solid var(--line)}.article-side-card dt{font-size:.7rem;font-weight:900;text-transform:uppercase;color:#71809a}.article-side-card dd{margin:4px 0 0;font-weight:800;color:#24304a;font-size:.88rem}.article-toc{display:grid;gap:8px;margin-top:14px}.article-toc a{padding:8px 10px;border-radius:10px;color:#44516c;font-size:.84rem}.article-toc a:hover{background:var(--surface-blue);color:var(--brand-blue)}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px auto 0;max-width:820px;padding:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-share a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;font-size:.8rem;font-weight:800}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-related-grid .blog-card{padding:20px}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:1fr}.article-sidebar{position:static}.blog-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.blog-hero{padding:52px 0}.blog-search{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.article-hero{padding:46px 0}.article-hero h1{font-size:clamp(2rem,9vw,3rem)}.article-grid{gap:22px}.article-body{font-size:1rem}.article-checklist{grid-template-columns:1fr}.article-tool-box,.article-service-cta{align-items:flex-start;flex-direction:column}.article-share{align-items:flex-start}.blog-related-grid{grid-template-columns:1fr}}

.hostinger-promo{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:30px 0;padding:22px;border:1px solid #dfe5ef;border-radius:18px;background:linear-gradient(135deg,#f7f9ff,#fff9df)}.hostinger-promo h3{margin:6px 0 8px}.hostinger-promo p{color:#58657c}.hostinger-promo .affiliate-note{font-size:.78rem}.hostinger-promo .btn{flex:0 0 auto}.article-hostinger{margin:24px 0}.article-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf0ff;color:#0022e1;font-size:.65rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.affiliate-note{margin-top:8px!important}@media(max-width:700px){.hostinger-promo{display:block}.hostinger-promo .btn{width:100%;margin-top:15px}}

/* Reading comfort and overflow protection */
.blog-card{border-top:3px solid var(--brand-gold);}
.article-body{overflow-wrap:anywhere;word-break:normal;text-wrap:pretty;}
.article-body a{color:var(--brand-blue);font-weight:750;text-decoration:underline;text-underline-offset:3px;}
.article-body img{max-width:100%;height:auto;}
.article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:20px 0;}
.article-body th,.article-body td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top;}
.article-body th{background:#f4f7ff;color:var(--brand-navy);font-weight:850;}
.article-body pre{max-width:100%;overflow:auto;padding:16px;border-radius:12px;background:#0b1735;color:#eef3ff;font-size:.88rem;line-height:1.6;}
.article-body code{overflow-wrap:anywhere;}
.article-body blockquote{margin:22px 0;padding:14px 18px;border-left:4px solid var(--brand-gold);background:#fff9df;color:#3f4a61;border-radius:0 10px 10px 0;}
.article-side-card,.article-tool-box,.article-service-cta,.hostinger-promo{border-top:3px solid var(--brand-gold);}
@media(max-width:640px){.article-hero{padding:40px 0 34px}.article-shell{padding-top:38px}.article-body{font-size:1rem;line-height:1.72}.article-body h2{margin-top:34px}.article-body h3{margin-top:23px}.article-content{min-width:0}.article-sidebar{display:grid;gap:14px}.article-side-card{margin-bottom:0;padding:17px}.article-featured{border-radius:12px}.article-share{gap:7px}.article-share a{flex:1;text-align:center;min-width:0}.hostinger-promo{padding:18px;border-radius:14px}.blog-card-body{padding:17px}.blog-card h2,.blog-card h3{font-size:1.12rem;overflow-wrap:anywhere;}.blog-category-bar{margin-inline:-2px;scrollbar-width:none}.blog-category-bar::-webkit-scrollbar{display:none;}}