/* SpeedMyInternet V15 — warm professional typography and concise content polish */
:root{
  --display-font:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,sans-serif!important;
  --body-font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif!important;
  --number-font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif!important;
  --warm-blue:#66b9ff;
  --warm-violet:#9888ff;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a,span,b,strong,small,summary,li,td,th{
  font-family:var(--body-font)!important;
}
body{font-weight:450!important;letter-spacing:-.006em!important}
h1,h2,h3,h4,h5,h6,.brand,.brand-name,.start-label,.dialog-head h2,.section-intro h2,.tools-copy h2,.speed-guide h2{
  font-family:var(--display-font)!important;
  font-weight:750!important;
  letter-spacing:-.028em!important;
}
p,li,.hero-lead,.hero-copy>p,.section p,.section li{line-height:1.68!important}

/* Fix every guide/tool title so no browser serif fallback appears. */
.tools-section h2,.tools-section h3,.tools-list h3,.tools-links h3,.explain-grid h3,
.section h2,.section h3,.side-card h3,.faq summary,.toc a,.related a,.steps b,.fact strong,.mini-grid b{
  font-family:var(--display-font)!important;
  font-style:normal!important;
}
.tools-section h3,.tools-list h3,.tools-links h3{font-weight:700!important;letter-spacing:-.018em!important}
.tools-section p,.tools-list p,.tools-links p{font-weight:450!important}

/* Lighter, warmer cards and cleaner article hierarchy. */
.section,.side-card,.hero-card,.tools-section,.speed-guide,.faq-section{
  border-color:rgba(126,177,255,.13)!important;
}
.section{padding:30px!important;border-radius:22px!important}
.section h2{font-size:clamp(24px,2.1vw,31px)!important;margin-bottom:13px!important}
.section p{font-size:14.5px!important;color:var(--muted)!important;margin-bottom:12px!important}
.section .callout{margin:16px 0!important;padding:16px 18px!important;border-left-width:2px!important}
.callout b{font-weight:750!important}.callout span{font-size:12px!important;line-height:1.55!important}
.steps{margin:12px 0!important}.steps li{padding:13px 0!important}.steps span{font-size:11.5px!important}
.checklist{gap:9px!important;margin:14px 0!important}.checklist li{font-size:12.5px!important}
.mini-grid{gap:10px!important;margin:14px 0!important}.mini-grid div{padding:15px!important}
.faq details{margin:7px 0!important}.faq summary{font-size:13px!important;font-weight:700!important}
.faq details p{font-size:12.5px!important;line-height:1.6!important}

/* Compact source panel keeps citations without adding visual clutter. */
.source-note{margin-top:14px;border:1px solid rgba(126,177,255,.10);border-radius:14px;background:rgba(255,255,255,.018);padding:0 14px}
.source-note summary{cursor:pointer;padding:13px 0;color:var(--subtle);font-size:11px;font-weight:700}
.source-note p{padding:0 0 13px;margin:0;font-size:11px!important}

/* Homepage guide list — balanced, warm and readable. */
.tools-section{border-radius:30px!important}
.tools-links a,.tools-list a{transition:transform .22s ease,background .22s ease,border-color .22s ease!important}
.tools-links a:hover,.tools-list a:hover{transform:translateX(4px);background:rgba(93,167,255,.045)!important}
.tools-links h3,.tools-list h3{font-size:17px!important;color:var(--text)!important}
.tools-links p,.tools-list p{font-size:11.5px!important;color:var(--muted)!important}

/* Warm night palette without gray cast. */
body:not(.light){
  --bg:#07162d!important;--bg-soft:#0b1d38!important;--surface:#0d2342!important;--surface-2:#11294b!important;
  --surface-3:#153055!important;--text:#f8fbff!important;--muted:#a9bad2!important;--subtle:#7d90ad!important;
  --line:rgba(143,192,255,.11)!important;--line-strong:rgba(143,192,255,.19)!important;
}
body:not(.light)::before{background:
  radial-gradient(ellipse at 5% -4%,rgba(50,158,255,.20),transparent 46%),
  radial-gradient(ellipse at 96% 3%,rgba(150,105,255,.15),transparent 43%),
  linear-gradient(180deg,#081a35 0%,#07162d 55%,#08182f 100%)!important}
body:not(.light) .section,body:not(.light) .side-card{background:linear-gradient(145deg,rgba(14,39,74,.94),rgba(9,27,54,.96))!important}

/* Brighter day palette with no gray wash. */
body.light{
  --bg:#fbfdff!important;--bg-soft:#eef8ff!important;--surface:#ffffff!important;--surface-2:#f5fbff!important;
  --surface-3:#eaf6ff!important;--text:#153154!important;--muted:#597798!important;--subtle:#7d97b4!important;
  --line:rgba(26,124,218,.10)!important;--line-strong:rgba(26,124,218,.18)!important;
}
body.light::before{background:
  radial-gradient(ellipse at 4% -4%,rgba(46,175,255,.24),transparent 66%),
  radial-gradient(ellipse at 96% 3%,rgba(143,103,255,.16),transparent 69%),
  linear-gradient(180deg,#ffffff 0%,#f8fcff 44%,#eef9ff 100%)!important}
body.light .section,body.light .side-card{background:linear-gradient(145deg,#ffffff,#f5fbff)!important;box-shadow:0 16px 48px rgba(38,94,161,.08)!important}
body.light .hero-card{background:radial-gradient(circle at 93% 5%,rgba(104,161,255,.12),transparent 42%),linear-gradient(145deg,#fff,#f4faff)!important}
body.light .tools-links a:hover,body.light .tools-list a:hover{background:rgba(30,145,238,.055)!important}

/* Cleaner spacing on article pages. */
.hero{padding-top:58px!important}.hero-card{padding:44px!important}.layout{gap:24px!important;padding-bottom:72px!important}
.content{gap:15px!important}.side{gap:13px!important}.side-card{padding:20px!important}
.facts{margin-top:26px!important}.fact{padding:15px!important}.fact strong{font-size:17px!important}

@media(max-width:760px){
  .hero-card{padding:32px 22px!important}.section{padding:24px 20px!important}.section h2{font-size:24px!important}
  .tools-links h3,.tools-list h3{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.tools-links a,.tools-list a{transition:none!important}}