/* My Lighter Days — shared styles */
:root{
  --cream:#faf7f2;
  --paper:#ffffff;
  --sand:#efe8dd;
  --sage:#8a9a82;
  --sage-deep:#5f6f59;
  --clay:#c07a5a;
  --ink:#2a2724;
  --ink-soft:#6b645d;
  --line:#e6dfd4;
  --max:1120px;
  --read:700px;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--cream);color:var(--ink);
  font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.2;color:var(--ink);}
a{color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}
.read{max-width:var(--read);margin:0 auto;padding:0 24px;}
.eyebrow{
  font-family:var(--sans);font-size:0.75rem;font-weight:500;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--sage-deep);
}

/* header */
.site-header{background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;}
.site-header nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;max-width:var(--max);margin:0 auto;}
.brand{font-family:var(--serif);font-size:1.45rem;text-decoration:none;white-space:nowrap;}
.brand em{color:var(--clay);font-style:italic;}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{
  font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;text-decoration:none;
  color:var(--ink-soft);transition:color .2s;
}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink);}
@media (max-width:720px){
  .site-header nav{flex-direction:column;gap:10px;padding:14px 16px;}
  .nav-links{gap:18px;flex-wrap:wrap;justify-content:center;}
  .nav-links a{font-size:0.72rem;}
}

/* buttons */
.btn{
  display:inline-block;padding:12px 26px;border-radius:999px;
  background:var(--ink);color:var(--cream);text-decoration:none;
  font-size:0.8rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;
  transition:background .2s,transform .2s;
}
.btn:hover{background:var(--sage-deep);}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);}
.btn-ghost:hover{background:var(--ink);color:var(--cream);}

/* affiliate links not filled in yet — visible on purpose so none go live empty */
a[href="#add-link"]{outline:2px dashed var(--clay);outline-offset:3px;}

/* photo placeholders — replace with <img> */
.ph{
  background:linear-gradient(135deg,var(--sand),#e4dccd);
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-soft);font-size:0.75rem;letter-spacing:0.14em;text-transform:uppercase;
  aspect-ratio:4/5;border-radius:6px;text-align:center;padding:12px;
}
.ph.wide{aspect-ratio:16/9;}

/* hero */
.hero{padding:88px 0 72px;text-align:center;}
.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);margin:16px auto 20px;max-width:14ch;}
.hero h1 em{color:var(--clay);}
.hero p{max-width:56ch;margin:0 auto 32px;color:var(--ink-soft);font-size:1.1rem;}
.hero .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* sections */
section{padding:72px 0;}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap;}
.section-head h2{font-size:clamp(1.7rem,3.5vw,2.3rem);margin-top:6px;}
.section-head a{font-size:0.8rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);}
.band{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

/* category tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tile{text-decoration:none;display:block;}
.tile h3{font-size:1.35rem;margin:16px 0 4px;}
.tile p{color:var(--ink-soft);font-size:0.95rem;}
.tile:hover h3{color:var(--clay);}
@media (max-width:820px){.tiles{grid-template-columns:1fr;}}

/* post cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;}
.card{text-decoration:none;display:block;}
.card .ph{aspect-ratio:4/3;}
.card .eyebrow{display:block;margin:16px 0 6px;}
.card h3{font-size:1.3rem;}
.card p{color:var(--ink-soft);font-size:0.95rem;margin-top:6px;}
.card:hover h3{color:var(--clay);}

/* about strip */
.about-strip{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center;}
.about-strip h2{font-size:clamp(1.8rem,3.5vw,2.4rem);margin:8px 0 16px;}
.about-strip p{color:var(--ink-soft);margin-bottom:16px;}
@media (max-width:820px){.about-strip{grid-template-columns:1fr;gap:28px;}}

/* article */
.post-head{padding:64px 0 32px;text-align:center;}
.post-head h1{font-size:clamp(2rem,5vw,3.2rem);margin:14px 0 16px;}
.post-head .dek{color:var(--ink-soft);font-size:1.1rem;max-width:52ch;margin:0 auto;}
.post-head .meta{margin-top:18px;font-size:0.85rem;color:var(--ink-soft);}
.disclosure{
  font-size:0.85rem;color:var(--ink-soft);background:var(--sand);
  padding:12px 16px;border-radius:6px;margin:0 0 36px;
}
.disclosure a{color:var(--ink);}
.prose > * + *{margin-top:1.1em;}
.prose h2{font-size:1.75rem;margin-top:2.2em;}
.prose h3{font-size:1.3rem;margin-top:1.8em;}
.prose ul,.prose ol{padding-left:1.3em;}
.prose li + li{margin-top:.4em;}
.prose a:not(.btn){color:var(--sage-deep);text-underline-offset:3px;}
.prose .ph.wide{margin:2em 0;}
.tip{border-left:3px solid var(--sage);padding:4px 0 4px 18px;color:var(--ink-soft);font-style:italic;}

/* product cards */
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;margin:1.6em 0 2em;}
.product{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;}
.product .ph{aspect-ratio:1/1;}
.product .store{font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--sage-deep);margin:14px 0 4px;}
.product h3{font-family:var(--sans);font-size:1rem;font-weight:500;line-height:1.35;margin:0;}
.product p{font-size:0.9rem;color:var(--ink-soft);margin:6px 0 14px;flex:1;}
.product .btn{padding:10px 16px;font-size:0.72rem;text-align:center;}

/* shop page */
.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.shop-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px;}
.shop-card h3{font-size:1.4rem;margin:8px 0 8px;}
.shop-card p{color:var(--ink-soft);margin-bottom:18px;}
@media (max-width:720px){.shop-grid{grid-template-columns:1fr;}}

/* footer */
.site-footer{border-top:1px solid var(--line);padding:48px 0 36px;margin-top:40px;font-size:0.9rem;color:var(--ink-soft);}
.site-footer .cols{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px;}
.site-footer .brand{font-size:1.25rem;color:var(--ink);}
.site-footer ul{list-style:none;display:flex;gap:20px;flex-wrap:wrap;}
.site-footer a{text-decoration:none;}
.site-footer a:hover{color:var(--ink);}
.site-footer .fine{font-size:0.8rem;line-height:1.6;}