/* ==========================================================================
   The Watches Lounge — tools-v2.css
   Light editorial skin over the original tool styles + new tools.
   ========================================================================== */
:root{--twl-grad-gold:var(--gold);--twl-shadow-lg:var(--shadow);--twl-text-dim:var(--muted-2)}
.tool-page .twl-sec-head{display:none}
.tool-embed .twl-container{max-width:var(--wrap);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}
.tool-embed--stack{margin-bottom:56px}
.tool-embed--stack .twl-sec-head{display:block;text-align:left;margin:0 0 20px}
.tool-embed--stack .twl-sec-head .twl-h2{font-size:28px}
.tool-embed--stack .twl-sec-sub{color:var(--muted-2)}
.page-body--tool{padding-bottom:24px}
.page-body--after{padding-top:24px;border-top:1px solid var(--border)}

.twl-tool{max-width:none}
.twl-tool__shell,.tool-card-light{background:var(--white);border:1px solid var(--border);border-radius:0;padding:clamp(20px,3vw,36px);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.twl-tool__output{background:var(--ivory);border:1px solid var(--border);border-radius:0;color:var(--ink)}
.twl-tool__gate::before{color:var(--gold)}
.twl-eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark);margin:0 0 10px;display:block}
.twl-field label{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.twl-field label small{text-transform:none;letter-spacing:0;font-weight:400}
.twl-field input[type=text],.twl-field input[type=email],.twl-field input[type=number],.twl-field input[type=search],.twl-field select,.twl-field textarea,
.tool-card-light select,.tool-card-light input[type=number],.twl-database__bar input,.twl-database__bar select{background:var(--white);border:1px solid var(--border-2);color:var(--ink);border-radius:var(--radius);padding:11px 12px;font-size:16px;width:100%;min-height:46px}
.twl-field input:focus,.twl-field select:focus,.tool-card-light select:focus,.tool-card-light input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--gold-soft)}
.twl-field__row{display:flex;gap:8px}
.twl-field__row select{width:auto}
.twl-field input[type=range],.tool-card-light input[type=range]{accent-color:var(--navy);width:100%}
.twl-field input[type=range]::-webkit-slider-thumb{background:var(--navy);border:3px solid var(--gold);box-shadow:none}
.twl-field input[type=range]::-moz-range-thumb{background:var(--navy);border:3px solid var(--gold)}
.twl-segmented{background:var(--ivory);border:1px solid var(--border);border-radius:var(--radius);padding:4px;gap:4px}
.twl-segmented__opt{border-radius:3px;color:var(--ink-2);font-size:14px;padding:8px 14px}
.twl-segmented__opt.is-active{background:var(--navy);color:var(--white);font-weight:600}
.twl-check{background:var(--white);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--ink-2)}
.twl-check.is-checked{background:var(--navy);color:var(--white);border-color:var(--navy)}
.twl-tool__panel,.twl-quiz__panel{background:var(--white);border:1px solid var(--border);border-radius:0}
.twl-tool__panel h4,.twl-quiz__panel h4{font-family:var(--sans);color:var(--gold-dark);font-weight:600}
.twl-tool__panel p,.twl-quiz__panel p{color:var(--navy)}
.twl-tool__panel--wide p{color:var(--ink-2)}
.twl-meter__bar,.twl-quiz__bar{background:var(--ivory-2)}
.twl-meter__value{color:var(--navy)}
.twl-meter__label{font-family:var(--sans)}
.twl-strap-card,.twl-rot-day,.twl-prio__list li,.twl-stat,.twl-tracker__list li,.twl-roadmap li,.twl-rotation__notes li{background:var(--white);border:1px solid var(--border);border-radius:0;color:var(--ink)}
.twl-strap-card__title,.twl-rot-day span,.twl-roadmap strong,.twl-tracker__list li strong{color:var(--navy)}
.twl-strap-card__viz{width:84px;height:auto;margin-bottom:4px}
.twl-strap-card__desc,.twl-roadmap small{color:var(--muted-2)}
.twl-rot-day strong,.twl-prio__list li strong,.twl-stat strong{color:var(--gold-dark)}
.twl-roadmap li::before{background:var(--ivory);border-color:var(--border);color:var(--gold-dark)}
.twl-tracker__list .tr-del{border-color:var(--border-2);color:var(--muted-2)}
.twl-pv-canvas,.twl-wc-room{border-color:var(--border)}
.twl-tool .twl-btn{border-radius:var(--radius)}
.twl-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* Watch Finder ----------------------------------------------------------- */
.finder{background:var(--white);border:1px solid var(--border);padding:clamp(22px,4vw,48px);max-width:1040px;margin:0 auto}
.finder__progress{height:3px;background:var(--ivory-2);margin-bottom:12px}
.finder__progress span{display:block;height:100%;width:0;background:var(--gold);transition:width .3s var(--ease)}
.finder__count{font-size:12px;letter-spacing:.14em;color:var(--muted-2);margin:0 0 20px}
.finder__prefill{font-size:14px;background:var(--gold-soft);padding:10px 14px;margin:0 0 18px}
.finder__step{display:none;border:0;padding:0;margin:0;min-width:0}
.finder__step.is-active{display:block}
.finder__q{font-family:var(--serif);font-size:clamp(24px,3vw,34px);color:var(--navy);margin:0 0 22px;padding:0}
.finder__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:600px){.finder__opts{grid-template-columns:1fr}}
.finder__opt{position:relative;cursor:pointer;display:block}
.finder__opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.finder__opt span{display:block;padding:16px 18px;border:1px solid var(--border-2);background:var(--white);font-size:15.5px;transition:border-color .2s,background .2s}
.finder__opt:hover span{border-color:var(--navy)}
.finder__opt input:checked + span{background:var(--navy);color:var(--white);border-color:var(--navy)}
.finder__opt input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.finder__hint{font-size:14px;color:var(--muted-2);margin:14px 0 0}
.finder__hint a,.finder__note a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold)}
.finder__nav{margin-top:22px;min-height:38px}
.finder__result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}
.finder__result-head h2{font-size:clamp(24px,3vw,34px);margin:8px 0 6px}
.finder__summary{color:var(--muted-2);margin:0}
.finder__note{margin:22px 0 6px;font-size:15px}
@media (max-width:600px){.finder__result-head{flex-direction:column}}
.finder .products{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.finder .products{grid-template-columns:1fr}}

