/* craftedprofit.com — the inner pages (about, resources, blog). The homepage
   keeps its own inline styles; these are the same brand-kit values. */
:root{
  --charcoal:#2B2420;   /* dark background */
  --charcoal-2:#3E2A1B; /* espresso — cards */
  --cream:#F5EDE0;      /* light text */
  --cream-dim:#BFA98F;  /* taupe — muted text on dark */
  --accent:#C99A3C;     /* warm gold — buttons */
  --accent-2:#D9B08C;   /* raw wood — links, "Profit" */
  --max:720px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--charcoal);color:var(--cream);
  font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6;
  -webkit-text-size-adjust:100%}
a{color:var(--accent-2)}
h1,h2,h3{margin:0 0 .4em;line-height:1.2}
h1{font-size:clamp(1.8rem,6vw,2.5rem);font-weight:700}
h2{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600;margin-top:1.6em}
p,ul,ol{margin:0 0 1em}
li{margin:.25em 0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
main{padding:12px 0 40px}

header{padding:22px 0}
header .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
header .home{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream)}
.disc{width:44px;height:44px;flex:none}
.brand{font-weight:700;letter-spacing:.01em}
.brand .p{color:var(--accent-2)}
.brand small{display:block;font-weight:400;color:var(--cream-dim);font-size:.8rem}
.nav{margin-left:auto;display:flex;gap:16px;font-size:.92rem}
.nav a{color:var(--cream-dim);text-decoration:none}
.nav a:hover,.nav a[aria-current]{color:var(--accent-2)}

.lead{font-size:1.1rem;color:var(--cream-dim)}
.meta{color:var(--cream-dim);font-size:.88rem;margin-bottom:1.4em}
.card{background:var(--charcoal-2);border-radius:12px;padding:18px 20px;margin:18px 0;
  border:1px solid rgba(244,235,221,.08)}
.btn{display:inline-block;background:var(--accent);color:var(--charcoal);text-decoration:none;font-weight:600;
  padding:12px 20px;border-radius:8px}
.btn:hover{background:var(--accent-2)}
.posts{list-style:none;padding:0;margin:0}
.posts li{padding:14px 0;border-bottom:1px solid rgba(244,235,221,.1)}
.posts a{text-decoration:none;color:var(--cream);font-weight:600;font-size:1.05rem}
.posts a:hover{color:var(--accent-2)}
.posts small{display:block;color:var(--cream-dim);font-size:.88rem;margin-top:2px}
footer{padding:30px 0 48px;color:var(--cream-dim);font-size:.85rem;border-top:1px solid rgba(244,235,221,.12)}
footer a{color:var(--cream-dim)}
@media (max-width:480px){.nav{margin-left:0;width:100%}}