/*
Theme Name: HomeNetWise
Theme URI: https://homenetwise.com/
Author: HomeNetWise
Description: Lightweight custom WordPress theme for HomeNetWise — Wi-Fi, home networking, troubleshooting, and network tools.
Version: 0.11.5
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: homenetwise
*/

:root {
  --hnw-navy: #0f2742;
  --hnw-navy-2: #173b63;
  --hnw-accent: #1ea7d7;
  --hnw-accent-2: #62c8eb;
  --hnw-success: #1d8f5f;
  --hnw-text: #182230;
  --hnw-muted: #667085;
  --hnw-line: #e5eaf0;
  --hnw-surface: #f6f9fc;
  --hnw-white: #ffffff;
  --hnw-radius: 18px;
  --hnw-shadow: 0 12px 34px rgba(15, 39, 66, 0.08);
  --hnw-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--hnw-text);
  background: var(--hnw-white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--hnw-navy-2); }
button, input, textarea, select { font: inherit; }

.hnw-container {
  width: min(calc(100% - 32px), var(--hnw-container));
  margin-inline: auto;
}

.hnw-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(229,234,240,.9);
}
.admin-bar .hnw-site-header { top: 32px; }

.hnw-header-inner {
  min-height: 74px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
}
.hnw-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  color: var(--hnw-navy);
  letter-spacing: -0.03em;
  font-size: 22px;
}
.hnw-brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: white;
  background: linear-gradient(135deg, var(--hnw-navy), var(--hnw-accent));
  box-shadow: 0 8px 18px rgba(30,167,215,.22);
}
.hnw-brand-mark svg { width: 23px; height: 23px; }

.hnw-nav { justify-self: center; }
.hnw-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 24px;
  align-items: center;
}
.hnw-nav a {
  font-size: 14px;
  font-weight: 650;
  color: #344054;
}
.hnw-nav a:hover { color: var(--hnw-accent); }

.hnw-header-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.hnw-icon-btn,
.hnw-primary-btn,
.hnw-secondary-btn {
  min-height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 700;
  transition: .2s ease;
}
.hnw-icon-btn {
  width: 42px;
  border: 1px solid var(--hnw-line);
  background: white;
}
.hnw-primary-btn {
  padding: 0 16px;
  background: var(--hnw-navy);
  color: white;
}
.hnw-primary-btn:hover {
  color: white;
  transform: translateY(-1px);
  background: var(--hnw-navy-2);
}
.hnw-secondary-btn {
  padding: 0 16px;
  border: 1px solid var(--hnw-line);
  background: white;
}
.hnw-secondary-btn:hover {
  border-color: var(--hnw-accent);
  color: var(--hnw-accent);
}

.hnw-menu-toggle { display: none; }

.hnw-hero {
  padding: 82px 0 58px;
  background:
    radial-gradient(circle at 16% 16%, rgba(98,200,235,.22), transparent 32%),
    radial-gradient(circle at 82% 10%, rgba(30,167,215,.12), transparent 34%),
    linear-gradient(180deg, #fbfdff 0%, #f6f9fc 100%);
  border-bottom: 1px solid var(--hnw-line);
}
.hnw-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr);
  gap: 56px;
  align-items: center;
}
.hnw-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--hnw-accent);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.hnw-hero h1 {
  margin: 0;
  color: var(--hnw-navy);
  font-size: clamp(42px, 5.4vw, 68px);
  line-height: 1.03;
  letter-spacing: -0.055em;
  max-width: 820px;
}
.hnw-hero-copy {
  margin: 22px 0 26px;
  color: #475467;
  font-size: 18px;
  max-width: 710px;
}
.hnw-search-box {
  display: flex;
  gap: 10px;
  padding: 8px;
  max-width: 720px;
  border: 1px solid var(--hnw-line);
  border-radius: 16px;
  background: white;
  box-shadow: var(--hnw-shadow);
}
.hnw-search-box input {
  min-width: 0;
  flex: 1;
  min-height: 50px;
  border: 0;
  outline: 0;
  padding: 0 12px;
  color: var(--hnw-text);
  background: transparent;
}
.hnw-search-box button {
  border: 0;
  padding: 0 18px;
  border-radius: 11px;
  font-weight: 800;
  color: white;
  background: var(--hnw-accent);
  cursor: pointer;
}
.hnw-hero-hint {
  margin: 10px 2px 0;
  color: var(--hnw-muted);
  font-size: 13px;
}

.hnw-network-visual {
  position: relative;
  min-height: 380px;
  border: 1px solid var(--hnw-line);
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(145deg, #102a48, #173f67);
  box-shadow: 0 26px 60px rgba(15,39,66,.18);
}
.hnw-network-visual::before,
.hnw-network-visual::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.13);
}
.hnw-network-visual::before { inset: 52px; }
.hnw-network-visual::after { inset: 102px; }
.hnw-router {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 170px;
  height: 106px;
  transform: translate(-50%,-50%);
  border-radius: 24px;
  background: white;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}
.hnw-router::before {
  content: "";
  position: absolute;
  width: 72px;
  height: 6px;
  border-radius: 10px;
  background: var(--hnw-accent);
  left: 28px;
  bottom: 24px;
}
.hnw-router::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--hnw-success);
  right: 26px;
  bottom: 23px;
  box-shadow: 18px 0 0 #d0d5dd;
}
.hnw-signal-node {
  position: absolute;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: white;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}
.hnw-node-a { left: 54px; top: 74px; }
.hnw-node-b { right: 58px; top: 62px; }
.hnw-node-c { left: 74px; bottom: 58px; }
.hnw-node-d { right: 74px; bottom: 72px; }

.hnw-section { padding: 76px 0; }
.hnw-section-alt { background: var(--hnw-surface); }
.hnw-section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 28px;
}
.hnw-section-head h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.15;
  letter-spacing: -0.035em;
  color: var(--hnw-navy);
}
.hnw-section-head p {
  margin: 8px 0 0;
  max-width: 660px;
  color: var(--hnw-muted);
}
.hnw-text-link {
  font-weight: 800;
  color: var(--hnw-accent);
  white-space: nowrap;
}

.hnw-grid-4,
.hnw-grid-3,
.hnw-grid-2 {
  display: grid;
  gap: 20px;
}
.hnw-grid-4 { grid-template-columns: repeat(4,1fr); }
.hnw-grid-3 { grid-template-columns: repeat(3,1fr); }
.hnw-grid-2 { grid-template-columns: repeat(2,1fr); }

.hnw-card {
  position: relative;
  overflow: hidden;
  min-height: 180px;
  padding: 24px;
  border: 1px solid var(--hnw-line);
  border-radius: var(--hnw-radius);
  background: white;
  box-shadow: 0 8px 22px rgba(15,39,66,.045);
  transition: .2s ease;
}
.hnw-card:hover {
  transform: translateY(-3px);
  border-color: #d7e4ef;
  box-shadow: var(--hnw-shadow);
}
.hnw-card-icon {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  font-weight: 900;
  color: var(--hnw-accent);
  background: #ecf8fd;
}
.hnw-card h3 {
  margin: 0 0 8px;
  color: var(--hnw-navy);
  font-size: 18px;
  line-height: 1.3;
}
.hnw-card p {
  margin: 0;
  color: var(--hnw-muted);
  font-size: 14px;
}
.hnw-card-arrow {
  position: absolute;
  right: 20px;
  bottom: 18px;
  color: var(--hnw-accent);
  font-weight: 900;
}

.hnw-tool-card { min-height: 230px; }
.hnw-tool-badge {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 6px 9px;
  border-radius: 999px;
  color: var(--hnw-success);
  background: #eaf8f1;
  font-size: 12px;
  font-weight: 800;
}
.hnw-tool-card .hnw-card-icon {
  position: absolute;
  right: 22px;
  top: 22px;
}

