.home-offer-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px 14px;
  max-width: 460px;
  margin-top: 22px;
  padding-top: 13px;
  border-top: 1px solid var(--zs-line);
}

.home-offer-nav .home-offer-heading {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 4px 0;
  color: var(--zs-deep);
  font-size: 13px;
  font-weight: 650;
  text-underline-offset: 3px;
}

.home-offer-nav .home-offer-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 44px;
  padding: 3px 0;
  color: var(--zs-deep);
  text-decoration: none;
  font-size: 13px;
  line-height: 1.32;
}

.home-offer-nav .home-offer-link span:first-child { font-weight: 650; }
.home-offer-nav .home-offer-link span:last-child { color: var(--zs-muted); }
.home-offer-nav .home-offer-link:hover span:first-child { text-decoration: underline; }
.home-rental-hero .hero-copy { padding-block: clamp(36px, 5vw, 76px); }
.home-rental-hero .hero-copy .actions { margin-block: 22px 0; }

.rental-store {
  padding: clamp(28px, 4vw, 54px) 0 clamp(26px, 4vw, 50px);
  background: #f3f1eb;
  border-bottom: 1px solid var(--zs-line);
}

.rental-store-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, .72fr);
  gap: 12px 36px;
  align-items: end;
  margin-bottom: 22px;
}

.rental-store-heading .eyebrow { margin: 0 0 8px; }
.rental-store-heading h1 {
  margin: 0;
  color: var(--zs-deep);
  font: 400 clamp(36px, 4.3vw, 61px)/1.04 var(--zs-serif);
  letter-spacing: -.045em;
}

.rental-store-heading .rental-store-summary {
  margin: 0;
  max-width: 39ch;
  color: var(--zs-muted);
  font-size: 14px;
  line-height: 1.55;
}

.rental-offer-jump { display: none; }
.rental-offers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.rental-offer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(17px, 2vw, 25px);
  border: 1px solid var(--zs-line);
  border-radius: var(--zs-radius);
  background: var(--white);
  scroll-margin-top: 12px;
}

