/* Shared styles for IP Scanner content pages (vs-fing, see-every-device, best-wifi-scanner-ipad…).
   Put this at: /assets/css/ipscanner-pages.css  - edit here to restyle all pages at once. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root{
  --navy:#000080; --ink:#212b36; --body:#637381; --line:#e6e8ec;
  --font:"Inter", system-ui, sans-serif;
}
*{ box-sizing:border-box; margin:0; padding:0 }
body{ font-family:var(--font); color:var(--body); line-height:1.65; background:#fff; -webkit-font-smoothing:antialiased }

.wrap{ max-width:820px; margin:0 auto; padding:46px 22px 80px }
h1{ font-size:38px; color:var(--ink); line-height:1.2; margin-bottom:14px }
h2{ font-size:26px; color:var(--ink); margin:36px 0 12px }
h3{ font-size:19px; color:var(--navy); margin:22px 0 8px }
p{ font-size:17px; margin:12px 0 }
a{ color:var(--navy) }
.lede{ font-size:19px; color:var(--ink) }

ol{ margin:14px 0 14px 22px } ul{ margin:12px 0 12px 22px }
li{ font-size:17px; margin:7px 0 }

.verdict{ background:#f4f6fb; border-left:4px solid var(--navy); border-radius:8px; padding:16px 20px; margin:24px 0; font-size:16px }

table{ width:100%; border-collapse:collapse; margin:22px 0; font-size:15.5px }
th,td{ text-align:left; padding:11px 12px; border-bottom:1px solid var(--line); vertical-align:top }
th{ color:var(--ink); font-weight:700 }
td strong{ color:var(--ink) }

.faq{ border-top:1px solid var(--line); padding:20px 0 }
.faq:last-of-type{ border-bottom:1px solid var(--line) }

.cta{ display:inline-block; background:var(--navy); color:#fff; font-weight:600; padding:14px 26px; border-radius:8px; text-decoration:none; margin:10px 12px 8px 0 }
.cta.alt{ background:#fff; color:var(--navy); border:1px solid var(--navy) }

.crumb{ font-size:14px; margin-bottom:18px }
.muted{ font-size:14px; margin-top:34px }

@media (max-width:600px){ h1{ font-size:30px } h2{ font-size:22px } }