.jw-time-to-replace{background:var(--wash)}
.jw-time-to-replace .jw-tr-head{margin-bottom:clamp(28px,3vw,40px)}
.jw-time-to-replace .jw-tr-head h2{margin:0}
.jw-time-to-replace .jw-tr-head .lead{margin:16px 0 0}
.jw-time-to-replace .jw-tr-in{display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(28px,4vw,72px)}
.jw-time-to-replace .jw-tr-gh{margin:0; padding-bottom:12px; border-bottom:1px solid var(--ink); font:600 12.5px/1.4 Inter,sans-serif;
  letter-spacing:.22em; text-transform:uppercase; color:var(--navy)}
.jw-time-to-replace .jw-tr-list{list-style:none; margin:0; padding:0}
.jw-time-to-replace .jw-tr-list + .jw-tr-gh{margin-top:34px}

.jw-time-to-replace .jw-tr-row{position:relative; display:grid; grid-template-columns:26px minmax(0,1fr); align-items:center; gap:18px;
  min-height:60px; padding:9px 14px 9px 0; border-bottom:1px solid #DBDDE0; cursor:pointer;
  background:linear-gradient(90deg,var(--paper),var(--paper)) 0 0/0 100% no-repeat;
  transition:background-size .7s var(--ease), padding .6s var(--ease)}
.jw-time-to-replace .jw-tr-row input{position:absolute; left:0; top:50%; width:1px; height:1px; margin:0; opacity:0}
.jw-time-to-replace .jw-tr-sw{position:relative; display:block; width:24px; height:24px; border:1px solid #9E9FA2; border-radius:var(--r-sm);
  background:var(--paper); transition:background-color .45s var(--ease), border-color .45s var(--ease)}
.jw-time-to-replace .jw-tr-sw svg{position:absolute; inset:2px; width:18px; height:18px; fill:none; stroke:#03B3EF; stroke-width:2.2;
  stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset .55s var(--ease) .05s}