.hnw-problem-solver {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 32px;
  padding: 36px;
  border-radius: 26px;
  color: white;
  background: linear-gradient(135deg, #102a48, #174b75);
  overflow: hidden;
  position: relative;
}
.hnw-problem-solver h2 {
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.1;
}
.hnw-problem-solver p {
  margin: 0;
  color: rgba(255,255,255,.74);
}
.hnw-problem-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.hnw-problem-options a {
  min-height: 54px;
  padding: 0 16px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.12);
  font-weight: 750;
}
.hnw-problem-options a:hover {
  color: white;
  background: rgba(255,255,255,.14);
}

.hnw-post-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid var(--hnw-line);
  border-radius: var(--hnw-radius);
  background: white;
  overflow: hidden;
  transition: .2s ease;
}
.hnw-post-card:hover { transform: translateY(-3px); box-shadow: var(--hnw-shadow); }
.hnw-post-thumb {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, #eaf5fb, #f6f9fc);
  overflow: hidden;
}
.hnw-post-thumb img { width: 100%; height: 100%; object-fit: cover; }
.hnw-post-body { padding: 20px; }
.hnw-post-meta {
  color: var(--hnw-accent);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.hnw-post-body h3 {
  margin: 8px 0 8px;
  color: var(--hnw-navy);
  font-size: 19px;
  line-height: 1.35;
}
.hnw-post-body p { margin: 0; color: var(--hnw-muted); font-size: 14px; }

.hnw-content-wrap {
  width: min(calc(100% - 32px), 920px);
  margin: 0 auto;
  padding: 54px 0 80px;
}
.hnw-content-wrap h1 {
  color: var(--hnw-navy);
  font-size: clamp(34px,4vw,50px);
  line-height: 1.12;
  letter-spacing: -0.04em;
}
.hnw-entry-content {
  font-size: 17px;
}
.hnw-entry-content h2,
.hnw-entry-content h3 {
  color: var(--hnw-navy);
  line-height: 1.25;
  margin-top: 2em;
}
.hnw-entry-content a { color: #087ea4; text-decoration: underline; }
.hnw-entry-content img { border-radius: 14px; }
.hnw-entry-content table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
}
.hnw-entry-content th,
.hnw-entry-content td {
  border: 1px solid var(--hnw-line);
  padding: 10px 12px;
  text-align: left;
}

.hnw-site-footer {
  background: #0c223a;
  color: rgba(255,255,255,.78);
  padding: 58px 0 24px;
}
.hnw-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3,1fr);
  gap: 44px;
}
.hnw-site-footer h4 { color: white; margin: 0 0 14px; }
.hnw-site-footer ul { list-style: none; margin: 0; padding: 0; }
.hnw-site-footer li { margin: 8px 0; }
.hnw-site-footer a:hover { color: white; }
.hnw-footer-brand p { max-width: 360px; }
.hnw-footer-bottom {
  margin-top: 42px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.10);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 13px;
}

.hnw-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 1600;
  display: none;
  place-items: start center;
  padding-top: 14vh;
  background: rgba(10,24,42,.62);
  backdrop-filter: blur(6px);
}
.hnw-search-overlay.is-open { display: grid; }
.hnw-search-panel {
  width: min(calc(100% - 32px), 680px);
  padding: 20px;
  border-radius: 20px;
  background: white;
  box-shadow: 0 24px 80px rgba(0,0,0,.22);
}
.hnw-search-panel form { display: flex; gap: 10px; }
.hnw-search-panel input {
  flex: 1;
  min-width: 0;
  min-height: 50px;
  border: 1px solid var(--hnw-line);
  border-radius: 12px;
  padding: 0 14px;
}
.hnw-search-close {
  margin-top: 10px;
  border: 0;
  background: none;
  color: var(--hnw-muted);
  cursor: pointer;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

@media (max-width: 1024px) {
  .hnw-nav { display: none; }
  .hnw-menu-toggle { display: inline-flex; }
  .hnw-header-inner { grid-template-columns: auto 1fr auto; }
  .hnw-hero-grid { grid-template-columns: 1fr; }
  .hnw-network-visual { min-height: 320px; }
  .hnw-grid-4 { grid-template-columns: repeat(2,1fr); }
  .hnw-footer-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
  .admin-bar .hnw-site-header { top: 46px; }
  .hnw-container { width: min(calc(100% - 22px), var(--hnw-container)); }
  .hnw-header-inner { min-height: 64px; gap: 10px; }
  .hnw-brand { font-size: 19px; }
  .hnw-brand-mark { width: 34px; height: 34px; }
  .hnw-header-actions .hnw-primary-btn { display: none; }
  .hnw-hero { padding: 54px 0 38px; }
  .hnw-hero h1 { font-size: clamp(38px, 12vw, 52px); }
  .hnw-hero-copy { font-size: 16px; }
  .hnw-search-box { flex-direction: column; }
  .hnw-search-box button { min-height: 46px; }
  .hnw-network-visual { min-height: 280px; border-radius: 22px; }
  .hnw-section { padding: 54px 0; }
  .hnw-section-head { align-items: start; flex-direction: column; }
  .hnw-grid-4, .hnw-grid-3, .hnw-grid-2 { grid-template-columns: 1fr; }
  .hnw-problem-solver { grid-template-columns: 1fr; padding: 26px; }
  .hnw-problem-options { grid-template-columns: 1fr; }
  .hnw-footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 18px; }
  .hnw-footer-brand { grid-column: 1 / -1; }
  .hnw-footer-bottom { flex-direction: column; }
}

@media (max-width: 460px) {
  .hnw-footer-grid { grid-template-columns: 1fr; }
  .hnw-footer-brand { grid-column: auto; }
  .hnw-network-visual::before { inset: 36px; }
  .hnw-network-visual::after { inset: 78px; }
  .hnw-node-a { left: 26px; top: 44px; }
  .hnw-node-b { right: 26px; top: 40px; }
  .hnw-node-c { left: 34px; bottom: 38px; }
  .hnw-node-d { right: 34px; bottom: 42px; }
}


/* ===== HomeNetWise v0.2 visual refinement ===== */

.hnw-site-header {
  border-top: 0;
}

.hnw-header-inner {
  min-height: 72px;
}

.hnw-brand-mark {
  box-shadow: 0 7px 18px rgba(30,167,215,.18);
}

.hnw-icon-btn svg,
.hnw-card-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

.hnw-icon-btn {
  color: var(--hnw-navy);
}

.hnw-hero {
  padding: 68px 0 52px;
}

.hnw-hero-grid {
  grid-template-columns: minmax(0,1.12fr) minmax(380px,.88fr);
  gap: 48px;
}

.hnw-hero h1 {
  font-size: clamp(42px, 4.7vw, 61px);
  max-width: 760px;
}

.hnw-hero-copy {
  max-width: 700px;
  margin-top: 20px;
}

.hnw-network-visual {
  min-height: 350px;
}

.hnw-section {
  padding: 66px 0;
}

.hnw-section-head {
  margin-bottom: 24px;
}

.hnw-card {
  min-height: 170px;
  padding: 23px;
}

.hnw-tool-card {
  min-height: 205px;
}

.hnw-card-icon {
  margin-bottom: 16px;
}

.hnw-card-arrow {
  right: 20px;
  bottom: 16px;
}

.hnw-popular-card {
  min-height: 205px;
}

.hnw-problem-solver {
  padding: 34px 38px;
}

.hnw-problem-options a {
  min-height: 52px;
}

.hnw-mobile-nav {
  display: none;
}

@media (max-width: 1024px) {
  .hnw-hero-grid {
    grid-template-columns: 1fr;
  }
  .hnw-hero h1 {
    max-width: 780px;
  }
}