.rental-offer.rental-bundle { background: #e9eee8; border-color: #b8c7b9; }
.rental-offer h2 {
  margin: 0;
  color: var(--zs-deep);
  font: 400 clamp(22px, 2.3vw, 30px)/1.1 var(--zs-serif);
  text-wrap: wrap;
}

.rental-offer .offer-price {
  margin: 10px 0 0;
  color: var(--zs-deep);
  font: 400 clamp(30px, 3vw, 43px)/1 var(--zs-serif);
  letter-spacing: -.035em;
  font-variant-numeric: lining-nums tabular-nums;
}

.rental-offer .offer-description {
  flex: 1;
  margin: 10px 0 13px;
  color: #465650;
  font-size: 14px;
  line-height: 1.48;
}

.rental-offer .offer-description strong { color: var(--zs-deep); }
.rental-offer .button { width: 100%; margin-top: auto; text-align: center; }
.rental-offer .offer-detail {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 1px;
  color: var(--zs-deep);
  font-size: 13px;
}

.rental-store-note {
  margin: 14px 0 0;
  color: var(--zs-muted);
  font-size: 13px;
  line-height: 1.5;
}

.casebook-contents.section-pad { padding-block: clamp(36px, 5vw, 64px); }

@media (max-width: 900px) {
  .rental-store-heading { grid-template-columns: 1fr; gap: 8px; margin-bottom: 14px; }
  .rental-store-heading .rental-store-summary { max-width: 58ch; }
  .rental-offer-jump {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin: 0 0 14px;
  }
  .rental-offer-jump a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 7px 4px;
    border-radius: 3px;
    background: var(--zs-deep, #102227);
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
  }
  .rental-offer-jump a:hover, .rental-offer-jump a:focus-visible { background: #29453b; }
  .rental-offer-jump a strong { font-size: 15px; }
}

@media (max-width: 760px) {
  .rental-store { padding-block: 20px 26px; }
  .rental-store-heading h1 { font-size: clamp(30px, 8vw, 45px); }
  .rental-offers { grid-template-columns: 1fr; }
  .rental-offer { padding: 18px; }
  .rental-offer .offer-price { margin-top: 8px; }
}

@media (max-width: 600px) {
  .home-rental-hero .hero-copy { padding-block: 30px; }
  .home-offer-nav { gap: 4px 10px; }
}

/* Sales experience V2: prioritize the ready Casebook, make preview and delivery steps scannable. */
.home-offer-nav .home-offer-featured{border-bottom:2px solid #b0976a;padding-bottom:6px}
.home-offer-featured span:first-child{color:#25413a}
.rental-offer .offer-kicker{color:#8c7751;font-size:10px;line-height:1.45;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px}
.rental-offer .offer-kicker.offer-pending{color:#737d75}
.rental-offer .offer-reassurance{font-size:12px;line-height:1.6;color:#4f6559;margin:0 0 14px;padding:10px 12px;background:#ecf1ec;border-left:2px solid #93ae99}
.rental-offer .offer-subnote{font-size:12px;line-height:1.6;color:#616d65;margin:9px 0 0}
.rental-offer .button.ghost{border:1px solid #98afa0;background:transparent;color:#223e34}
.cb-buy-steps{padding:clamp(36px,5vw,63px) 0;border-bottom:1px solid #dfdfd7}
.cb-buy-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px 58px;align-items:center}
.cb-buy-intro h2{font:400 clamp(29px,3.5vw,44px)/1.16 Georgia,serif;margin:8px 0 18px;letter-spacing:-.03em}
.cb-buy-intro>p{font-size:15px;line-height:1.7;color:#5b6a61;max-width:580px}
.cb-buy-grid{list-style:none;padding:0;margin:24px 0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}
.cb-buy-grid li{padding:23px;background:white;border:1px solid #d9ded5;min-width:0}
.cb-step-number{display:block;color:#9a845f;font:400 26px/1 Georgia,serif;margin-bottom:15px}
.cb-buy-grid strong{font:400 clamp(22px,2.6vw,27px)/1.2 Georgia,serif;color:#243e36;display:block}
.cb-buy-grid p{font-size:13px;line-height:1.7;color:#627269;min-height:82px}
.cb-buy-grid a{font-size:13px}
.cb-buy-scope{font-size:12px;line-height:1.7;color:#6c776e;margin-top:16px}
@media(max-width:800px){.cb-buy-intro{grid-template-columns:1fr;gap:3px}.cb-buy-grid{grid-template-columns:1fr;gap:12px}.cb-buy-grid li{padding:20px}.cb-buy-grid p{min-height:0}}
@media(max-width:480px){.home-offer-nav{grid-template-columns:1fr 1fr;max-width:100%;gap:8px 14px}.home-offer-heading{grid-column:1/-1}.home-offer-link{min-width:0}.rental-store-heading h1{font-size:clamp(34px,9vw,42px)}}

/* Branded editorial visual on the purchase-ready Casebook offer.
   Keep price and CTA clear; never misrepresent this illustration as product UI. */
#offer-casebook .casebook-checkout-visual{
  width:100%;margin:15px 0 12px;overflow:hidden;
  border:1px solid #d6dfd5;border-radius:5px;background:#f1f1eb;
}
#offer-casebook .casebook-checkout-visual img{
  display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;
}
#offer-casebook .casebook-checkout-visual figcaption{
  margin:0;padding:10px 12px;background:#eef1eb;
  color:#4c6258;font-size:11px;line-height:1.5;
}
@media(max-width:760px){
  #offer-casebook .casebook-checkout-visual{margin:12px 0}
}

/* Pathfinder uses the same branded desk-photo treatment as Casebook. */
#offer-pathfinder .pathfinder-offer-visual{
  width:100%;margin:15px 0 12px;overflow:hidden;
  border:1px solid #d6dfd5;border-radius:5px;background:#f1f1eb;
}
#offer-pathfinder .pathfinder-offer-visual img{
  display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;
}
#offer-pathfinder .pathfinder-offer-visual figcaption{
  margin:0;padding:10px 12px;background:#eef1eb;
  color:#4c6258;font-size:11px;line-height:1.5;
}
@media(max-width:760px){
  #offer-pathfinder .pathfinder-offer-visual{margin:12px 0}
}


/* User-selected Casebook mockup from Z-Signature's approved marketing art.
   It illustrates a digital toolkit, not an actual printed book. */
#offer-casebook .casebook-cover-visual{
  width:100%;margin:15px 0 12px;overflow:hidden;
  border:1px solid #d6dfd5;border-radius:5px;background:#eeeae1;
}
#offer-casebook .casebook-cover-photo-stage{
  display:flex;align-items:center;justify-content:center;
  min-height:294px;padding:12px 18px 14px;
  background:radial-gradient(ellipse at 55% 25%,#fff9ed 0%,#f3f0e9 55%,#e5e9e1 100%);
}
#offer-casebook .casebook-cover-photo-stage img{
  display:block;width:min(195px,80%);height:auto;aspect-ratio:260 / 377;object-fit:contain;
  filter:drop-shadow(14px 12px 13px rgba(6,25,34,.20));
}
#offer-casebook .casebook-cover-visual figcaption{
  margin:0;padding:10px 12px;background:#eef1eb;
  color:#4c6258;font-size:11px;line-height:1.5;
}
@media(max-width:360px){
  #offer-casebook .casebook-cover-photo-stage{min-height:275px;padding:10px 12px}
  #offer-casebook .casebook-cover-photo-stage img{width:min(180px,78%)}
}

/* Small, optional product-fit guide: the three main offers remain visible. */
.zs-fit{margin:0 0 18px;border:1px solid #cdd6cd;border-radius:5px;background:#fff}
.zs-fit>summary{min-height:56px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#102c27;font-weight:700;font-size:15px;line-height:1.4}
.zs-fit>summary:focus-visible{outline:3px solid #a58d62;outline-offset:3px}
.zs-fit-summary-trail{color:#53695d;font-size:12px;font-weight:500;text-align:right}
.zs-fit-summary-trail span{font-size:20px;margin-left:7px;color:#957b4f}
.zs-fit[open]>summary{border-bottom:1px solid #dee3db}
.zs-fit[open] .zs-fit-summary-trail span{display:inline-block;transform:rotate(45deg)}
.zs-fit-body{padding:15px 20px 18px}
.zs-fit-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0;min-width:0}
.zs-fit-options legend{font-size:13px;font-weight:700;color:#304b41;margin-bottom:12px;padding:0}
.zs-fit-option{display:flex;gap:12px;align-items:center;min-height:78px;min-width:0;padding:12px;border:1px solid #d7ded4;border-radius:5px;cursor:pointer;background:#fafbf8}
.zs-fit-option:has(input:checked){background:#edf3ed;border-color:#6c9176}
.zs-fit-option:focus-within{outline:3px solid #a58d62;outline-offset:2px}
.zs-fit-option input{accent-color:#214b3c;width:20px;height:20px;flex:none;margin:0}
.zs-fit-option strong,.zs-fit-option small{display:block;line-height:1.4}
.zs-fit-option strong{color:#173329;font-size:13px}
.zs-fit-option small{color:#66746b;font-size:12px;margin-top:3px}
.zs-fit-feedback{font-size:12px;color:#4d6455;line-height:1.5;margin:14px 0}
.zs-fit-result{background:#eef2eb;border-left:3px solid #aa9168;padding:15px 17px;margin-top:12px}
.zs-fit-result[hidden]{display:none}
.zs-fit-result>strong{font:400 24px/1.2 Georgia,serif;color:#18332b}
.zs-fit-result p{font-size:13px;line-height:1.6;color:#41594a;max-width:76ch;margin:8px 0 12px}
.zs-fit-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.zs-fit-links .button{min-height:44px;gap:6px;margin:0}
.zs-fit-secondary{display:inline-flex;align-items:center;min-height:44px;color:#234a3b;font-size:13px;font-weight:700;text-underline-offset:3px}
.zs-fit-foot{margin:13px 0 0;font-size:11px;color:#66746a;line-height:1.5}
@media(max-width:760px){.zs-fit-options{grid-template-columns:1fr}.zs-fit-option{min-height:62px}.zs-fit-body{padding:14px}.zs-fit>summary{padding:13px 15px}.zs-fit-result>strong{font-size:21px}}
@media(max-width:480px){.zs-fit>summary{display:block;font-size:14px}.zs-fit-summary-trail{display:block;text-align:left;margin-top:4px}.zs-fit-links{align-items:stretch;flex-direction:column}.zs-fit-links .button,.zs-fit-secondary{width:100%;justify-content:center}}


/* 320px Casebook accounting-sample containment: prevent the worked example from expanding the page.
   The narrow layout is deliberately block-based to avoid intrinsic grid sizing,
   and all nested text is permitted to wrap without clipping financial figures. */
@media (max-width: 850px) {
  .casebook-landing .cbshow {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  .casebook-landing .cbshow > div {
    min-width: 0;
    max-width: 100%;
  }
  .casebook-landing .cbshow .cbsample {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}
@media (max-width: 430px) {
  .casebook-landing .cbshow {
    display: block;
  }
  .casebook-landing .cbshow > div + div {
    margin-top: 22px;
  }
  .casebook-landing .cbshow .cbsample {
    padding: 18px 14px;
  }
  .casebook-landing .cbsample > div {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
    gap: 6px;
  }
  .casebook-landing .cbsample > div strong,
  .casebook-landing .cbsample > div small {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .casebook-landing .cbsample .eyebrow,
  .casebook-landing .cbsample p {
    overflow-wrap: anywhere;
  }
  .casebook-landing .cbsample .eyebrow {
    letter-spacing: .14em;
  }
}

/* Four goals, including a genuine free-first choice. */
@media(min-width:1000px){.zs-fit-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:999px){.zs-fit-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
