/* Hostinger vs SiteGround 2026 — EasyTopSpot */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
.hg,.hg *{box-sizing:border-box}.hg{max-width:740px;margin:0 auto;padding:20px 16px 60px;font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.75;color:#222;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}.hg *{box-sizing:border-box;max-width:100%}.hg img{max-width:100%;height:auto;display:block}.hg a{color:#d32f2f;text-decoration:none;font-weight:500}.hg a:hover{text-decoration:underline}.hg-crumb{font-size:12px;color:#888;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.hg-crumb a{color:#888}.hg h1{font-size:28px;font-weight:900;line-height:1.15;color:#111;margin-bottom:10px;letter-spacing:-.3px}.hg-subtitle{font-size:16px;color:#555;margin-bottom:16px;line-height:1.5}.hg-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#777;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eee}.hg-meta img{width:32px;height:32px;border-radius:50%}.hg-meta strong{color:#222}.hg-toc{background:#f8f9fa;border:1px solid #eee;border-radius:10px;padding:16px 20px;margin:0 0 32px}.hg-toc h2{font-size:15px;margin:0 0 10px;color:#111}.hg-toc ol{margin:0;padding-left:20px}.hg-toc li{margin-bottom:4px;font-size:14px}.hg-toc a{color:#d32f2f}.hg h2{font-size:22px;font-weight:800;color:#111;margin:36px 0 14px;letter-spacing:-.2px}.hg h3{font-size:17px;font-weight:700;color:#111;margin:24px 0 10px}.hg p{margin:0 0 16px;color:#333}.hg ul{margin:0 0 16px;padding-left:20px}.hg li{margin-bottom:6px;line-height:1.6}.hg-trust{background:#f0f7ff;border:1px solid #bbdefb;border-radius:10px;padding:16px;margin:24px 0}.hg-trust h3{margin-top:0;color:#1565c0}.hg-disclosure{font-size:11px;color:#999;font-style:italic;margin:20px 0;padding:10px;border-left:3px solid #eee}.hg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0}.hg-t{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}.hg-t thead{background:#222;color:#fff}.hg-t th{padding:10px 8px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.hg-t td{padding:10px 8px;border-bottom:1px solid #f0f0f0}.hg-t tr:nth-child(even){background:#fafafa}.hg-t td:first-child{font-weight:600}.hg-callout{border-radius:10px;padding:16px;margin:20px 0;font-size:14px}.hg-callout.tip{background:#e8f5e9;border:1px solid #c8e6c9}.hg-callout.warn{background:#fff3e0;border:1px solid #ffe0b2}.hg-callout.info{background:#e3f2fd;border:1px solid #bbdefb}.hg-callout strong{display:block;margin-bottom:6px}.hg-cta{display:inline-block;color:#fff!important;text-align:center;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:700;margin:8px 4px;text-decoration:none!important}.hg-cta:hover{opacity:.9}.hg-choose{display:flex;gap:16px;margin:24px 0;flex-wrap:wrap}.hg-choose-card{flex:1;min-width:280px;background:#fff;border:2px solid #eee;border-radius:14px;padding:20px;position:relative}.hg-choose-card.hostinger{border-color:#673de6}.hg-choose-card.siteground{border-color:#d32f2f}.hg-choose-badge{position:absolute;top:-12px;left:16px;background:#673de6;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;border-radius:4px}.hg-choose-card ul{margin:8px 0;padding-left:18px}.hg-choose-card li{font-size:14px;margin-bottom:4px}.hg-faq{margin:32px 0}.hg-faq-item{border-bottom:1px solid #eee;padding:14px 0}.hg-faq-q{font-weight:700;font-size:15px;color:#111;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.hg-faq-q::after{content:'+';font-size:20px;color:#999}.hg-faq-item.open .hg-faq-q::after{content:'\2212'}.hg-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:14px;color:#555;line-height:1.7}.hg-faq-item.open .hg-faq-a{max-height:500px;padding-top:10px}.hg-method{background:#f8f9fa;border-radius:10px;padding:16px;margin:24px 0}.hg-method h3{margin-top:0}.ets-crosslinks{background:#f8f9fa;border-left:4px solid #d32f2f;border-radius:0 10px 10px 0;padding:16px 20px;margin:32px 0}.ets-crosslinks h2{font-size:16px;margin:0 0 10px;color:#111}.ets-crosslinks ul{margin:0;padding-left:18px}.ets-crosslinks li{margin-bottom:6px;font-size:14px}
@media(max-width:600px){.hg h1{font-size:22px}.hg h2{font-size:18px}.hg-choose{flex-direction:column}.hg-choose-card{min-width:auto}.hg-t{min-width:400px}}