@media (max-width: 720px) {
  .hnw-header-inner {
    min-height: 64px;
  }

  .hnw-header-actions {
    gap: 8px;
  }

  .hnw-icon-btn {
    width: 50px;
    min-height: 50px;
    border-radius: 14px;
  }

  .hnw-hero {
    padding: 48px 0 40px;
  }

  .hnw-hero h1 {
    font-size: clamp(38px, 11.2vw, 50px);
    line-height: 1.06;
    letter-spacing: -0.045em;
  }

  .hnw-hero-copy {
    margin: 22px 0 24px;
    line-height: 1.72;
  }

  .hnw-network-visual {
    min-height: 300px;
    margin-top: 10px;
  }

  .hnw-section {
    padding: 48px 0;
  }

  .hnw-section-head {
    margin-bottom: 22px;
    gap: 10px;
  }

  .hnw-section-head h2 {
    font-size: 32px;
  }

  .hnw-section-head p {
    line-height: 1.7;
  }

  .hnw-grid-4,
  .hnw-grid-3,
  .hnw-grid-2 {
    gap: 16px;
  }

  .hnw-card,
  .hnw-tool-card,
  .hnw-popular-card {
    min-height: 0;
    padding: 24px 26px 54px;
  }

  .hnw-card h3 {
    margin-bottom: 8px;
  }

  .hnw-card p {
    font-size: 16px;
    line-height: 1.7;
  }

  .hnw-tool-card .hnw-card-icon {
    right: 20px;
    top: 20px;
  }

  .hnw-tool-badge {
    margin-bottom: 24px;
  }

  .hnw-problem-solver {
    padding: 28px 32px;
  }

  .hnw-problem-solver h2 {
    font-size: 38px;
  }

  .hnw-problem-options {
    gap: 12px;
  }

  .hnw-problem-options a {
    min-height: 66px;
    padding-inline: 20px;
  }
}

@media (max-width: 460px) {
  .hnw-container {
    width: min(calc(100% - 20px), var(--hnw-container));
  }

  .hnw-brand {
    gap: 9px;
    font-size: 18px;
  }

  .hnw-brand-mark {
    width: 36px;
    height: 36px;
  }

  .hnw-header-actions .hnw-icon-btn {
    width: 52px;
  }

  .hnw-eyebrow {
    font-size: 12px;
    letter-spacing: .05em;
  }

  .hnw-hero {
    padding-top: 42px;
  }

  .hnw-hero h1 {
    font-size: 40px;
  }

  .hnw-search-box {
    padding: 9px;
    border-radius: 18px;
  }

  .hnw-search-box input {
    min-height: 58px;
    font-size: 16px;
  }

  .hnw-search-box button {
    min-height: 54px;
    font-size: 16px;
  }

  .hnw-network-visual {
    min-height: 292px;
  }

  .hnw-section-head h2 {
    font-size: 31px;
  }

  .hnw-card {
    border-radius: 20px;
  }

  .hnw-card-icon {
    width: 52px;
    height: 52px;
  }

  .hnw-problem-solver {
    border-radius: 28px;
  }

  .hnw-problem-solver h2 {
    font-size: 36px;
  }
}


/* ===== HomeNetWise v0.3 article system ===== */

.hnw-article-shell {
  padding: 44px 0 84px;
  background: #fff;
}
.hnw-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 760px) 300px;
  gap: 54px;
  align-items: start;
}
.hnw-article-main {
  min-width: 0;
}
.hnw-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-bottom: 24px;
  color: var(--hnw-muted);
  font-size: 13px;
}
.hnw-breadcrumbs a:hover {
  color: var(--hnw-accent);
}
.hnw-breadcrumbs-sep {
  color: #98a2b3;
}

.hnw-article-kicker {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--hnw-accent);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.hnw-article-title {
  margin: 0;
  color: var(--hnw-navy);
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.06;
  letter-spacing: -0.045em;
}
.hnw-article-deck {
  margin: 20px 0 0;
  color: #475467;
  font-size: 20px;
  line-height: 1.65;
}
.hnw-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: center;
  margin: 22px 0 30px;
  color: var(--hnw-muted);
  font-size: 13px;
}
.hnw-meta-dot::before {
  content: "•";
  margin-right: 18px;
  color: #c4cbd4;
}
.hnw-featured-media {
  margin: 0 0 34px;
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(135deg, #eaf5fb, #f6f9fc);
  border: 1px solid var(--hnw-line);
}
.hnw-featured-media img {
  display: block;
  width: 100%;
  height: auto;
}

.hnw-ad-slot {
  margin: 30px 0;
  min-height: 96px;
  border: 1px dashed #cfd8e3;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #98a2b3;
  background: #fbfcfe;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.hnw-ad-slot[data-hidden="1"] {
  display: none;
}

.hnw-article-content {
  font-size: 18px;
  line-height: 1.78;
  color: #253349;
}
.hnw-article-content > *:first-child {
  margin-top: 0;
}
.hnw-article-content p {
  margin: 0 0 1.35em;
}
.hnw-article-content h2 {
  margin: 2.05em 0 .72em;
  color: var(--hnw-navy);
  font-size: 31px;
  line-height: 1.18;
  letter-spacing: -0.028em;
}
.hnw-article-content h3 {
  margin: 1.75em 0 .6em;
  color: var(--hnw-navy);
  font-size: 23px;
  line-height: 1.25;
}
.hnw-article-content ul,
.hnw-article-content ol {
  margin: 0 0 1.5em;
  padding-left: 1.25em;
}
.hnw-article-content li {
  margin: .5em 0;
}
.hnw-article-content a {
  color: #087ea4;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.hnw-article-content blockquote {
  margin: 1.7em 0;
  padding: 18px 22px;
  border-left: 4px solid var(--hnw-accent);
  border-radius: 0 14px 14px 0;
  background: #f5fbfe;
  color: #344054;
}
.hnw-article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 15px;
}
.hnw-article-content th {
  background: #f4f8fb;
  color: var(--hnw-navy);
  font-weight: 800;
}
.hnw-article-content th,
.hnw-article-content td {
  padding: 12px 14px;
  border: 1px solid var(--hnw-line);
  text-align: left;
  vertical-align: top;
}

.hnw-key-takeaway {
  margin: 28px 0;
  padding: 22px 24px;
  border: 1px solid #cfeaf5;
  border-radius: 16px;
  background: #f3fbfe;
}
.hnw-key-takeaway strong {
  display: block;
  margin-bottom: 5px;
  color: var(--hnw-navy);
}

.hnw-article-sidebar {
  position: sticky;
  top: 98px;
}
.admin-bar .hnw-article-sidebar {
  top: 130px;
}
.hnw-side-card {
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid var(--hnw-line);
  border-radius: 18px;
  background: white;
  box-shadow: 0 8px 24px rgba(15,39,66,.045);
}
.hnw-side-card h3 {
  margin: 0 0 12px;
  color: var(--hnw-navy);
  font-size: 16px;
}
.hnw-side-card p {
  margin: 0;
  color: var(--hnw-muted);
  font-size: 13px;
  line-height: 1.65;
}
.hnw-side-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hnw-side-links li {
  margin: 0;
  border-top: 1px solid #eef2f6;
}
.hnw-side-links li:first-child {
  border-top: 0;
}
.hnw-side-links a {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
  color: #344054;
  font-size: 13px;
  font-weight: 650;
}
.hnw-side-links a:hover {
  color: var(--hnw-accent);
}

.hnw-author-box {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 16px;
  margin-top: 44px;
  padding: 24px;
  border-top: 1px solid var(--hnw-line);
  border-bottom: 1px solid var(--hnw-line);
}
.hnw-author-avatar img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.hnw-author-copy strong {
  display: block;
  color: var(--hnw-navy);
}
.hnw-author-copy p {
  margin: 5px 0 0;
  color: var(--hnw-muted);
  font-size: 14px;
}

.hnw-related {
  padding: 66px 0 76px;
  background: var(--hnw-surface);
  border-top: 1px solid var(--hnw-line);
}
.hnw-related h2 {
  margin: 0 0 24px;
  color: var(--hnw-navy);
  font-size: 32px;
  letter-spacing: -0.03em;
}

@media (max-width: 980px) {
  .hnw-article-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }
  .hnw-article-sidebar {
    position: static;
  }
}

