/* Pharmacy Handoff — site styles (modeled on tl;dr pharmacy: warm cream, coral, Roboto, pills) */
:root{
  --cream:#FCF7F2; --cream2:#F2EAE0; --ink:#222222; --ink2:#5d564e; --soft:#8a8178;
  --coral:#CB5C4D; --coral-d:#b04636; --dark:#1D1D1D; --line:#E7DED2; --white:#fff;
  /* aliases so older pages' inline var() references resolve to the new palette */
  --paper:#FCF7F2; --ink-soft:#5d564e; --muted:#5d564e; --bg-alt:#F2EAE0;
  --teal:#CB5C4D; --teal-bright:#CB5C4D; --teal-mid:#CB5C4D; --clay:#CB5C4D; --rule:#E7DED2;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--cream);color:var(--ink);
  font-family:'Roboto',system-ui,Arial,sans-serif;line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;}
a{color:var(--ink);text-decoration:none;}
a:hover{color:var(--coral);}
img{max-width:100%;display:block;}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em;}
.wrap{max-width:1120px;margin:0 auto;padding:0 26px;}
.narrow{max-width:730px;margin:0 auto;padding:0 26px;}
.label{font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--coral);}

/* buttons — pill shaped like tl;dr */
.btn{display:inline-block;background:var(--coral);color:#fff;font-weight:700;font-size:15px;
  padding:13px 26px;border-radius:999px;border:2px solid var(--coral);cursor:pointer;line-height:1;}
.btn:hover{background:var(--coral-d);border-color:var(--coral-d);color:#fff;text-decoration:none;}
.btn-dark{background:var(--dark);border-color:var(--dark);}
.btn-dark:hover{background:#000;border-color:#000;}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:#fff;}
.btn-sm{padding:9px 18px;font-size:14px;}

/* nav */
.nav{background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px;}
.brand{font-weight:900;font-size:20px;color:var(--ink);letter-spacing:-.02em;}
.brand:hover{color:var(--ink);}
.brand span{color:var(--coral);}
.nav-links{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:500;}
.nav-links a{color:var(--ink);}
.nav-links a:hover{color:var(--coral);}

/* hero — slim, content-forward */
.hero{padding:54px 0 26px;}
.hero h1{font-size:clamp(30px,4.6vw,48px);font-weight:900;line-height:1.08;margin:14px 0 0;max-width:18ch;}
.hero .lede{font-size:clamp(18px,2.1vw,21px);color:var(--ink2);margin:18px 0 0;max-width:52ch;}
.hero-cta{display:flex;gap:14px;align-items:center;margin-top:26px;flex-wrap:wrap;}
.hero .note{font-size:14px;color:var(--ink2);}

/* section */
.section{padding:46px 0;}
.section h2{font-size:clamp(24px,3vw,33px);margin:8px 0 0;}
.section .sub{color:var(--ink2);margin:12px 0 0;max-width:58ch;}
.row-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px;}
.row-head a{color:var(--coral);font-weight:700;}

/* article cards with image thumbs — the content wall */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:24px;}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .15s,box-shadow .15s;}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(80,50,30,.10);text-decoration:none;}
.thumb{height:160px;display:flex;align-items:flex-end;padding:16px;background:var(--cream2);}
.thumb .tcat{background:rgba(255,255,255,.92);color:var(--ink);font-weight:700;font-size:12px;
  text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;border-radius:999px;}
