/* ewuradj.com — shared styles (verified build) */
:root{
  --ink:#22303c;--muted:#5c6b78;--accent:#7a4fa3;--accent2:#2c7a5b;
  --warm:#b5533b;--bg:#faf7f2;--card:#fff;--line:#e7e0d6
}
*{box-sizing:border-box}
body{font-family:-apple-system,Segoe UI,Roboto,Georgia,serif;color:var(--ink);
  background:var(--bg);margin:0;line-height:1.55}
a{color:var(--accent2)}
.wrap{max-width:860px;margin:0 auto;padding:22px 20px 56px}

/* top nav */
.topbar{border-bottom:1px solid var(--line);background:#fff}
.nav{max-width:860px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;
  gap:4px 16px;padding:12px 20px}
.nav .brand{margin-right:auto;display:flex;align-items:center;text-decoration:none}
.nav .brand img.logo{height:38px;width:auto;display:block}
@media(max-width:600px){.nav .brand img.logo{height:32px}}
.nav a{font-size:.83rem;color:var(--ink);text-decoration:none;padding:3px 2px}
.nav a:hover{color:var(--accent2)}
.nav a.active{color:var(--accent2);font-weight:700;border-bottom:2px solid var(--accent2)}

h1{font-size:1.9rem;margin:0 0 4px}
h2{font-size:1.25rem;margin:26px 0 8px}
.idline{color:var(--accent);font-weight:700;font-size:1rem;margin:0 0 8px}
.tag{color:var(--muted);font-size:1.02rem;margin:0;max-width:560px}
.lead{font-size:1.05rem;max-width:640px}
p{max-width:660px}

.hero{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:6px}
.shot{flex:0 0 168px;width:168px;height:168px;border-radius:16px;
  background:#eadff2 center/cover;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:#9a7fb0;
  font-size:.72rem;text-align:center;padding:8px}
.shot img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.hgrid{flex:1;min-width:260px}

.cta{display:inline-block;margin-top:12px;background:var(--ink);color:#fff;
  text-decoration:none;padding:10px 20px;border-radius:22px;font-size:.9rem;font-weight:600}
.cta.alt{background:#fff;color:var(--ink);border:1px solid var(--line)}

.proof{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 4px;padding:14px;
  background:#fff;border:1px solid var(--line);border-radius:12px}
.proof .lbl{width:100%;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted);margin-bottom:2px}
.proof a,.proof span{font-size:.8rem;background:#f2f5f8;border:1px solid var(--line);
  border-radius:16px;padding:4px 10px;color:var(--ink);text-decoration:none}
.proof a{color:var(--accent2);font-weight:600}

.intro{max-width:640px;margin:22px 0 24px;font-size:1rem}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:600px){.cards{grid-template-columns:1fr}
  .shot{flex-basis:120px;width:120px;height:120px}}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:16px;text-decoration:none;color:var(--ink);display:block}
.card .ic{font-size:1.4rem}.card h2{font-size:1.05rem;margin:6px 0 4px}
.card p{margin:0;color:var(--muted);font-size:.88rem}
.card .go{margin-top:9px;font-size:.8rem;font-weight:700}
.c1 .go{color:var(--accent2)}.c2 .go{color:var(--accent)}
.c3 .go{color:var(--warm)}.c4 .go{color:var(--muted)}

.media{margin-top:22px;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:16px}
.media h3{margin:0 0 8px;font-size:1rem}
.frame{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;
  border:1px solid var(--line)}
.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.panel{background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;margin:16px 0}
.steps{max-width:660px;padding-left:20px}
.steps li{margin:6px 0}
.embed-slot{background:#fff8ec;border:1px dashed #e6c98a;color:#6b5900;
  border-radius:10px;padding:12px 14px;font-size:.85rem;margin:14px 0}
.nav .brand img.logo{width:128px;height:auto;display:block}
@media(max-width:600px){.nav .brand img.logo{width:104px}}
.soon{background:#f4eef8;border:1px solid #e2d3ee;border-radius:12px;
  padding:14px 16px;margin:14px 0;font-size:.92rem;max-width:660px}
.soon b{color:var(--accent)}

.note{color:var(--muted);font-size:.82rem;max-width:660px;margin:18px 0 0}
.bound{background:#fbf5ee;border:1px solid #e6d8c4;border-radius:12px;
  padding:14px 16px;margin-top:20px;font-size:.82rem;color:#6b5a44}

footer{margin-top:30px;border-top:1px solid var(--line);padding-top:16px;
  color:var(--muted);font-size:.84rem;text-align:center}
footer a{color:var(--accent2);text-decoration:none;margin:0 6px}
.adinkra{font-style:italic;color:var(--accent);margin-top:6px}