@media (max-width: 720px) {
  .hnw-article-shell {
    padding: 32px 0 62px;
  }
  .hnw-article-title {
    font-size: clamp(36px, 10.5vw, 48px);
  }
  .hnw-article-deck {
    font-size: 18px;
  }
  .hnw-article-meta {
    gap: 8px 12px;
  }
  .hnw-meta-dot::before {
    margin-right: 12px;
  }
  .hnw-featured-media {
    border-radius: 18px;
    margin-bottom: 28px;
  }
  .hnw-article-content {
    font-size: 17px;
    line-height: 1.76;
  }
  .hnw-article-content h2 {
    font-size: 29px;
  }
  .hnw-article-content h3 {
    font-size: 22px;
  }
  .hnw-author-box {
    grid-template-columns: 46px 1fr;
    padding-inline: 0;
  }
  .hnw-author-avatar img {
    width: 46px;
    height: 46px;
  }
}


/* ===== HomeNetWise v0.4 branded image integration ===== */

.hnw-brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.hnw-brand-logo {
  display: block;
  width: auto;
  height: 48px;
  max-width: 270px;
  object-fit: contain;
}

.hnw-network-visual {
  min-height: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

.hnw-network-visual::before,
.hnw-network-visual::after,
.hnw-router,
.hnw-signal-node {
  display: none !important;
}

.hnw-hero-network-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 26px;
  filter: drop-shadow(0 24px 48px rgba(15, 39, 66, 0.18));
}

.hnw-footer-brand .hnw-brand-logo {
  display: none;
}

@media (max-width: 1024px) {
  .hnw-brand-logo {
    height: 44px;
    max-width: 245px;
  }

  .hnw-hero-network-image {
    max-width: 760px;
    margin-inline: auto;
  }
}

@media (max-width: 720px) {
  .hnw-brand-logo {
    height: 40px;
    max-width: 218px;
  }

  .hnw-network-visual {
    margin-top: 8px;
  }

  .hnw-hero-network-image {
    border-radius: 22px;
    filter: drop-shadow(0 18px 34px rgba(15, 39, 66, 0.15));
  }
}

@media (max-width: 460px) {
  .hnw-brand-logo {
    height: 36px;
    max-width: 205px;
  }
}


/* ===== HomeNetWise v0.5 article refinement ===== */

.hnw-article-shell {
  padding-top: 34px;
}

.hnw-article-layout {
  grid-template-columns: minmax(0, 790px) 300px;
  gap: 48px;
}

.hnw-article-title {
  max-width: 820px;
}

.hnw-article-deck {
  max-width: 740px;
}

.hnw-featured-media {
  margin-bottom: 22px;
}

.hnw-toc {
  border: 1px solid var(--hnw-line);
  border-radius: 16px;
  background: #f8fbfd;
}

.hnw-toc-mobile {
  display: none;
  margin: 0 0 28px;
  padding: 20px 22px;
}

.hnw-toc h3,
.hnw-toc-title {
  margin: 0 0 12px;
  color: var(--hnw-navy);
  font-size: 15px;
  font-weight: 800;
}

.hnw-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: hnw-toc;
}

.hnw-toc-list li {
  counter-increment: hnw-toc;
  margin: 0;
}

.hnw-toc-list a {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;
  padding: 7px 0;
  color: #475467;
  font-size: 13px;
  line-height: 1.45;
}

.hnw-toc-list a::before {
  content: counter(hnw-toc) ".";
  color: var(--hnw-accent);
  font-weight: 800;
}

.hnw-toc-list a:hover {
  color: var(--hnw-accent);
}

.hnw-side-card.hnw-toc-card {
  padding-bottom: 14px;
}

.hnw-quick-fix-card {
  background: linear-gradient(180deg, #f2fbf7, #f7fcf9);
  border-color: #d7eee3;
}

.hnw-quick-fix-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hnw-quick-fix-list li {
  position: relative;
  margin: 9px 0;
  padding-left: 22px;
  color: #475467;
  font-size: 13px;
  line-height: 1.5;
}

.hnw-quick-fix-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--hnw-success);
  font-weight: 900;
}

.hnw-article-content .hnw-fix-box {
  margin: 16px 0 26px;
  padding: 16px 18px;
  border: 1px solid #dbe8ef;
  border-radius: 13px;
  background: #f8fbfd;
  color: #344054;
}

.hnw-article-content .hnw-fix-box strong {
  display: block;
  margin-bottom: 4px;
  color: var(--hnw-navy);
}

.hnw-article-content .hnw-checklist {
  margin: 22px 0 30px;
  padding: 20px 22px;
  border: 1px solid #d7eaf3;
  border-radius: 16px;
  background: #f2faff;
}

.hnw-article-content .hnw-checklist strong {
  display: block;
  margin-bottom: 9px;
  color: var(--hnw-navy);
}

.hnw-article-content .hnw-checklist ul {
  margin-bottom: 0;
}

.hnw-faq {
  margin-top: 36px;
}

.hnw-faq details {
  border: 1px solid var(--hnw-line);
  border-radius: 12px;
  background: white;
  margin: 10px 0;
  overflow: hidden;
}

.hnw-faq summary {
  cursor: pointer;
  padding: 15px 18px;
  color: var(--hnw-navy);
  font-weight: 800;
  list-style: none;
}

.hnw-faq summary::-webkit-details-marker {
  display: none;
}

.hnw-faq details p {
  margin: 0;
  padding: 0 18px 17px;
}

.hnw-article-end-cta {
  margin-top: 36px;
  padding: 22px 24px;
  border-radius: 18px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  color: white;
  background: linear-gradient(135deg, #102a48, #17527e);
}

.hnw-article-end-cta strong {
  display: block;
  font-size: 20px;
}

.hnw-article-end-cta span {
  color: rgba(255,255,255,.78);
  font-size: 14px;
}

.hnw-article-end-cta .hnw-primary-btn {
  background: var(--hnw-accent);
  white-space: nowrap;
}

.hnw-article-end-cta .hnw-primary-btn:hover {
  background: #178eb8;
}

@media (max-width: 980px) {
  .hnw-toc-mobile {
    display: block;
  }

  .hnw-article-sidebar .hnw-toc-card {
    display: none;
  }
}

@media (max-width: 720px) {
  .hnw-article-shell {
    padding-top: 26px;
  }

  .hnw-toc-mobile {
    padding: 18px;
    border-radius: 14px;
  }

  .hnw-article-end-cta {
    align-items: stretch;
    flex-direction: column;
  }

  .hnw-article-end-cta .hnw-primary-btn {
    width: 100%;
  }
}


/* ===== HomeNetWise v0.5.1 mobile article layout fix ===== */

@media (max-width: 980px) {
  .hnw-article-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
  }

  .hnw-article-main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    order: 1 !important;
  }

  .hnw-article-sidebar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: static !important;
    order: 2 !important;
  }

  .hnw-breadcrumbs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 7px;
  }
}

@media (max-width: 720px) {
  .hnw-article-shell {
    overflow-x: clip;
  }

  .hnw-article-layout {
    gap: 22px !important;
  }

  .hnw-breadcrumbs {
    margin-bottom: 18px;
    font-size: 12px;
    line-height: 1.55;
  }

  .hnw-article-kicker {
    margin-bottom: 10px;
  }

  .hnw-article-title {
    width: 100%;
    max-width: none;
    font-size: clamp(34px, 10vw, 44px);
    line-height: 1.08;
    overflow-wrap: normal;
    word-break: normal;
  }

  .hnw-article-deck {
    width: 100%;
    max-width: none;
    font-size: 17px;
    line-height: 1.65;
  }

  .hnw-article-meta,
  .hnw-featured-media,
  .hnw-toc-mobile {
    width: 100%;
  }

  .hnw-toc-mobile {
    display: block !important;
  }

  .hnw-article-sidebar .hnw-toc-card {
    display: none !important;
  }

  .hnw-article-sidebar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px;
    margin-top: 4px;
  }

  .hnw-side-card {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 460px) {
  .hnw-article-title {
    font-size: 36px;
  }

  .hnw-breadcrumbs {
    font-size: 11.5px;
  }

  .hnw-side-card {
    padding: 18px;
    border-radius: 16px;
  }
}


