/* Grandma June — Must-Haves resource page
   Extracted from must-haves.html and scoped to body.gj-mh so it cannot
   collide with the sales page. Loaded only on the Must-Haves template. */

.gj-mh{
  background:var(--ecru);
  font-family:"Iowan Old Style",Palatino,"Palatino Linotype",Georgia,serif;
  font-size:17px;line-height:1.6;
}
.gj-mh .wrap{max-width:780px;padding:0 16px;}

/* ---------- masthead ---------- */
.gj-mh header.top{background:var(--paper);border-bottom:1px solid var(--line);
  padding:44px 0 34px;text-align:center;}
.gj-mh header.top .kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);margin-bottom:14px;}
.gj-mh header.top h1{font-family:Lora,Georgia,serif;font-size:clamp(30px,6vw,44px);
  line-height:1.12;color:var(--brown);margin:0 0 10px;font-weight:700;}
.gj-mh header.top .sub{font-family:Lora,Georgia,serif;font-style:italic;color:var(--mid);
  font-size:clamp(15px,3vw,18px);margin:0 auto;max-width:34em;}
.gj-mh .hr{width:64px;height:2px;background:var(--gold);margin:22px auto;}

/* ---------- disclosure ---------- */
.gj-mh .disclosure{background:var(--ecru2);border-left:3px solid var(--gold);
  padding:14px 18px;margin:26px 0 0;font-size:15px;color:var(--soft);
  line-height:1.55;border-radius:0 4px 4px 0;}
.gj-mh .disclosure strong{color:var(--brown);}

/* ---------- sticky jump nav (sits below the site header) ---------- */
.gj-mh nav.jump{position:sticky;top:var(--hdrh);z-index:20;
  background:rgba(251,247,240,.96);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);}
.gj-mh nav.jump .inner{max-width:780px;margin:0 auto;padding:10px 16px;
  display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;}
.gj-mh nav.jump .inner::-webkit-scrollbar{display:none;}
.gj-mh nav.jump a{flex:0 0 auto;font-family:Lora,Georgia,serif;font-size:13px;
  color:var(--mid);text-decoration:none;padding:6px 11px;border:1px solid var(--line);
  border-radius:999px;background:var(--paper);white-space:nowrap;transition:.15s;}
.gj-mh nav.jump a:hover,.gj-mh nav.jump a:focus-visible{
  background:var(--gold);color:#fff;border-color:var(--gold);}

/* ---------- sections ---------- */
.gj-mh main section{padding:42px 0 6px;border-top:1px solid var(--line);}
.gj-mh main section:first-of-type{border-top:none;}
.gj-mh .sec-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px;}
.gj-mh .sec-num{font-family:Lora,Georgia,serif;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.gj-mh h2{font-family:Lora,Georgia,serif;font-size:clamp(22px,4.4vw,29px);
  color:var(--brown);margin:0;font-weight:700;line-height:1.2;}
.gj-mh .sec-note{font-style:italic;color:var(--soft);margin:6px 0 22px;font-size:15.5px;}

/* ---------- item list ---------- */
.gj-mh ul.items{list-style:none;margin:0;padding:0;}
.gj-mh ul.items li{
  display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:6px;
  padding:14px 16px;margin-bottom:10px;
}
.gj-mh .item-name{font-family:Lora,Georgia,serif;font-weight:600;color:var(--brown);
  font-size:16.5px;display:block;}
.gj-mh .item-why{color:var(--soft);font-size:15px;line-height:1.5;margin-top:2px;display:block;}
.gj-mh .item-why .m{color:var(--gold);font-style:italic;white-space:nowrap;}
.gj-mh .price{color:var(--mid);font-size:14px;white-space:nowrap;}
.gj-mh .buy{
  display:inline-block;font-family:Lora,Georgia,serif;font-size:14px;font-weight:600;
  background:var(--brown);color:#fff;text-decoration:none;padding:9px 17px;border-radius:5px;
  white-space:nowrap;transition:.15s;border:1px solid var(--brown);
}
.gj-mh .buy:hover,.gj-mh .buy:focus-visible{background:var(--gold);border-color:var(--gold);}
.gj-mh .free{font-size:14px;color:var(--gold);font-style:italic;white-space:nowrap;padding:9px 0;}
@media(max-width:560px){
  .gj-mh ul.items li{grid-template-columns:1fr;}
  .gj-mh .buy{justify-self:start;}
}

/* ---------- back to top ---------- */
.gj-mh .totop{display:inline-block;margin-top:14px;font-size:13px;
  color:#e8dcc0;text-decoration:none;}