.jw-time-to-replace .jw-tr-row:hover .jw-tr-sw{border-color:var(--ink)}
.jw-time-to-replace .jw-tr-row input:checked + .jw-tr-sw{background:var(--ink); border-color:var(--ink)}
.jw-time-to-replace .jw-tr-row input:checked + .jw-tr-sw svg{stroke-dashoffset:0}
.jw-time-to-replace .jw-tr-row:has(input:checked){background-size:100% 100%; padding-left:14px; border-bottom-color:#9ED9EE}
.jw-time-to-replace .jw-tr-row input:focus-visible + .jw-tr-sw{outline:2px solid #03B3EF; outline-offset:3px}
.jw-time-to-replace .jw-tr-t{font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(21px,1.65vw,24px); line-height:1.28; color:var(--ink)}

.jw-time-to-replace .jw-tr-age{padding:16px 0 14px; border-bottom:1px solid #DBDDE0}
.jw-time-to-replace .jw-tr-age[hidden]{display:none}
.jw-time-to-replace .jw-tr-age label{display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:44px}
.jw-time-to-replace .jw-tr-age-v{font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(24px,2vw,30px); line-height:1; color:var(--ink);
  white-space:nowrap; transition:color .4s}
.jw-time-to-replace .jw-tr-age.strong .jw-tr-age-v{color:var(--navy)}
.jw-time-to-replace .jw-tr-age input{display:block; width:100%; height:44px; margin:4px 0 0; background:transparent; -webkit-appearance:none;
  appearance:none; cursor:pointer}
.jw-time-to-replace .jw-tr-age input::-webkit-slider-runnable-track{height:2px; background:linear-gradient(90deg,#03B3EF var(--p,0%),#CDCFD1 var(--p,0%))}
.jw-time-to-replace .jw-tr-age input::-moz-range-track{height:2px; background:linear-gradient(90deg,#03B3EF var(--p,0%),#CDCFD1 var(--p,0%))}
.jw-time-to-replace .jw-tr-age input::-webkit-slider-thumb{-webkit-appearance:none; width:26px; height:26px; margin-top:-12px; border-radius:50%;
  background:#FFFFFF; border:1px solid var(--ink); box-shadow:none; transition:box-shadow .3s}
.jw-time-to-replace .jw-tr-age input::-moz-range-thumb{width:24px; height:24px; border-radius:50%; background:#FFFFFF; border:1px solid var(--ink)}
.jw-time-to-replace .jw-tr-age input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(3,179,239,.35)}
.jw-time-to-replace .jw-tr-age-h{margin:2px 0 0; font-size:16px; line-height:1.6; color:var(--body)}
.jw-time-to-replace .jw-tr-age-fb[hidden]{display:none}
.jw-time-to-replace .jw-tr-reset{display:inline-flex; align-items:center; min-height:44px; margin-top:12px; padding:0; border:0; background:none;
  font:600 12.5px/1 Inter,sans-serif; letter-spacing:.2em; text-transform:uppercase; color:var(--body); cursor:pointer}
.jw-time-to-replace .jw-tr-reset[hidden]{display:none}
.jw-time-to-replace .jw-tr-reset:hover{color:var(--ink)}

.jw-time-to-replace .jw-tr-card{background:var(--paper); border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden; box-shadow:none}
.jw-time-to-replace .jw-tr-ph{margin:0; aspect-ratio:16 / 10; overflow:hidden; background:var(--ink)}
.jw-time-to-replace .jw-tr-ph img{display:block; width:100%; height:100%; object-fit:cover; object-position:50% 62%}
.jw-time-to-replace .jw-tr-inner{padding:clamp(22px,2.2vw,30px)}
.jw-time-to-replace .jw-tr-top{display:flex; align-items:center; gap:20px}
.jw-time-to-replace .jw-tr-tw{flex:1; min-width:0}
.jw-time-to-replace .jw-tr-k{margin:0; font:600 12.5px/1.5 Inter,sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#05668E}
.jw-time-to-replace .jw-tr-bar{display:none}
.jw-time-to-replace .jw-tr-gauge{flex:none; width:118px}
.jw-time-to-replace .jw-tr-gauge svg{display:block; width:100%; height:auto; overflow:visible}
.jw-time-to-replace .jw-tr-track{fill:none; stroke:#E2E3E6; stroke-width:7; stroke-linecap:round}
.jw-time-to-replace .jw-tr-arc{fill:none; stroke:#03B3EF; stroke-width:7; stroke-linecap:round; stroke-dasharray:1 1; stroke-dashoffset:1;
  transition:stroke-dashoffset 1.1s var(--ease)}
.jw-time-to-replace .jw-tr-z{stroke:#ACADAF; stroke-width:1}
.jw-time-to-replace .jw-tr-needle{transform-box:view-box; transform-origin:100px 100px; transform:rotate(-90deg); transition:transform 1.1s var(--ease)}
.jw-time-to-replace .jw-tr-needle line{stroke:var(--ink); stroke-width:2; stroke-linecap:round}
.jw-time-to-replace .jw-tr-needle circle{fill:var(--ink)}
.jw-time-to-replace .jw-tr-vs{display:grid; margin-top:8px}
.jw-time-to-replace .jw-tr-vp{margin-top:16px}
.jw-time-to-replace .jw-tr-v + .jw-tr-v{margin-top:10px}
.jw-time-to-replace h3.jw-tr-v{margin:0; font-size:clamp(27px,2.3vw,33px); font-weight:400; line-height:1.1; color:var(--ink)}
.jw-time-to-replace p.jw-tr-v{margin:0; font-size:16px; line-height:1.6; color:var(--body)}
html:not(.js) .jw-time-to-replace .jw-tr-v0,html:not(.js) .jw-time-to-replace .jw-tr-gauge,html:not(.js) .jw-time-to-replace .jw-tr-sum{display:none}
.js .jw-time-to-replace .jw-tr-v{grid-area:1 / 1; margin:0; padding:0; border:0; opacity:0; visibility:hidden; transform:translate3d(0,8px,0);
  transition:opacity .45s var(--ease), transform .6s var(--ease), visibility 0s linear .45s}
.js .jw-time-to-replace .jw-tr-v.on{opacity:1; visibility:visible; transform:none; transition:opacity .8s var(--ease) .12s, transform .9s var(--ease) .12s, visibility 0s}
.jw-time-to-replace .jw-tr-sum{margin:16px 0 0; padding-top:14px; border-top:1px solid var(--line); font-family:"Cormorant Garamond",Georgia,serif;
  font-style:italic; font-size:19px; line-height:1.5; color:var(--ink)}
.jw-time-to-replace .jw-tr-cta{display:flex; flex-wrap:wrap; align-items:center; gap:4px 22px; margin-top:20px}
.jw-time-to-replace .jw-tr-alt{display:inline-flex; align-items:center; min-height:44px; font-weight:600; font-size:16px; color:var(--navy);
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px}
.js .jw-time-to-replace .jw-tr-alt{display:none}
.js .jw-time-to-replace .jw-tr-card[data-v="0"] .jw-tr-alt{display:inline-flex}

@media (min-width:900px){
  .jw-time-to-replace{padding-top:clamp(48px,5vw,96px)}
  .jw-time-to-replace .jw-tr-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:clamp(40px,4.4vw,80px)}
  .jw-time-to-replace .jw-tr-head h2{font-size:clamp(40px,4vw,60px)}
  .jw-time-to-replace .jw-tr-in.is-stick .jw-tr-side{position:sticky; top:calc(var(--hdr-solid,92px) + 20px)}
  .jw-time-to-replace .jw-tr-sum{display:none}
}

@media (min-width:900px) and (max-height:760px){
  .jw-time-to-replace .jw-tr-head h2{font-size:clamp(38px,3.6vw,52px)}
  .jw-time-to-replace .jw-tr-head .lead{margin-top:12px; font-size:17px}
  .jw-time-to-replace .jw-tr-ph{aspect-ratio:auto; height:clamp(120px, calc(100vh - 490px), 240px)}
  .jw-time-to-replace .jw-tr-inner{padding:18px 24px 16px}
  .jw-time-to-replace .jw-tr-gauge{width:92px}
  .jw-time-to-replace .jw-tr-vp{margin-top:12px}
  .jw-time-to-replace h3.jw-tr-v{font-size:27px}
  .jw-time-to-replace p.jw-tr-v{line-height:1.55}
  .jw-time-to-replace .jw-tr-cta{margin-top:14px}
  .jw-time-to-replace .jw-tr-cta .btn{min-height:48px; padding-top:0; padding-bottom:0}
}

@media (max-width:899px){
  .js .jw-time-to-replace .jw-tr-side{position:sticky; bottom:calc(78px + env(safe-area-inset-bottom)); z-index:20; margin-top:8px}
  .js .jw-time-to-replace .jw-tr-card{box-shadow:none}
  .js .jw-time-to-replace .jw-tr-bar{display:flex; align-items:center; gap:12px; width:100%; min-height:60px; padding:8px 16px; border:0;
    background:none; text-align:left; font:inherit; cursor:pointer}
  .js .jw-time-to-replace .jw-tr-bar-g{flex:none; width:54px}
  .js .jw-time-to-replace .jw-tr-bar-g svg{display:block; width:100%; fill:none}
  .js .jw-time-to-replace .jw-tr-bar-t{flex:1; font-family:"Cormorant Garamond",Georgia,serif; font-size:21px; line-height:1.25; color:var(--ink)}
  .js .jw-time-to-replace .jw-tr-bar i{position:relative; flex:none; width:28px; height:28px; border:1px solid var(--line); border-radius:50%}
  .js .jw-time-to-replace .jw-tr-bar i::before,.js .jw-time-to-replace .jw-tr-bar i::after{content:""; position:absolute; left:8px; top:13px;
    width:10px; height:1px; background:var(--ink); transition:transform .4s var(--ease)}
  .js .jw-time-to-replace .jw-tr-bar i::after{transform:rotate(90deg)}
  .js .jw-time-to-replace .jw-tr-card.open .jw-tr-bar i::after{transform:none}
  .js .jw-time-to-replace .jw-tr-body{display:none; max-height:62vh; overflow-y:auto}
  .js .jw-time-to-replace .jw-tr-card.open .jw-tr-body{display:block}
  .js .jw-time-to-replace .jw-tr-top{display:none}
  .js .jw-time-to-replace .jw-tr-ph{aspect-ratio:16 / 9}
  .js .jw-time-to-replace .jw-tr-vs{margin-top:0}
}
@media (prefers-reduced-motion:reduce){
  .jw-time-to-replace .jw-tr-sw,.jw-time-to-replace .jw-tr-sw svg,.jw-time-to-replace .jw-tr-row,.jw-time-to-replace .jw-tr-arc,.jw-time-to-replace .jw-tr-needle,
  .jw-time-to-replace .jw-tr-v,.jw-time-to-replace .jw-tr-bar i::after{transition:none !important}
}