
:root{--ink:#20242a;--forest:#24483b;--sage:#dfe9e2;--sand:#f7f1e8;--amber:#c98d4b;--line:#e5e0d9;--muted:#687078;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.7}
a{text-decoration:none;color:inherit}.wrap{width:min(1160px,92%);margin:auto}
.topnote{background:var(--forest);color:#fff;text-align:center;padding:8px 12px;font-size:13px}
header{background:#fff;border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}
.logo{font:700 33px Georgia,serif}.logo span{color:var(--amber)}nav{display:flex;gap:20px;font-weight:700;font-size:14px}
.hero{background:linear-gradient(135deg,var(--sage),#fff 55%,var(--sand));padding:70px 0 56px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--forest);font-weight:800}
.hero h1{font:700 clamp(44px,7vw,72px)/1 Georgia,serif;margin:10px 0 18px}.hero p{font-size:19px;color:var(--muted)}
.hero-art{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 32px rgba(36,72,59,.08)}
.hero-art img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.section-title{font:700 42px Georgia,serif;margin:44px 0 12px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:22px 0 52px}
.card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.card img{width:100%;height:185px;object-fit:cover;display:block}
.card-body{padding:18px}.card h3{font:700 23px Georgia,serif;margin:0 0 8px}.read{color:var(--forest);font-weight:800}
.article{width:min(850px,92%);margin:48px auto}.article h1{font:700 clamp(40px,6vw,62px)/1.04 Georgia,serif;margin:7px 0 16px}
.article h2{font:700 30px Georgia,serif;margin-top:38px}.meta{font-size:14px;color:var(--muted)}
.article-hero{margin:24px 0;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.tipbox{background:var(--sand);border-left:5px solid var(--amber);padding:22px;border-radius:16px;margin:28px 0}
.share{border:1px solid var(--line);border-radius:18px;padding:20px;margin:28px 0}.share h3{font:700 22px Georgia,serif;margin:0 0 14px}
.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.share-grid a{border:1px solid var(--line);border-radius:12px;padding:11px;text-align:center;font-weight:800}
.cta{background:var(--forest);color:#fff;border-radius:20px;padding:28px;margin:34px 0}.cta h2{margin-top:0;color:#fff}.cta a{display:inline-block;background:#fff;color:var(--forest);padding:12px 18px;border-radius:999px;font-weight:800}
footer{background:#1f352d;color:#fff;padding:42px 0;margin-top:56px}.mobile-cta{display:none}
@media(max-width:820px){nav{display:none}.grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}.share-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.article{margin:30px auto 90px}.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;background:var(--forest);color:#fff;padding:13px;border-radius:14px;text-align:center;font-weight:800;z-index:20}}

/* LumiWell Daily — screenshot-inspired USA editorial refresh */
:root{
  --lw-purple:#5E2A8A;
  --lw-teal:#159C8C;
  --lw-dark:#17313A;
  --lw-mint:#ECF7F5;
  --lw-card:#FFFFFF;
  --lw-border:#DDE7E6;
  --lw-coral:#F47761;
  --lw-soft:#F8FBFA;
  --lw-muted:#66777C;
}
body{background:var(--lw-mint)!important;color:var(--lw-dark)!important}
.topnote{background:#111317!important;color:#fff!important}
header{background:#fff!important;border-bottom:1px solid var(--lw-border)!important;position:sticky!important;top:0!important;z-index:40!important}
.logo{font-family:Georgia,serif!important;font-size:38px!important;color:var(--lw-purple)!important}
.logo span{color:var(--lw-teal)!important}
nav a{color:#233740!important}
.hero{background:linear-gradient(180deg,#fff 0%,#f7fffd 100%)!important;padding:54px 0 42px!important}
.hero h1{color:#132F37!important}
.hero-art{background:#fff!important;border-radius:28px!important;border:1px solid var(--lw-border)!important;box-shadow:0 16px 40px rgba(31,77,72,.08)!important}
.section-title{color:#172F38!important}
.card{background:#fff!important;border:1px solid var(--lw-border)!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(22,63,61,.05)!important}
.card h3{color:#18353D!important}
.read{color:var(--lw-purple)!important}
.article{background:#fff!important;border:1px solid var(--lw-border)!important;border-radius:34px!important;padding:34px!important;box-shadow:0 18px 45px rgba(22,63,61,.07)!important}
.article h1,.article h2{color:#17313A!important}
.article-hero{border-radius:22px!important}
.tipbox{background:#F8F2FB!important;border-left:5px solid var(--lw-purple)!important}
.share{background:#fff!important;border:1px solid var(--lw-border)!important;border-radius:26px!important;padding:26px!important;box-shadow:0 12px 30px rgba(22,63,61,.06)!important}
.share h3{font-size:27px!important}
.share-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.share-grid a{background:#fff!important;border:1px solid #D9E2E2!important;border-radius:16px!important;padding:14px!important;font-size:16px!important}
.cta{background:#fff!important;border:1px solid var(--lw-border)!important;color:var(--lw-dark)!important;border-radius:28px!important;padding:28px!important;box-shadow:0 12px 30px rgba(22,63,61,.06)!important}
.cta h2{color:#17313A!important}
.cta a{background:var(--lw-coral)!important;color:#fff!important;padding:14px 22px!important}
footer{background:#fff!important;color:var(--lw-dark)!important;border-top:1px solid var(--lw-border)!important}
.mobile-cta{background:var(--lw-coral)!important;color:#fff!important;bottom:74px!important}
.bottom-nav{display:none}
@media(max-width:560px){
  body{padding-bottom:76px}
  .logo{font-size:31px!important}
  .article{width:calc(100% - 24px)!important;padding:24px!important;border-radius:26px!important;margin:20px auto 110px!important}
  .share-grid{grid-template-columns:1fr 1fr!important}
  .share-grid a{padding:13px 9px!important}
  .bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--lw-border);z-index:60}
  .bottom-nav a{padding:15px 4px;text-align:center;font-weight:800;color:var(--lw-purple);font-size:14px}
  .bottom-nav a:last-child{background:var(--lw-teal);color:#fff}
}