/* Size comparison --------------------------------------------------------- */
.cmp__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:760px){.cmp__grid{grid-template-columns:1fr}}
.cmp__side{border:1px solid var(--border);padding:18px;margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}
.cmp__side legend{font-family:var(--serif);font-size:20px;color:var(--navy);padding:0 8px}
.cmp__side[data-side="a"]{border-top:3px solid var(--navy)}
.cmp__side[data-side="b"]{border-top:3px solid var(--gold)}
.cmp__inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cmp__wrist{max-width:340px;margin:20px 0}
.cmp__stage{display:grid;gap:8px;background:var(--ivory);border:1px solid var(--border);padding:16px;margin-bottom:18px}
.cmp__svg{width:100%;height:auto;max-height:420px}
.cmp__svg--side{max-height:150px}
.cmp__table th[scope=row]{background:var(--ivory)}
.cmp__note{font-size:16px;color:var(--navy);font-weight:500}

/* Automatic vs quartz ---------------------------------------------------- */
.avq__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px)}
@media (max-width:860px){.avq__grid{grid-template-columns:1fr}}
.avq__h{display:block;font-family:var(--serif);font-size:24px;color:var(--navy);margin:0 0 18px;font-weight:600}
.avq__h--table{margin-top:44px}
.avq__row{display:grid;grid-template-columns:1fr 130px 92px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:15px}
.avq__row output{font-size:12.5px;color:var(--muted-2);text-align:right}
@media (max-width:520px){.avq__row{grid-template-columns:1fr 1fr}.avq__row label{grid-column:1/-1}.avq__row output{text-align:left}}
.avq__result{background:var(--navy);color:#D8DCE2;padding:28px;align-self:start;position:sticky;top:110px}
@media (max-width:860px){.avq__result{position:static}}
.avq__result h3{color:var(--white);font-size:30px;margin:8px 0 10px}
.avq__result .label{color:var(--gold)}
.avq__bars{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.avq__bar{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;font-size:13.5px}
.avq__bar div{height:6px;background:rgba(255,255,255,.12)}
.avq__bar i{display:block;height:100%;background:#7F8A99;transition:width .3s var(--ease)}
.avq__bar.is-best i{background:var(--gold)}
.avq__bar b{text-align:right;color:var(--white);font-weight:600}
.avq__result .link-arrow{color:var(--gold);margin-left:12px}
.avq__result .btn--primary{background:var(--gold);color:var(--navy)}

/* Water resistance ------------------------------------------------------- */
.water__pick{max-width:520px;margin-bottom:22px}
.water__result{background:var(--navy);color:#D8DCE2;padding:24px 26px;margin-bottom:26px}
.water__result .label{color:var(--gold)}
.water__rating{font-family:var(--serif);font-size:clamp(24px,3vw,32px);color:var(--white);margin:6px 0 10px}
.water__result a{color:var(--white);text-decoration:underline;text-decoration-color:var(--gold)}
.water__scale{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:28px}
.water__level{display:grid;grid-template-columns:260px 1fr;gap:16px;background:var(--white);padding:14px 18px;font-size:15px;transition:background .2s}
.water__level strong{color:var(--navy)}
.water__level.is-target{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold)}
@media (max-width:600px){.water__level{grid-template-columns:1fr;gap:4px}}