/* 2026-09-29 CLEAN SLATE
   Workbook section only.
   The approved card artwork is the source of truth.
   Do not style or modify the shop hero or merchandise section here. */

.shop-page #workbooks{
  padding:36px 0 54px;
  background:#fffdf8;
}

.workbook-master-shell{
  width:min(1448px,calc(100% - 34px));
}

.workbook-master-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  align-items:start;
}

.workbook-master-pair + .workbook-master-pair{
  margin-top:34px;
}

.workbook-master-card{
  position:relative;
  display:block;
  overflow:hidden;
  min-width:0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(6,24,39,.08);
  line-height:0;
}

.workbook-master-card img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
}

.workbook-master-card--digital{
  text-decoration:none;
}

.workbook-master-card--digital:focus-visible,
.workbook-master-hotspot:focus-visible{
  outline:4px solid #e2a52e;
  outline-offset:4px;
}

.workbook-master-hotspot{
  position:absolute;
  z-index:2;
  left:10%;
  right:10%;
  bottom:5.7%;
  height:5.8%;
  border-radius:999px;
  cursor:pointer;
}

.workbook-master-hotspot[aria-disabled="true"]{
  cursor:default;
}

@media(max-width:760px){
  .shop-page #workbooks{
    padding:20px 0 34px;
  }

  .workbook-master-shell{
    width:min(100% - 18px,720px);
  }

  .workbook-master-pair{
    grid-template-columns:1fr;
    gap:16px;
  }

  .workbook-master-pair + .workbook-master-pair{
    margin-top:24px;
  }

  .workbook-master-card{
    border-radius:14px;
  }
}

/* FAMILY SUPPORT ULTRA-PASS FINAL — EXACT MASTER IMAGE */
.workbook-master-family-ultrapass{
  position:relative;
  display:block;
  width:100%;
  margin-top:34px;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(6,24,39,.08);
  line-height:0;
}

.workbook-master-family-ultrapass img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
}

.workbook-master-family-hotspot{
  position:absolute;
  z-index:10;
  display:block;
  border-radius:999px;
}

.workbook-master-family-hotspot--digital{
  left:7%;
  bottom:15.4%;
  width:34.5%;
  height:5.8%;
}

.workbook-master-family-hotspot--print{
  left:55.5%;
  bottom:15.4%;
  width:36.5%;
  height:5.8%;
}

.workbook-master-family-hotspot:focus-visible{
  outline:4px solid #e2a52e;
  outline-offset:3px;
}

@media(max-width:760px){
  .workbook-master-family-ultrapass{
    margin-top:24px;
    border-radius:14px;
  }
}


/* 2026-09-29 LOCKED WORKBOOK MASTER — aligned high-resolution implementation
   Both workbook products use the same card structure so digital and print
   headings, features, prices, buttons, and notes share one baseline system. */
.shop-page{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.shop-page #workbooks img{
  image-rendering:auto;
  transform:none;
  filter:none;
}
.workbook-hires-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}
.workbook-hires-pair--family{
  margin-top:34px;
}
.workbook-hires-card{
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  border:1px solid #e5e0d7;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(6,24,39,.08);
}
.workbook-hires-top-frame{
  width:100%;
  aspect-ratio:1.56 / 1;
  overflow:hidden;
  background:#edf1f2;
}
.workbook-hires-top{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  object-fit:cover;
  object-position:center;
}
.workbook-hires-pair--family .workbook-hires-card--print .workbook-hires-top{
  object-position:top center;
}
.workbook-hires-body{
  display:grid;
  grid-template-areas:
    "heading"
    "summary"
    "features"
    "price"
    "shipping"
    "cta"
    "note";
  grid-template-rows:auto auto minmax(150px,1fr) auto 22px auto auto;
  min-height:430px;
  padding:18px 34px 17px;
  text-align:center;
  background:#fff;
}
.workbook-hires-heading{grid-area:heading}
.workbook-hires-heading h2{
  margin:0;
  color:#071f42;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.85rem,2.5vw,2.65rem);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.025em;
}
.workbook-hires-heading p{
  margin:3px 0 0;
  color:#b66e00;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.55rem,2.05vw,2.15rem);
  font-weight:700;
  line-height:1;
}
.workbook-hires-summary{
  grid-area:summary;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  margin:10px 0 15px;
  color:#172e57;
  font-size:.92rem;
  line-height:1.28;
}
.workbook-hires-summary span{margin:0 6px}
.workbook-hires-features{
  grid-area:features;
  margin:0;
  padding:0;
  list-style:none;
  text-align:left;
}
.workbook-hires-features--digital{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px 22px;
  align-content:center;
}
.workbook-hires-features--print{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:center;
  align-content:center;
}
.workbook-hires-features li{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-width:0;
  color:#18365f;
  font-size:.84rem;
  line-height:1.28;
}
.workbook-hires-features--print li{
  grid-template-columns:44px minmax(0,1fr);
  font-size:.81rem;
}
.workbook-hires-icon{
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(180deg,#da941c,#c57700);
  box-shadow:inset 0 1px rgba(255,255,255,.35);
}
.workbook-hires-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.workbook-hires-price{
  grid-area:price;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  margin-top:11px;
  line-height:1;
}
.workbook-hires-price strong{
  color:#b66e00;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(2.5rem,3.5vw,3.65rem);
  font-weight:700;
  letter-spacing:-.03em;
}
.workbook-hires-price span{
  margin:0 0 5px 7px;
  color:#172e57;
  font-size:.94rem;
}
.workbook-hires-shipping{
  grid-area:shipping;
  align-self:center;
  margin:2px 0 7px;
  color:#17355f;
  font-size:.78rem;
  line-height:1.2;
}
.workbook-hires-shipping--placeholder{
  visibility:hidden;
}
.workbook-hires-cta{
  grid-area:cta;
  width:92%;
  min-height:49px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  justify-self:center;
  border-radius:999px;
  padding:12px 20px;
  color:#fff;
  text-decoration:none;
  font-size:.94rem;
  font-weight:800;
  line-height:1;
}
.workbook-hires-cta--gold{background:linear-gradient(90deg,#c87c02,#dd981d)}
.workbook-hires-cta--navy{background:linear-gradient(90deg,#063a5f,#003052)}
.workbook-hires-cta[aria-disabled="true"]{cursor:default}
.workbook-hires-note{
  grid-area:note;
  min-height:34px;
  margin:8px 0 0;
  color:#213b66;
  font-size:.72rem;
  line-height:1.25;
}
.desktop-only{display:block}

@media(max-width:760px){
  .workbook-hires-pair{grid-template-columns:1fr;gap:16px}
  .workbook-hires-pair--family{margin-top:24px}
  .workbook-hires-body{
    grid-template-rows:auto auto auto auto auto auto auto;
    min-height:0;
    padding:20px 20px 18px
  }
  .workbook-hires-summary{min-height:0}
  .workbook-hires-features--digital,.workbook-hires-features--print{grid-template-columns:1fr;gap:11px}
  .workbook-hires-features--print li{max-width:330px;width:100%;margin-inline:auto}
  .workbook-hires-cta{width:100%}
  .workbook-hires-note{min-height:0}
  .desktop-only{display:none}
}