/* ===== HomeNetWise v0.6 category system ===== */

.hnw-category-hero {
  padding: 58px 0 46px;
  border-bottom: 1px solid var(--hnw-line);
  background:
    radial-gradient(circle at 82% 18%, rgba(30,167,215,.12), transparent 26%),
    linear-gradient(180deg, #fbfdff 0%, #f5f9fc 100%);
}

.hnw-category-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 48px;
  align-items: center;
}

.hnw-category-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--hnw-accent);
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.hnw-category-title {
  margin: 0;
  color: var(--hnw-navy);
  font-size: clamp(40px, 5vw, 60px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.hnw-category-desc {
  max-width: 760px;
  margin: 18px 0 0;
  color: #475467;
  font-size: 18px;
  line-height: 1.7;
}

.hnw-category-stat {
  padding: 26px;
  border: 1px solid var(--hnw-line);
  border-radius: 22px;
  background: white;
  box-shadow: var(--hnw-shadow);
}

.hnw-category-stat-label {
  margin-bottom: 10px;
  color: var(--hnw-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.hnw-category-stat strong {
  display: block;
  color: var(--hnw-navy);
  font-size: 22px;
}

.hnw-category-stat p {
  margin: 8px 0 0;
  color: var(--hnw-muted);
  font-size: 14px;
  line-height: 1.6;
}

.hnw-category-section {
  padding: 64px 0;
}

.hnw-category-section-alt {
  background: var(--hnw-surface);
  border-top: 1px solid var(--hnw-line);
  border-bottom: 1px solid var(--hnw-line);
}

.hnw-category-section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 26px;
}

.hnw-category-section-head h2 {
  margin: 0;
  color: var(--hnw-navy);
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.hnw-category-section-head p {
  margin: 8px 0 0;
  max-width: 680px;
  color: var(--hnw-muted);
}

.hnw-featured-guide {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  overflow: hidden;
  border: 1px solid var(--hnw-line);
  border-radius: 24px;
  background: white;
  box-shadow: var(--hnw-shadow);
}

.hnw-featured-guide-media {
  min-height: 340px;
  background:
    linear-gradient(135deg, rgba(15,39,66,.08), rgba(30,167,215,.12)),
    #eef7fb;
}

.hnw-featured-guide-media img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
  display: block;
}

.hnw-featured-guide-copy {
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hnw-featured-guide-copy .hnw-post-meta {
  margin-bottom: 8px;
}

.hnw-featured-guide-copy h3 {
  margin: 0;
  color: var(--hnw-navy);
  font-size: 31px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.hnw-featured-guide-copy p {
  margin: 14px 0 22px;
  color: var(--hnw-muted);
  line-height: 1.7;
}

.hnw-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.hnw-category-article-card {
  overflow: hidden;
  border: 1px solid var(--hnw-line);
  border-radius: 18px;
  background: white;
  transition: .2s ease;
}

.hnw-category-article-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--hnw-shadow);
}

.hnw-category-article-thumb {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, #eaf5fb, #f7fafc);
  overflow: hidden;
}

.hnw-category-article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hnw-category-article-body {
  padding: 20px;
}

.hnw-category-article-body h3 {
  margin: 7px 0 8px;
  color: var(--hnw-navy);
  font-size: 19px;
  line-height: 1.35;
}

.hnw-category-article-body p {
  margin: 0;
  color: var(--hnw-muted);
  font-size: 14px;
  line-height: 1.65;
}

.hnw-category-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.hnw-category-quick-card {
  position: relative;
  min-height: 164px;
  padding: 22px 22px 46px;
  border: 1px solid var(--hnw-line);
  border-radius: 18px;
  background: white;
  transition: .2s ease;
}

.hnw-category-quick-card:hover {
  transform: translateY(-2px);
  border-color: #cfe4ef;
  box-shadow: 0 12px 28px rgba(15,39,66,.06);
}

.hnw-category-quick-card .hnw-card-icon {
  margin-bottom: 14px;
}

.hnw-category-quick-card h3 {
  margin: 0 0 7px;
  color: var(--hnw-navy);
  font-size: 17px;
}

.hnw-category-quick-card p {
  margin: 0;
  color: var(--hnw-muted);
  font-size: 13px;
  line-height: 1.6;
}

.hnw-category-quick-card .hnw-card-arrow {
  bottom: 14px;
}

.hnw-category-tools {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.hnw-category-tool-card {
  padding: 24px;
  border-radius: 20px;
  border: 1px solid #d8eaf3;
  background: linear-gradient(135deg, #f4fbfe, #fff);
}

.hnw-category-tool-card h3 {
  margin: 12px 0 8px;
  color: var(--hnw-navy);
  font-size: 21px;
}

.hnw-category-tool-card p {
  margin: 0 0 18px;
  color: var(--hnw-muted);
}

.hnw-category-tool-card .hnw-tool-badge {
  margin: 0;
}

.hnw-category-pagination {
  margin-top: 34px;
}

.hnw-category-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hnw-category-pagination .page-numbers {
  min-width: 42px;
  min-height: 42px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--hnw-line);
  border-radius: 11px;
  background: white;
  color: #344054;
  font-weight: 700;
}

.hnw-category-pagination .page-numbers.current,
.hnw-category-pagination .page-numbers:hover {
  color: white;
  background: var(--hnw-navy);
  border-color: var(--hnw-navy);
}

.hnw-empty-category {
  padding: 34px;
  border: 1px dashed #cfd8e3;
  border-radius: 18px;
  color: var(--hnw-muted);
  background: #fbfcfe;
}

@media (max-width: 1024px) {
  .hnw-category-hero-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .hnw-category-stat {
    max-width: 600px;
  }

  .hnw-featured-guide {
    grid-template-columns: 1fr;
  }

  .hnw-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .hnw-category-quick-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .hnw-category-hero {
    padding: 42px 0 36px;
  }

  .hnw-category-title {
    font-size: 40px;
  }

  .hnw-category-desc {
    font-size: 16px;
  }

  .hnw-category-section {
    padding: 48px 0;
  }

  .hnw-category-section-head {
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }

  .hnw-category-section-head h2 {
    font-size: 30px;
  }

  .hnw-featured-guide-copy {
    padding: 26px;
  }

  .hnw-featured-guide-copy h3 {
    font-size: 27px;
  }

  .hnw-featured-guide-media,
  .hnw-featured-guide-media img {
    min-height: 220px;
  }

  .hnw-category-grid,
  .hnw-category-quick-grid,
  .hnw-category-tools {
    grid-template-columns: 1fr;
  }

  .hnw-category-quick-card {
    min-height: 0;
  }
}


/* ===== HomeNetWise v0.7 tools landing + speed calculator ===== */

.hnw-tools-hero,
.hnw-calc-hero {
  padding: 58px 0 48px;
  background:
    radial-gradient(circle at 82% 16%, rgba(30,167,215,.13), transparent 28%),
    linear-gradient(180deg, #fbfdff 0%, #f5f9fc 100%);
  border-bottom: 1px solid var(--hnw-line);
}

.hnw-tools-hero-grid,
.hnw-calc-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 48px;
  align-items: center;
}

.hnw-tools-title,
.hnw-calc-title {
  margin: 0;
  color: var(--hnw-navy);
  font-size: clamp(42px, 5vw, 62px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.hnw-tools-desc,
.hnw-calc-desc {
  max-width: 760px;
  margin: 18px 0 0;
  color: #475467;
  font-size: 18px;
  line-height: 1.7;
}

.hnw-tools-hero-card,
.hnw-calc-hero-card {
  padding: 26px;
  border: 1px solid var(--hnw-line);
  border-radius: 22px;
  background: white;
  box-shadow: var(--hnw-shadow);
}

.hnw-tools-hero-card strong,
.hnw-calc-hero-card strong {
  display: block;
  color: var(--hnw-navy);
  font-size: 21px;
}

.hnw-tools-hero-card p,
.hnw-calc-hero-card p {
  margin: 8px 0 0;
  color: var(--hnw-muted);
  font-size: 14px;
  line-height: 1.6;
}

.hnw-tools-section {
  padding: 66px 0;
}

.hnw-tools-section-alt {
  background: var(--hnw-surface);
  border-top: 1px solid var(--hnw-line);
  border-bottom: 1px solid var(--hnw-line);
}

.hnw-tools-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.hnw-tool-large-card {
  position: relative;
  min-height: 250px;
  padding: 28px;
  border: 1px solid var(--hnw-line);
  border-radius: 22px;
  background: white;
  overflow: hidden;
  transition: .2s ease;
}

.hnw-tool-large-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--hnw-shadow);
  border-color: #d3e4ed;
}

.hnw-tool-large-icon {
  width: 54px;
  height: 54px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: var(--hnw-accent);
  background: #eaf7fc;
  margin-bottom: 22px;
}

.hnw-tool-large-icon svg {
  width: 25px;
  height: 25px;
}

.hnw-tool-large-card h2,
.hnw-tool-large-card h3 {
  margin: 0 0 9px;
  color: var(--hnw-navy);
  font-size: 24px;
}

.hnw-tool-large-card p {
  max-width: 560px;
  margin: 0;
  color: var(--hnw-muted);
  line-height: 1.7;
}

.hnw-tool-status {
  display: inline-flex;
  align-items: center;
  margin-top: 22px;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--hnw-success);
  background: #eaf8f1;
  font-size: 12px;
  font-weight: 800;
}

.hnw-tool-status.hnw-coming-soon {
  color: #667085;
  background: #f2f4f7;
}

.hnw-tool-large-card .hnw-card-arrow {
  right: 26px;
  bottom: 24px;
  font-size: 20px;
}

/* Calculator */
.hnw-calc-shell {
  padding: 58px 0 82px;
  background: #fff;
}

.hnw-calc-layout {
  display: grid;
  grid-template-columns: minmax(0, 720px) 320px;
  gap: 48px;
  align-items: start;
}

.hnw-calc-card {
  padding: 28px;
  border: 1px solid var(--hnw-line);
  border-radius: 22px;
  background: white;
  box-shadow: 0 12px 34px rgba(15,39,66,.06);
}

.hnw-calc-card + .hnw-calc-card {
  margin-top: 18px;
}

.hnw-calc-card h2 {
  margin: 0 0 6px;
  color: var(--hnw-navy);
  font-size: 26px;
  letter-spacing: -0.02em;
}

.hnw-calc-card > p {
  margin: 0 0 24px;
  color: var(--hnw-muted);
}

.hnw-calc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.hnw-field {
  display: grid;
  gap: 7px;
}

.hnw-field-full {
  grid-column: 1 / -1;
}

.hnw-field label {
  color: #344054;
  font-size: 13px;
  font-weight: 800;
}

.hnw-field small {
  color: var(--hnw-muted);
  font-size: 12px;
  line-height: 1.5;
}

.hnw-field input,
.hnw-field select {
  width: 100%;
  min-height: 50px;
  padding: 0 13px;
  border: 1px solid #d7dee8;
  border-radius: 12px;
  outline: none;
  background: white;
  color: var(--hnw-text);
}

.hnw-field input:focus,
.hnw-field select:focus {
  border-color: var(--hnw-accent);
  box-shadow: 0 0 0 3px rgba(30,167,215,.12);
}

.hnw-activity-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.hnw-check {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid var(--hnw-line);
  border-radius: 11px;
  background: #fbfcfe;
}

.hnw-check input {
  width: 17px;
  height: 17px;
  accent-color: var(--hnw-accent);
}

.hnw-check span {
  font-size: 13px;
  color: #344054;
  font-weight: 650;
}

.hnw-calc-actions {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}

.hnw-calc-result {
  display: none;
  margin-top: 24px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #cfe5ef;
  background: linear-gradient(135deg, #f2fbff, #ffffff);
}

.hnw-calc-result.is-visible {
  display: block;
}

.hnw-calc-result-top {
  padding: 24px;
  border-bottom: 1px solid #dceaf0;
}

.hnw-result-label {
  color: var(--hnw-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.hnw-result-number {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 4px;
  color: var(--hnw-navy);
}

.hnw-result-number strong {
  font-size: 52px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.hnw-result-number span {
  font-size: 20px;
  font-weight: 800;
}

.hnw-result-summary {
  margin: 10px 0 0;
  color: #475467;
  line-height: 1.65;
}

.hnw-result-breakdown {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.hnw-result-metric {
  padding: 18px;
  border-right: 1px solid #e5edf2;
}

.hnw-result-metric:last-child {
  border-right: 0;
}

.hnw-result-metric span {
  display: block;
  color: var(--hnw-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.hnw-result-metric strong {
  display: block;
  margin-top: 3px;
  color: var(--hnw-navy);
  font-size: 18px;
}

.hnw-calc-note {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #f8fafc;
  color: var(--hnw-muted);
  font-size: 12px;
  line-height: 1.6;
}

.hnw-calc-side-card {
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid var(--hnw-line);
  border-radius: 18px;
  background: white;
}

.hnw-calc-side-card h3 {
  margin: 0 0 10px;
  color: var(--hnw-navy);
  font-size: 16px;
}

.hnw-calc-side-card p,
.hnw-calc-side-card li {
  color: var(--hnw-muted);
  font-size: 13px;
  line-height: 1.6;
}

.hnw-calc-side-card ul {
  margin: 0;
  padding-left: 18px;
}

.hnw-calc-side-card li + li {
  margin-top: 7px;
}

.hnw-calc-explain {
  padding: 64px 0 74px;
  background: var(--hnw-surface);
  border-top: 1px solid var(--hnw-line);
}

.hnw-calc-explain-inner {
  width: min(calc(100% - 32px), 860px);
  margin-inline: auto;
}

.hnw-calc-explain h2 {
  color: var(--hnw-navy);
  font-size: 32px;
  letter-spacing: -0.03em;
}

.hnw-calc-explain h3 {
  margin-top: 1.8em;
  color: var(--hnw-navy);
  font-size: 22px;
}

.hnw-calc-explain p,
.hnw-calc-explain li {
  color: #475467;
  line-height: 1.75;
}

@media (max-width: 1024px) {
  .hnw-tools-hero-grid,
  .hnw-calc-hero-grid,
  .hnw-calc-layout {
    grid-template-columns: 1fr;
  }

  .hnw-tools-grid {
    grid-template-columns: 1fr 1fr;
  }

  .hnw-tools-hero-card,
  .hnw-calc-hero-card {
    max-width: 620px;
  }
}

@media (max-width: 720px) {
  .hnw-tools-hero,
  .hnw-calc-hero {
    padding: 42px 0 36px;
  }

  .hnw-tools-title,
  .hnw-calc-title {
    font-size: 40px;
  }

  .hnw-tools-desc,
  .hnw-calc-desc {
    font-size: 16px;
  }

  .hnw-tools-section,
  .hnw-calc-shell,
  .hnw-calc-explain {
    padding: 48px 0;
  }

  .hnw-tools-grid,
  .hnw-calc-grid,
  .hnw-activity-grid,
  .hnw-result-breakdown {
    grid-template-columns: 1fr;
  }

  .hnw-result-metric {
    border-right: 0;
    border-bottom: 1px solid #e5edf2;
  }

  .hnw-result-metric:last-child {
    border-bottom: 0;
  }

  .hnw-calc-card {
    padding: 22px;
  }

  .hnw-calc-actions {
    flex-direction: column;
  }

  .hnw-calc-actions .hnw-primary-btn,
  .hnw-calc-actions .hnw-secondary-btn {
    width: 100%;
  }

  .hnw-result-number strong {
    font-size: 46px;
  }
}


/* ===== HomeNetWise v0.7.1 calculator top-field alignment ===== */

.hnw-field.hnw-field-paired {
  grid-template-rows: auto 50px 38px;
  align-content: start;
}

.hnw-field.hnw-field-paired input {
  height: 50px;
  min-height: 50px;
}

.hnw-field.hnw-field-paired small {
  display: block;
  min-height: 38px;
  margin: 0;
  line-height: 1.55;
}

@media (max-width: 720px) {
  .hnw-field.hnw-field-paired {
    grid-template-rows: auto 50px auto;
  }

  .hnw-field.hnw-field-paired small {
    min-height: 0;
  }
}


/* ===== HomeNetWise v0.8 Mesh Node Calculator ===== */

.hnw-mesh-result-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  margin-top: 18px;
}

.hnw-mesh-result-visual {
  min-height: 250px;
  padding: 24px;
  border: 1px solid #d8e8ef;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 45%, rgba(30,167,215,.16), transparent 34%),
    linear-gradient(145deg, #f6fbfe, #ffffff);
}

.hnw-mesh-result-visual h3 {
  margin: 0 0 10px;
  color: var(--hnw-navy);
  font-size: 17px;
}

.hnw-mesh-node-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 22px;
}

.hnw-mesh-node-chip {
  width: 64px;
  height: 64px;
  border-radius: 19px;
  display: grid;
  place-items: center;
  color: white;
  background: linear-gradient(135deg, #123b64, #1ea7d7);
  box-shadow: 0 10px 20px rgba(15,39,66,.12);
  font-weight: 850;
}

.hnw-mesh-node-chip.is-router {
  background: linear-gradient(135deg, #0f2742, #174d77);
}

.hnw-mesh-node-plus {
  color: #98a2b3;
  font-weight: 900;
}

.hnw-mesh-result-notes {
  display: grid;
  gap: 12px;
}

.hnw-mesh-note-card {
  padding: 16px 18px;
  border: 1px solid var(--hnw-line);
  border-radius: 14px;
  background: #fbfcfe;
}

.hnw-mesh-note-card span {
  display: block;
  color: var(--hnw-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.hnw-mesh-note-card strong {
  display: block;
  margin-top: 4px;
  color: var(--hnw-navy);
  font-size: 17px;
}

.hnw-segmented {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.hnw-segmented label {
  position: relative;
}

.hnw-segmented input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.hnw-segmented span {
  min-height: 48px;
  padding: 0 10px;
  border: 1px solid var(--hnw-line);
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #475467;
  background: #fbfcfe;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  transition: .16s ease;
}

.hnw-segmented input:checked + span {
  border-color: var(--hnw-accent);
  color: var(--hnw-navy);
  background: #eefaff;
  box-shadow: 0 0 0 3px rgba(30,167,215,.09);
}

.hnw-mesh-disclaimer {
  margin-top: 18px;
  padding: 14px 16px;
  border-left: 3px solid var(--hnw-accent);
  border-radius: 0 12px 12px 0;
  color: var(--hnw-muted);
  background: #f7fbfd;
  font-size: 12px;
  line-height: 1.65;
}

@media (max-width: 720px) {
  .hnw-mesh-result-grid,
  .hnw-segmented {
    grid-template-columns: 1fr;
  }

  .hnw-mesh-result-visual {
    min-height: 0;
  }

  .hnw-mesh-node-chip {
    width: 58px;
    height: 58px;
    border-radius: 17px;
  }
}


/* ===== HomeNetWise v0.9 Download Time Calculator ===== */

.hnw-download-result-main {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  margin-top: 18px;
}

.hnw-time-display {
  padding: 24px;
  border: 1px solid #d7e9f1;
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 16%, rgba(30,167,215,.13), transparent 28%),
    linear-gradient(145deg, #f7fcfe, #ffffff);
}

.hnw-time-display .hnw-result-label {
  margin-bottom: 7px;
}

.hnw-time-big {
  color: var(--hnw-navy);
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.hnw-time-sub {
  margin-top: 9px;
  color: var(--hnw-muted);
  font-size: 14px;
  line-height: 1.6;
}

.hnw-download-details {
  display: grid;
  gap: 12px;
}

.hnw-download-detail {
  padding: 16px 18px;
  border: 1px solid var(--hnw-line);
  border-radius: 14px;
  background: #fbfcfe;
}

.hnw-download-detail span {
  display: block;
  color: var(--hnw-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.hnw-download-detail strong {
  display: block;
  margin-top: 4px;
  color: var(--hnw-navy);
  font-size: 17px;
}

.hnw-download-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.hnw-download-presets button {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid var(--hnw-line);
  border-radius: 999px;
  color: #475467;
  background: white;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

.hnw-download-presets button:hover {
  border-color: var(--hnw-accent);
  color: var(--hnw-accent);
}

.hnw-download-comparison {
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid var(--hnw-line);
  border-radius: 16px;
}

.hnw-download-comparison table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.hnw-download-comparison th,
.hnw-download-comparison td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--hnw-line);
  text-align: left;
}

.hnw-download-comparison tr:last-child td {
  border-bottom: 0;
}

.hnw-download-comparison th {
  color: var(--hnw-navy);
  background: #f5f8fb;
}

.hnw-download-comparison td {
  color: #475467;
}

.hnw-download-tip {
  margin-top: 18px;
  padding: 15px 17px;
  border-radius: 13px;
  background: #f3fbfe;
  color: #475467;
  font-size: 13px;
  line-height: 1.65;
}

@media (max-width: 720px) {
  .hnw-download-result-main {
    grid-template-columns: 1fr;
  }

  .hnw-download-comparison {
    overflow-x: auto;
  }

  .hnw-download-comparison table {
    min-width: 560px;
  }
}


/* ===== HomeNetWise v0.9.1 mobile download-result overflow fix ===== */

/* Prevent result/table intrinsic width from expanding the calculator grid. */
.hnw-calc-layout > *,
.hnw-calc-card,
.hnw-calc-result,
.hnw-download-result-main,
.hnw-download-comparison {
  min-width: 0;
  max-width: 100%;
}

.hnw-field,
.hnw-field input,
.hnw-field select {
  min-width: 0;
  max-width: 100%;
}

.hnw-download-comparison {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

@media (max-width: 720px) {
  .hnw-calc-shell,
  .hnw-calc-layout,
  .hnw-calc-card,
  .hnw-calc-result {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .hnw-calc-card {
    overflow: hidden;
  }

  .hnw-download-result-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  /* Keep comparison table inside the phone viewport instead of forcing
     a 560px intrinsic width that stretches the whole form. */
  .hnw-download-comparison {
    overflow-x: hidden;
  }

  .hnw-download-comparison table {
    width: 100%;
    min-width: 0 !important;
    table-layout: fixed;
  }

  .hnw-download-comparison th,
  .hnw-download-comparison td {
    width: 50%;
    padding: 11px 10px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    font-size: 12.5px;
  }

  .hnw-download-presets {
    max-width: 100%;
  }

  .hnw-download-presets button {
    max-width: 100%;
  }
}

@media (max-width: 460px) {
  .hnw-download-comparison th,
  .hnw-download-comparison td {
    padding: 10px 8px;
    font-size: 12px;
  }
}


/* ===== HomeNetWise v0.10 Wi-Fi Coverage Calculator ===== */

.hnw-coverage-result-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  margin-top: 18px;
}

.hnw-coverage-visual {
  min-height: 270px;
  padding: 24px;
  border: 1px solid #d8e8ef;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 50%, rgba(30,167,215,.18), transparent 24%),
    radial-gradient(circle at 50% 50%, rgba(30,167,215,.10), transparent 45%),
    linear-gradient(145deg, #f6fbfe, #ffffff);
  overflow: hidden;
}

.hnw-coverage-visual h3 {
  margin: 0 0 8px;
  color: var(--hnw-navy);
  font-size: 17px;
}

.hnw-coverage-map {
  position: relative;
  min-height: 190px;
  margin-top: 16px;
  border: 1px solid #dce8ef;
  border-radius: 16px;
  background:
    linear-gradient(90deg, rgba(15,39,66,.035) 1px, transparent 1px),
    linear-gradient(rgba(15,39,66,.035) 1px, transparent 1px),
    #fbfdff;
  background-size: 28px 28px;
  overflow: hidden;
}

.hnw-coverage-router-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46px;
  height: 46px;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: white;
  background: linear-gradient(135deg, #0f2742, #1ea7d7);
  box-shadow: 0 8px 22px rgba(15,39,66,.16);
  z-index: 3;
  font-size: 11px;
  font-weight: 850;
}

.hnw-coverage-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--ring-size, 120px);
  height: var(--ring-size, 120px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid rgba(30,167,215,.22);
}

.hnw-coverage-ring.ring-2 {
  width: calc(var(--ring-size, 120px) * 1.45);
  height: calc(var(--ring-size, 120px) * 1.45);
  border-color: rgba(30,167,215,.15);
}

.hnw-coverage-ring.ring-3 {
  width: calc(var(--ring-size, 120px) * 1.9);
  height: calc(var(--ring-size, 120px) * 1.9);
  border-color: rgba(30,167,215,.10);
}

.hnw-coverage-badge {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 7px 10px;
  border-radius: 999px;
  background: white;
  border: 1px solid var(--hnw-line);
  color: #475467;
  font-size: 11px;
  font-weight: 800;
  z-index: 4;
}

.hnw-coverage-notes {
  display: grid;
  gap: 12px;
}

.hnw-coverage-note-card {
  padding: 16px 18px;
  border: 1px solid var(--hnw-line);
  border-radius: 14px;
  background: #fbfcfe;
}

.hnw-coverage-note-card span {
  display: block;
  color: var(--hnw-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.hnw-coverage-note-card strong {
  display: block;
  margin-top: 4px;
  color: var(--hnw-navy);
  font-size: 17px;
}

.hnw-coverage-meter {
  height: 10px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef3;
}

.hnw-coverage-meter > span {
  display: block;
  height: 100%;
  width: 50%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1d8f5f, #1ea7d7);
}

.hnw-coverage-warning {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 12px;
  color: #475467;
  background: #fff8e8;
  border: 1px solid #f4e2b8;
  font-size: 12px;
  line-height: 1.65;
}

@media (max-width: 720px) {
  .hnw-coverage-result-grid {
    grid-template-columns: 1fr;
  }

  .hnw-coverage-visual {
    min-height: 0;
  }

  .hnw-coverage-map {
    min-height: 180px;
  }
}

/* ===== HomeNetWise v0.11 SEO + Trust Pages ===== */
.hnw-trust-hero{padding:54px 0 40px;border-bottom:1px solid var(--hnw-line);background:radial-gradient(circle at 82% 16%,rgba(30,167,215,.11),transparent 27%),linear-gradient(180deg,#fbfdff 0%,#f7fafc 100%)}
.hnw-trust-hero h1{margin:0;color:var(--hnw-navy);font-size:clamp(40px,5vw,58px);line-height:1.06;letter-spacing:-.045em}
.hnw-trust-hero p{max-width:760px;margin:16px 0 0;color:#475467;font-size:18px;line-height:1.7}
.hnw-trust-shell{padding:56px 0 78px}
.hnw-trust-grid{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:52px;align-items:start}
.hnw-trust-content{min-width:0;color:#253349;font-size:17px;line-height:1.78}
.hnw-trust-content h2{margin:1.9em 0 .65em;color:var(--hnw-navy);font-size:29px;line-height:1.2;letter-spacing:-.025em}
.hnw-trust-content h3{margin:1.6em 0 .55em;color:var(--hnw-navy);font-size:21px}
.hnw-trust-content p,.hnw-trust-content ul{margin-bottom:1.25em}
.hnw-trust-content a{color:#087ea4;text-decoration:underline;text-underline-offset:2px}
.hnw-trust-side{position:sticky;top:98px}
.admin-bar .hnw-trust-side{top:130px}
.hnw-trust-side-card{padding:20px;border:1px solid var(--hnw-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,39,66,.04)}
.hnw-trust-side-card+.hnw-trust-side-card{margin-top:16px}
.hnw-trust-side-card h3{margin:0 0 10px;color:var(--hnw-navy);font-size:16px}
.hnw-trust-side-card p,.hnw-trust-side-card li{color:var(--hnw-muted);font-size:13px;line-height:1.6}
.hnw-trust-side-card ul{margin:0;padding-left:18px}
.hnw-trust-nav{list-style:none;padding:0!important}
.hnw-trust-nav li{margin:0;border-top:1px solid #eef2f6}
.hnw-trust-nav li:first-child{border-top:0}
.hnw-trust-nav a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:#344054;text-decoration:none;font-size:13px;font-weight:700}
.hnw-trust-nav a:hover{color:var(--hnw-accent)}
.hnw-contact-form{margin-top:28px;padding:24px;border:1px solid var(--hnw-line);border-radius:20px;background:#fbfcfe}
.hnw-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hnw-contact-field{display:grid;gap:7px}
.hnw-contact-field-full{grid-column:1/-1}
.hnw-contact-field label{color:#344054;font-size:13px;font-weight:800}
.hnw-contact-field input,.hnw-contact-field textarea{width:100%;min-width:0;border:1px solid #d7dee8;border-radius:12px;padding:12px 13px;outline:none;background:#fff;color:var(--hnw-text)}
.hnw-contact-field input{min-height:48px}
.hnw-contact-field textarea{min-height:170px;resize:vertical}
.hnw-contact-field input:focus,.hnw-contact-field textarea:focus{border-color:var(--hnw-accent);box-shadow:0 0 0 3px rgba(30,167,215,.12)}
.hnw-contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hnw-form-notice{margin:0 0 18px;padding:13px 15px;border-radius:12px;font-size:13px;line-height:1.6}
.hnw-form-notice.success{color:#176a49;background:#edf9f3;border:1px solid #cfeadb}
.hnw-form-notice.error{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}
.hnw-contact-note{margin-top:12px;color:var(--hnw-muted);font-size:12px;line-height:1.6}
@media(max-width:980px){.hnw-trust-grid{grid-template-columns:1fr;gap:32px}.hnw-trust-side{position:static}}
@media(max-width:720px){.hnw-trust-hero{padding:42px 0 34px}.hnw-trust-hero h1{font-size:39px}.hnw-trust-hero p{font-size:16px}.hnw-trust-shell{padding:44px 0 60px}.hnw-contact-grid{grid-template-columns:1fr}.hnw-contact-field-full{grid-column:auto}.hnw-contact-form{padding:20px}}


/* ===== HomeNetWise v0.11.3 admin diagnostics ===== */
.hnw-seo-diag-wrap{max-width:1180px;margin:24px 20px 40px 0}
.hnw-seo-diag-summary{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.hnw-seo-diag-badge{padding:10px 14px;border-radius:10px;background:#fff;border:1px solid #dcdcde;font-weight:700}
.hnw-seo-diag-badge.pass{border-color:#b8dfc8;background:#f1faf5;color:#176a49}
.hnw-seo-diag-badge.warn{border-color:#f1d49b;background:#fff9ec;color:#8a5a00}
.hnw-seo-diag-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dcdcde}
.hnw-seo-diag-table th,.hnw-seo-diag-table td{padding:10px 12px;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:top}
.hnw-seo-diag-table th{background:#f6f7f7}
.hnw-seo-ok{color:#176a49;font-weight:700}
.hnw-seo-warn{color:#a15c00;font-weight:700}
.hnw-seo-bad{color:#b42318;font-weight:700}
.hnw-seo-code{font-family:Consolas,Monaco,monospace;font-size:12px;word-break:break-all}