/* DoggoVPN — page CSS. Requires base.css loaded first. */

body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); line-height:1.7; -webkit-font-smoothing:antialiased; }.container { max-width:880px; margin:0 auto; padding:0 24px; }

nav {
  position:sticky; top:0; z-index:50;
  background:rgba(253,250,242,0.95); backdrop-filter:blur(14px);
  height:84px; display:flex; align-items:center;
  border-bottom:1px solid var(--border);
}
.nav-inner {
  max-width:1140px; margin:0 auto; padding:0 24px;
  width:100%; display:flex; align-items:center; justify-content:space-between;
}
.nav-back {
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 20px; border-radius:999px;
  background:var(--bg-card); border:1.5px solid var(--border);
  font-size:15px; font-weight:600; color:var(--text);
  transition:all .2s;
}
.nav-back:hover { border-color:var(--gold); color:var(--gold); background:var(--gold-light); }

.doc-wrap { padding:60px 0 100px; }
.doc-title-wrap-outer { text-align:center; margin-bottom:40px; }
.doc-title-wrap {
  display:inline-block;
  background:var(--bg-card);
  border:1.5px solid var(--border);
  padding:18px 40px;
  border-radius:999px;
}
.doc-title {
  font-family:'Nunito',sans-serif;
  font-weight:900;
  font-size:32px;
  color:var(--text);
  text-align:center;
}
.doc-content {
  background:var(--bg-card);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  padding:48px;
}
.doc-content .lead {
  font-size:16px;
  color:var(--text-2);
  margin-bottom:24px;
  line-height:1.65;
}
.doc-content h2 {
  font-family:'Nunito',sans-serif;
  font-weight:800;
  font-size:22px;
  color:var(--text);
  margin:32px 0 14px;
}
.doc-content h2:first-of-type { margin-top:8px; }
.doc-content p {
  font-size:16px;
  color:var(--text);
  margin-bottom:14px;
  line-height:1.65;
}
.doc-content ul {
  margin:0 0 14px 22px;
  padding:0;
  list-style:disc;
}
.doc-content ul li {
  font-size:16px;
  color:var(--text);
  margin-bottom:8px;
  line-height:1.65;
}
.doc-content a { color:var(--gold); font-weight:600; word-break:break-word; }
.doc-content a:hover { text-decoration:underline; }
.contact-block {
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid var(--border);
  font-size:16px;
}
.contact-block strong { display:block; margin-bottom:10px; font-size:17px; }

@media (max-width:768px) {
  .doc-content { padding:28px 22px; }
  .doc-title { font-size:24px; }
  .doc-title-wrap { padding:14px 28px; }
  .nav-logo-name { font-size:20px; }
  .nav-logo img { width:42px; height:42px; }
  .doc-wrap { padding:40px 0 60px; }
  nav { height:72px; }
  .nav-back { padding:8px 14px; font-size:13px; }
}