@charset "UTF-8";
/* Integration candidate: load after visual-editorial-v2.css on item pages only. */
html body main.itemPage > .section{padding-top:48px;padding-bottom:72px}
html body main.itemPage > .section > h1{max-width:none;width:auto;font-size:40px;line-height:1.45;margin:12px 0 16px;overflow-wrap:break-word;word-break:normal}
html body main.itemPage > .section > .secLead{font-size:12px;line-height:1.8;color:#626762}
html body main.itemPage .readerJumpNav{width:100%;margin:24px 0 32px;padding:16px 0}
html body main.itemPage .readerJumpNav__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 20px!important}
html body main.itemPage .readerJumpNav__links a{min-width:0;min-height:44px!important;padding:10px 0!important;font-size:12px!important;line-height:1.7}
html body main.itemPage:not(.sabaItemPage) .feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:32px}
html body main.itemPage .feature .fMedia{padding:20px;background:#fff;border:1px solid #e0e3df;aspect-ratio:1;box-sizing:border-box;min-width:0}
html body main.itemPage .feature .fMedia > img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
html body main.wrap.itemPage .feature .fBody > h2{font-size:26px;line-height:1.5;margin:32px 0 14px;padding-top:20px}
html body main.itemPage .fBody > .kicker + h2{margin-top:16px}
html body main.itemPage .fBody > p{font-size:15px;line-height:1.95;max-width:38em;color:#444b46}
html body main.itemPage .fBody > .kicker{font-size:12px;line-height:1.7;color:#626762}
html body main.itemPage .fBody > .cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;box-sizing:border-box;padding:12px 20px;margin:20px 12px 0 0;border:1px solid #294438;border-radius:0;line-height:1.6;font-size:14px;text-align:center;white-space:normal}
/* Existing refresh CSS uses important overrides for secondary links and dark panels. */
html body main.itemPage .fBody > .cta--amazon{min-height:48px!important;padding:12px 20px!important;margin-left:0!important;background:#fff!important;color:#294438!important;border:1px solid #294438!important;font-size:14px!important}
html body main.itemPage .buyrow{gap:8px 16px;margin-top:24px;align-items:baseline}
html body main.itemPage .buyrow .price{font-size:28px;line-height:1.4;font-variant-numeric:tabular-nums;color:#252b27}
html body main.itemPage .buyrow .rate{font-size:12px;line-height:1.8;color:#626762}
html body main.itemPage .priceCompare{background:#fff;color:#252b27;border:1px solid #d7ddd7;box-shadow:none;padding:0;margin:32px 0}
html body main.itemPage .sabaDeepDive .priceCompare{padding:0;border:1px solid #d7ddd7}
html body main.itemPage .priceCompare > .compareTitle{font-size:24px;line-height:1.5;color:#252b27!important;margin:0;padding:24px 24px 8px}
html body main.itemPage .priceCompare > .compareLead{font-size:13px;line-height:1.8;color:#626762!important;margin:0;padding:0 24px 24px}
html body main.itemPage .priceCompare .compareGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:0;border-top:1px solid #d7ddd7}
html body main.itemPage .priceCompare .compareCard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px);gap:6px 20px;min-height:0;padding:20px 24px;background:#fff;color:#252b27;border:0;border-top:1px solid #d7ddd7;box-shadow:none;border-radius:0;align-items:start}
html body main.itemPage .priceCompare .compareCard:first-child{border-top:0}
html body main.itemPage .priceCompare .compareCard > p{grid-column:1;margin:0;max-width:none;line-height:1.7}
html body main.itemPage .priceCompare .compareMall{font-size:13px;color:#252b27!important}
html body main.itemPage .priceCompare .comparePrice{font-size:28px;color:#252b27!important;font-variant-numeric:tabular-nums}
html body main.itemPage .priceCompare :is(.compareDate,.comparePlaceholder){font-size:12px;color:#626762!important}
html body main.itemPage .priceCompare .compareCard .compareButton{grid-column:2;grid-row:1 / span 4;align-self:center!important;display:flex;align-items:center;justify-content:center;min-height:48px!important;box-sizing:border-box;width:100%!important;max-width:none;margin:0!important;padding:12px 16px!important;background:#fff!important;color:#294438!important;border:1px solid #294438!important;border-radius:0;font-size:13px!important;line-height:1.6;text-align:center;white-space:normal;text-decoration:none}
html body main.itemPage .priceCompare .compareCard .compareButton--primary{background:#294438!important;color:#fff!important}
html body main.itemPage :is(.cta,.compareButton):focus-visible{outline:2px solid #294438;outline-offset:4px}
/* Keep reading tools available below the article without covering product copy. */
html body:has(main.itemPage) :is(.readerChapterPanel,.readerLibraryLauncher,.readerStayTools){position:relative!important;inset:auto!important;display:inline-flex;vertical-align:top;max-width:calc(100% - 32px);margin:16px;box-shadow:none;gap:8px}
html body:has(main.itemPage) .readerChapterPanel__body{z-index:100;max-width:calc(100vw - 48px)}
@media(hover:hover){
  html body main.itemPage .priceCompare .compareCard .compareButton:hover{background:#eef3ef!important;color:#294438!important}
  html body main.itemPage .priceCompare .compareCard .compareButton--primary:hover{background:#20362b!important;color:#fff!important}
}
@media(max-width:820px){
  html body main.itemPage > .section{padding-top:32px;padding-bottom:56px}
  html body main.itemPage > .section > h1{font-size:28px;line-height:1.5}
  html body main.itemPage .readerJumpNav__links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 16px!important}
  html body main.itemPage .readerJumpNav__links a{font-size:12px;min-height:44px}
  html body main.itemPage:not(.sabaItemPage) .feature{grid-template-columns:minmax(0,1fr);gap:24px}
  html body main.itemPage .feature .fMedia{padding:16px}
  html body main.wrap.itemPage .feature .fBody > h2{font-size:23px}
  html body main.itemPage .fBody > .cta{display:flex;width:100%;margin-right:0}
  html body main.itemPage .fBody > .cta--amazon{width:100%!important}
  html body main.itemPage .fBody > .cta + .cta{margin-top:12px!important}
  html body main.itemPage .priceCompare > .compareTitle{padding:20px 20px 8px}
  html body main.itemPage .priceCompare > .compareLead{padding:0 20px 20px}
  html body main.itemPage .priceCompare .compareCard{grid-template-columns:minmax(0,1fr);padding:20px;gap:8px}
  html body main.itemPage .priceCompare .compareCard .compareButton{grid-column:1;grid-row:auto;margin-top:8px!important}
}