/*
Theme Name: Inboundo
Version: 1.2
*/

:root{--bg:#f5f7fb;--text:#111827;--muted:#5f6b7a;--line:#dbe3ef;--blue:#2563eb;--soft:#eef4ff;--dark:#101827}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:18px;line-height:1.65}
.header{background:#fff;border-top:5px solid var(--dark);border-bottom:1px solid var(--line)}
.header-inner{max-width:1180px;margin:0 auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logo{font-size:28px;font-weight:800;letter-spacing:-.04em;text-decoration:none;color:var(--text)}
.nav-menu{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:24px!important;flex-wrap:wrap!important}
.nav-menu li{list-style:none!important;margin:0!important;padding:0!important}
.nav-menu li::marker{content:""!important}
.nav-menu a{text-decoration:none;color:#1f2937;font-size:15px;font-weight:650}
.nav-menu a:hover{color:var(--blue)}
.container{max-width:1180px;margin:0 auto;padding:48px 32px}
.hero,.panel,.dark{border:1px solid var(--line);margin-bottom:32px}
.hero,.panel{background:#fff}
.hero{padding:78px 82px}
.kicker{margin:0 0 18px;color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.hero h1{max-width:860px;margin:0 0 24px;font-size:62px;line-height:1.04;font-weight:760;letter-spacing:-.055em}
.lead{max-width:780px;color:var(--muted);font-size:20px;margin:0 0 34px}
.buttons{display:flex;gap:14px;flex-wrap:wrap}
.button{background:var(--blue);color:#fff;text-decoration:none;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:800}
.button.secondary{background:var(--soft);color:#1d4ed8}
.panel{padding:56px 64px}
.panel h2,.dark h2{margin:0 0 14px;font-size:44px;line-height:1.08;letter-spacing:-.045em}
.intro{max-width:760px;color:var(--muted);margin:0 0 34px}
.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guide{display:block;background:#fff;border:1px solid var(--line);padding:30px;min-height:210px;text-decoration:none;color:var(--text);transition:.18s ease}
.guide:hover{border-color:#bdd4ff;box-shadow:0 14px 34px rgba(15,23,42,.08);transform:translateY(-2px)}
.guide span{display:block;color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.guide strong{display:block;font-size:23px;line-height:1.2;letter-spacing:-.03em;margin-bottom:10px}
.guide em{display:block;color:var(--muted);font-style:normal;font-size:16px}
.dark{background:var(--dark);color:#fff;padding:56px 64px}
.dark p:not(.kicker){max-width:840px;color:#d5dbe5}
.article{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);padding:58px 66px}
.article h1{margin:0 0 12px;font-size:48px;line-height:1.07;letter-spacing:-.05em}
.meta{color:#7b8794;font-size:14px;margin-bottom:30px}
.article h2{margin-top:38px;font-size:30px;line-height:1.2}
.article p,.article li{color:#2f3a47}
.footer{background:#fff;border-top:1px solid var(--line);color:#64748b;font-size:14px}
.footer-inner{max-width:1180px;margin:0 auto;padding:24px 32px}
@media(max-width:900px){.header-inner{display:block}.nav-menu{margin-top:16px!important}.container{padding:28px 18px}.hero,.panel,.dark,.article{padding:34px 26px}.hero h1{font-size:42px}.panel h2,.dark h2{font-size:34px}.guides{grid-template-columns:1fr}}

/* Header hard fix */
.nav {
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  flex-wrap:wrap !important;
}

.nav a {
  text-decoration:none !important;
  color:#1f2937 !important;
  font-size:15px !important;
  font-weight:650 !important;
}

.nav a:hover {
  color:#2563eb !important;
}

@media(max-width:900px){
  .nav {
    margin-top:16px !important;
  }
}

/* === Article quality upgrade === */

.article {
  max-width: 980px !important;
  padding: 64px 74px !important;
}

.meta {
  color: #647084 !important;
  font-size: 15px !important;
  margin-bottom: 34px !important;
}

.toc,
.note,
.related-guides {
  border: 1px solid #dbe3ef;
  background: #f8fbff;
  padding: 24px 26px;
  margin: 28px 0;
}

.toc h3,
.related-guides h3 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
}

.toc ul {
  margin-bottom: 0;
}

.note {
  background: #eef4ff;
}

.note strong {
  color: #1d4ed8;
}

.related-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.related-list a {
  display: block;
  border: 1px solid #dbe3ef;
  background: #fff;
  padding: 18px;
  text-decoration: none;
  color: #111827;
  font-weight: 700;
  line-height: 1.3;
}

.related-list a:hover {
  border-color: #bdd4ff;
  color: #2563eb;
}

@media(max-width: 760px) {
  .article {
    padding: 34px 26px !important;
  }

  .related-list {
    grid-template-columns: 1fr;
  }
}

.author-box {
  display:flex;
  gap:18px;
  align-items:flex-start;
  border:1px solid var(--line);
  background:#f8fbff;
  padding:24px;
  margin:38px 0 28px;
}

.author-avatar {
  width:52px;
  height:52px;
  border-radius:50%;
  background:#2563eb;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:22px;
  flex:0 0 auto;
}

.author-box h3,
.related-guides h3 {
  margin:0 0 8px;
  font-size:22px;
}

.author-box p {
  margin:0;
  color:#5f6b7a;
}

.related-guides {
  border:1px solid var(--line);
  background:#fff;
  padding:24px;
  margin-top:28px;
}

.related-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.related-list a {
  display:block;
  border:1px solid var(--line);
  padding:18px;
  text-decoration:none;
  font-weight:750;
  line-height:1.3;
}

.related-list a:hover {
  border-color:#bdd4ff;
  color:#2563eb;
}

.author-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}

.author-card {
  border:1px solid var(--line);
  background:#f8fbff;
  padding:24px;
}

.author-card h2 {
  margin-top:0;
}

.footer-links {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:8px;
}

.footer-links a {
  color:#475569;
  text-decoration:none;
}

.footer-links a:hover {
  color:#2563eb;
}

@media(max-width:760px){
  .author-box { display:block; }
  .author-avatar { margin-bottom:14px; }
  .related-list,
  .author-grid { grid-template-columns:1fr; }
}

.category-hub {
  max-width: 1180px;
  margin: 80px auto;
  padding: 0 24px;
}

.category-hero,
.category-posts {
  background: #fff;
  border: 1px solid var(--line);
  padding: 56px;
  margin-bottom: 32px;
}

.category-hero h1 {
  font-size: clamp(42px, 5vw, 72px);
  line-height: .95;
  max-width: 760px;
  margin: 16px 0 28px;
  letter-spacing: -.06em;
}

.category-description {
  max-width: 850px;
  color: var(--muted);
}

.category-description h2 {
  color: var(--text);
  font-size: 28px;
  margin: 36px 0 12px;
  letter-spacing: -.03em;
}

.category-description p,
.category-description li {
  font-size: 18px;
  line-height: 1.75;
}

.category-description ul {
  margin: 16px 0 24px 24px;
}

.category-description a {
  color: var(--blue);
  font-weight: 750;
}

.category-posts h2 {
  font-size: 38px;
  margin: 12px 0 28px;
  letter-spacing: -.04em;
}

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

.guide-card {
  display: block;
  border: 1px solid var(--line);
  padding: 28px;
  text-decoration: none;
  color: var(--text);
  background: #fff;
}

.guide-card:hover {
  border-color: var(--blue);
}

.guide-card span {
  display: block;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 14px;
}

.guide-card h3 {
  font-size: 24px;
  line-height: 1.12;
  margin: 0 0 12px;
  letter-spacing: -.04em;
}

.guide-card p {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 760px) {
  .category-hero,
  .category-posts {
    padding: 32px 24px;
  }

  .cards-grid {
    grid-template-columns: 1fr;
  }
}