.thumb.t1{background:#CB5C4D;} .thumb.t2{background:#1D1D1D;} .thumb.t3{background:#4E7C68;}
.thumb.t4{background:#C7972F;} .thumb.t5{background:#7C9AB2;} .thumb.t6{background:#9B5BA0;}
.card .body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
.card h3{font-size:20px;margin:0 0 8px;line-height:1.25;color:var(--ink);}
.card p{margin:0 0 14px;color:var(--ink2);font-size:15px;flex:1;}
.card .meta{font-size:13px;color:var(--soft);}
.card .more{color:var(--coral);font-weight:700;font-size:14px;margin-top:8px;}
.card.soon{opacity:.72;}

/* free lead-magnet band — dark, eye-catching like tl;dr */
.magnet{background:var(--dark);color:#fff;}
.magnet .inner{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:56px 0;}
.magnet h2{color:#fff;font-size:clamp(24px,3vw,32px);margin:8px 0 0;}
.magnet .label{color:#f0a89b;}
.magnet ul{margin:16px 0 0;padding:0;list-style:none;color:#e7ddd2;}
.magnet li{padding:6px 0 6px 26px;position:relative;}
.magnet li::before{content:"✓";position:absolute;left:0;color:var(--coral);font-weight:700;}
.signup{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;}
.signup input{flex:1;min-width:200px;padding:14px 16px;border:0;border-radius:999px;font:inherit;font-size:15px;}
.formnote{font-size:13px;color:var(--ink2);margin-top:10px;}
.magnet .formnote{color:#b6aaa0;}

/* product / tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px;}
.tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.tile h3{font-size:19px;margin:12px 0 6px;}
.tile p{margin:0 0 12px;color:var(--ink2);font-size:15px;flex:1;}
.tile .meta{font-size:14px;color:var(--ink2);}
.tag{font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px;align-self:flex-start;}
.tag.now{background:var(--coral);color:#fff;} .tag.soon{background:var(--cream2);color:var(--ink2);}
.price-tag{font-weight:700;color:var(--ink);} .price-free{color:var(--coral);font-weight:700;}
.tile .row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;}
.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.product .price{font-size:42px;font-weight:900;color:var(--coral);} .product .price s{color:var(--soft);font-weight:400;font-size:24px;margin-left:8px;}
.product ul{margin:16px 0 0;padding:0;list-style:none;}
.product li{padding:7px 0 7px 26px;position:relative;}
.product li::before{content:"✓";position:absolute;left:0;color:var(--coral);font-weight:700;}
.cover{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;}

/* article (prose) */
.article{padding:48px 0;}
.article .meta{font-size:13px;color:var(--soft);font-weight:500;}
.article h1{font-size:clamp(30px,4.4vw,44px);line-height:1.1;margin:12px 0 0;font-weight:900;}
.prose{font-size:18px;line-height:1.75;color:#2c2a27;margin-top:26px;}
.prose p{margin:0 0 20px;}
.prose h2{font-size:26px;margin:36px 0 12px;}
.prose h3{font-size:20px;margin:26px 0 8px;}
.prose ol,.prose ul{margin:0 0 20px;padding-left:22px;}
.prose li{margin:6px 0;}
.fieldnote{border-left:4px solid var(--coral);background:#fff;border-radius:0 10px 10px 0;padding:16px 20px;margin:28px 0;}
.fieldnote .fn{font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);}
.fieldnote p{font-size:16px;line-height:1.6;color:var(--ink);margin:6px 0 0;}
.callout{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin:34px 0;}

/* footer — dark */
.footer{background:var(--dark);color:#bdb4a8;padding:54px 0 38px;margin-top:30px;}
.foot-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;}
.footer .brand{color:#fff;}
.foot-cols h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 12px;}
.foot-cols a{display:block;color:#bdb4a8;font-size:15px;margin-bottom:8px;}
.foot-cols a:hover{color:var(--coral);}
.foot-cols p{font-size:15px;margin:8px 0 0;max-width:34ch;color:#bdb4a8;}
.foot-legal{border-top:1px solid #383838;margin-top:34px;padding-top:20px;font-size:13px;line-height:1.6;color:#9b9388;}

@media(max-width:860px){
  .cards,.tiles,.magnet .inner,.product,.foot-cols{grid-template-columns:1fr;}
  .nav-links a:not(.btn){display:none;}
}