/* Calculate Your Pay Gap — Book page preview of The Financial Number. */
.book-paygap{border-top:1px solid var(--line);padding:80px 0}
.paygap-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:start}
.book-paygap h2{font-size:clamp(35px,4.5vw,62px);line-height:1.08;letter-spacing:-.05em;margin:22px 0}
.paygap-intro p{font-size:17px;line-height:1.8;max-width:520px;margin:0}
.paygap-tool{border-top:1px solid var(--emerald);padding-top:28px}
.paygap-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:0;padding:0;border:0}
.paygap-field{display:flex;flex-direction:column;min-width:0}
.paygap-field.paygap-years{grid-column:1/-1;max-width:calc(50% - 9px)}
.paygap-field label{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:8px;color:var(--ink)}
.paygap-field .paygap-optional{font-weight:400;color:var(--muted)}
.paygap-input{display:flex;align-items:center;border:1px solid var(--ink);background:#fff;min-height:48px}
.paygap-input span{padding:0 0 0 14px;font-weight:700;color:var(--muted)}
.paygap-input input{flex:1;min-width:0;border:0;background:transparent;padding:12px 14px 12px 6px;font-size:16px;color:var(--ink);outline:none}
.paygap-input.no-prefix input{padding-left:14px}
.paygap-input:focus-within{outline:3px solid #aa7516;outline-offset:3px}
.paygap-field.is-invalid .paygap-input{border-color:#a3341f;box-shadow:inset 0 0 0 1px #a3341f}
.paygap-help{font-size:12.5px;line-height:1.55;color:var(--muted);margin:8px 0 0}
.paygap-error{font-size:12.5px;line-height:1.5;color:#a3341f;font-weight:600;margin:6px 0 0}
.paygap-error:empty{display:none}
.paygap-submit{margin-top:24px;width:100%;cursor:pointer}
.paygap-summary{font-size:13px;line-height:1.5;color:#a3341f;font-weight:600;margin:10px 0 0}
.paygap-summary:empty{display:none}
.paygap-result{margin-top:18px;background:var(--emerald);color:var(--paper);padding:24px 26px;outline:none}
.paygap-result[hidden],.paygap-result [hidden]{display:none}
.paygap-result .eyebrow{color:var(--mustard);font-size:10px;line-height:1.6}
.paygap-headline{font:800 clamp(30px,3.6vw,44px)/1.1 var(--display);letter-spacing:-.04em;margin:12px 0 0}
.paygap-headline small{display:block;font:600 15px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0;margin-top:6px}
.paygap-monthly{font-size:15px;font-weight:700;color:var(--mustard);margin:8px 0 0}
.paygap-timeline{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid rgba(250,247,240,.25)}
.paygap-timeline li{display:block;font-size:14px;line-height:1.5;padding:9px 0;border-bottom:1px solid rgba(250,247,240,.15)}
.paygap-timeline li b{font-weight:700;white-space:nowrap}
.paygap-timeline li.is-custom b{color:var(--mustard)}
.paygap-timeline li{font-variant-numeric:tabular-nums}
.paygap-note{font-size:12.5px;line-height:1.6;color:rgba(250,247,240,.8);margin:10px 0 0}
.paygap-star{font-size:14px;line-height:1.65;color:var(--ink);max-width:520px;margin:-6px 0 18px!important;padding:12px 14px;border:1px solid var(--line);background:rgba(223,173,67,.12)}
.paygap-star-mark{color:#aa7516;font-weight:700;margin-right:2px}
.paygap-star a{color:var(--emerald);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.paygap-compare{width:100%;border-collapse:collapse;margin-top:16px;font-variant-numeric:tabular-nums;table-layout:fixed}
.paygap-compare th,.paygap-compare td{padding:10px 6px;border-bottom:1px solid rgba(250,247,240,.15);text-align:right;vertical-align:bottom}
.paygap-compare th:first-child,.paygap-compare td:first-child{padding-left:0;text-align:left}
.paygap-compare th:last-child,.paygap-compare td:last-child{padding-right:0}
.paygap-compare thead th{font-size:12px;line-height:1.35;font-weight:700;color:rgba(250,247,240,.85);border-bottom:1px solid rgba(250,247,240,.35);vertical-align:bottom}
.paygap-compare thead th:first-child{width:24%}
.paygap-compare thead th:last-child{color:var(--mustard)}
.paygap-ex{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-top:4px;opacity:.9}
.paygap-compare tbody th{font-size:14px;font-weight:600;color:var(--paper)}
.paygap-compare tbody td{font-size:15px;font-weight:700;color:var(--paper);white-space:nowrap}
.paygap-compare tbody td:last-child{color:var(--mustard)}
.paygap-compare tr.is-custom th,.paygap-compare tr.is-custom td{background:rgba(250,247,240,.07)}
.paygap-takeaway{font-size:15px;line-height:1.6;font-weight:600;margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(250,247,240,.25)}
.paygap-takeaway:empty{display:none}
.paygap-next{margin-top:20px;border-left:3px solid var(--mustard);padding:2px 0 2px 18px}
.paygap-next .eyebrow{font-size:10px}
.paygap-next p{font-size:15px;line-height:1.7;margin:8px 0 0}
.paygap-fine{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0 0}
@media(max-width:860px){
  .book-paygap{padding:56px 0}
  .paygap-grid{grid-template-columns:1fr;gap:26px}
  .book-paygap h2{margin:16px 0}
  .paygap-intro p{font-size:15px;line-height:1.7}
}
@media(max-width:520px){
  .paygap-tool{padding-top:20px}
  .paygap-fields{grid-template-columns:1fr;gap:16px}
  .paygap-field.paygap-years{max-width:none}
  .paygap-submit{margin-top:20px}
  .paygap-result{padding:20px}
  .paygap-headline{font-size:30px}.paygap-compare thead th{font-size:11px}.paygap-compare tbody td{font-size:14px}.paygap-compare tbody th{font-size:13px}.paygap-takeaway{font-size:14px}
  .paygap-next p{font-size:14px}
}

/* Next-step jump link and narrow-screen stacking (v6) */
.paygap-jump{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:700;color:var(--mustard);text-decoration:underline;text-underline-offset:4px;min-height:44px}
.paygap-jump:hover{color:var(--paper)}
#inside-the-book{scroll-margin-top:90px}
.book-hero .actions{flex-wrap:wrap}
@media(max-width:520px){
  .paygap-compare,.paygap-compare tbody,.paygap-compare tr,.paygap-compare th,.paygap-compare td{display:block;width:auto}
  .paygap-compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .paygap-compare tbody tr{padding:12px 0;border-bottom:1px solid rgba(250,247,240,.18)}
  .paygap-compare tbody tr:first-child{border-top:1px solid rgba(250,247,240,.35)}
  .paygap-compare tbody th{padding:0 0 6px;border:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(250,247,240,.85)}
  .paygap-compare tbody td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;border:0;text-align:right;font-size:16px}
  .paygap-compare tbody td::before{content:attr(data-label);flex:1;text-align:left;font-size:14px;font-weight:500;color:var(--paper)}
  .paygap-compare tbody td:last-child::before{color:var(--mustard)}
  .paygap-compare tr.is-custom th,.paygap-compare tr.is-custom td{background:none}
  .paygap-compare tr.is-custom{background:rgba(250,247,240,.07);padding-left:10px;padding-right:10px;margin:0 -10px}
}
/* v7: sage calculator band, unboxed Mercer note, tighter Clearer Case -> purchase transition */
.section.book-paygap{background:#E8EDE2;border-top:0}
.section.book-paygap + .section.book-inside{border-top:0}
.book-paygap .paygap-star{padding:0;border:0;background:none;margin:-4px 0 20px!important;font-size:14px;line-height:1.65}
.book-paygap .paygap-star a{color:var(--emerald)}
.section.book-inside{padding-bottom:32px}
.section.book-details{padding-top:64px}
@media(max-width:860px){
  .section.book-inside{padding-bottom:24px}
  .section.book-details{padding-top:48px}
}
@media(max-width:520px){
  .section.book-inside{padding-bottom:20px}
  .section.book-details{padding-top:44px}
}