/* EmailX site styles */
:root{
  --bg:#FAFAF9;
  --surface:#FFFFFF;
  --ink:#16213E;
  --muted:#5B6472;
  --border:#E5E7EB;
  --blue:#2563EB;
  --blue-tint:#E7EEFD;
  --teal:#0D9488;
  --teal-tint:#E1F5F1;
  --purple:#7C3AED;
  --purple-tint:#EFE7FD;
  --orange:#C2410C;
  --orange-tint:#FDEEE7;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',Arial,sans-serif;
  font-size:17px;
  line-height:1.7;
}
h1,h2,h3{
  font-family:'Manrope',Arial,sans-serif;
  color:var(--ink);
  line-height:1.25;
}
h1{font-size:2.1rem;margin:0 0 .5rem;}
h2{font-size:1.5rem;margin:2.2rem 0 .8rem;}
h3{font-size:1.15rem;margin:1.6rem 0 .6rem;}
p{margin:0 0 1.1rem;}
a{color:var(--blue);}
img{max-width:100%;height:auto;border-radius:10px;display:block;}
.container{max-width:880px;margin:0 auto;padding:0 20px;}

/* Header */
.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:1080px;margin:0 auto;}
.logo{font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:1.3rem;color:var(--ink);text-decoration:none;}
.logo span{color:var(--blue);}
.nav-links{display:flex;gap:22px;flex-wrap:wrap;font-size:.95rem;}
.nav-links a{color:var(--ink);text-decoration:none;font-weight:600;}
.nav-links a:hover{color:var(--blue);}

/* Hero / cluster badge */
.cluster-badge{
  display:inline-block;
  font-family:'Manrope',Arial,sans-serif;
  font-weight:700;
  font-size:.75rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:5px 12px;
  border-radius:20px;
  margin-bottom:14px;
}
.badge-setup{background:var(--blue-tint);color:var(--blue);}
.badge-tools{background:var(--teal-tint);color:var(--teal);}
.badge-writing{background:var(--purple-tint);color:var(--purple);}
.badge-security{background:var(--orange-tint);color:var(--orange);}

.hero{padding:44px 0 10px;}
.hero p.lede{font-size:1.15rem;color:var(--muted);margin-top:10px;}

/* Article body */
article{padding:10px 0 40px;}
article h2{
  border-left:4px solid var(--blue);
  padding-left:14px;
}
.badge-tools ~ article h2, article.tools h2{border-left-color:var(--teal);}
figure{margin:22px 0;}
figure img{width:100%;object-fit:cover;background:var(--surface);border:1px solid var(--border);}
figcaption{font-size:.85rem;color:var(--muted);margin-top:6px;text-align:center;}
.img-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;}
.img-grid figure{margin:0;}
@media(max-width:640px){.img-grid{grid-template-columns:1fr;}}

blockquote{
  margin:1.6rem 0;
  padding:14px 20px;
  background:var(--surface);
  border-left:4px solid var(--teal);
  border-radius:6px;
  color:var(--muted);
  font-style:italic;
}
ul,ol{padding-left:1.3rem;margin:0 0 1.1rem;}
li{margin-bottom:.4rem;}

.callout{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  padding:20px 22px;
  margin:26px 0;
}
.callout h3{margin-top:0;}

.external-link-box{
  background:var(--blue-tint);
  border-radius:12px;
  padding:18px 20px;
  margin:26px 0;
  font-size:.97rem;
}
.external-link-box a{font-weight:700;}

/* Related / silo links */
.related{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:14px;
  padding:24px;
  margin:36px 0;
}
.related h2{border:none;padding-left:0;margin-top:0;}
.related ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.related li a{
  display:block;
  padding:12px 16px;
  background:var(--bg);
  border-radius:8px;
  text-decoration:none;
  color:var(--ink);
  font-weight:600;
  border:1px solid var(--border);
}
.related li a:hover{border-color:var(--blue);color:var(--blue);}

/* Cards for index/hub pages */
.cluster-section{margin:38px 0;}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:640px){.card-grid{grid-template-columns:1fr;}}
.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  padding:18px 20px;
  text-decoration:none;
  color:var(--ink);
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.card:hover{border-color:var(--blue);}
.card img{width:46px;height:46px;border-radius:8px;flex-shrink:0;}
.card h3{margin:0 0 4px;font-size:1.02rem;}
.card p{margin:0;color:var(--muted);font-size:.9rem;}

/* Footer */
footer{
  background:var(--ink);
  color:#CBD4E6;
  margin-top:60px;
  padding:40px 0 26px;
  font-size:.92rem;
}
footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;}
footer a{color:#CBD4E6;text-decoration:none;}
footer a:hover{color:#fff;}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;}
.footer-bottom{text-align:center;color:#8B93A7;margin-top:24px;font-size:.85rem;}

/* Simple pages (contact/privacy/terms/about) */
.simple-page{padding:44px 0 60px;}
.simple-page h1{margin-bottom:18px;}

.contact-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:14px;
  padding:26px;
  margin-top:20px;
}