/* Compare your shortlist (property shortlisting scorecard) — scoped to .t-score (on <main>) and .t-score~.mobile-action */
.t-score{--s-navy:#102b46;--s-navy2:#0b2238;--s-lime:#8fdc68;--s-amber:#f2a93b;--s-red:#e5573f;--s-line:#e3e8ee;--s-soft:#f4f7fa;--s-muted:#4f5b68}
.t-score .sc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.t-score .btn.wa,.t-score~.mobile-action .btn.wa{background:#25d366;border-color:#128c3e;color:#0b3b22}
.t-score .btn.wa:hover,.t-score~.mobile-action .btn.wa:hover{background:#1ebe5b}

/* hero: short, tool right under it */
.t-score .sc-hero{padding:34px 0 24px}
.t-score .sc-hero .crumb{margin-bottom:18px}
.t-score .sc-hero h1{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1.05;max-width:900px;color:var(--s-navy)}
.t-score .sc-sub{margin-top:12px;font-size:1.1rem;color:var(--s-muted)}

/* layout: sheet left, navy result right */
.t-score .sc-tool{padding:6px 0 56px;border-bottom:1px solid var(--line)}
.t-score .sc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:28px;align-items:start}

/* the sheet: homes as columns */
.t-score .sc-card{background:#fff;border:1px solid var(--s-line);border-top:4px solid var(--s-navy);border-radius:4px;padding:14px 22px 18px}
.t-score .sc-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px}
.t-score .sc-sheet{display:grid;grid-template-columns:minmax(96px,.82fr) repeat(var(--n,3),minmax(84px,1fr));column-gap:10px;min-width:calc(96px + var(--n,3) * 94px)}
.t-score .sc-sheet>span{padding:7px 0;border-bottom:1px dashed var(--s-line);min-width:0}
.t-score .sc-corner,.t-score .sc-colh{border-bottom:2px solid var(--s-navy)!important}
.t-score .sc-colh{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 0 8px!important}
.t-score .sc-colh b{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:var(--s-navy);white-space:nowrap}
.t-score .sc-del{width:24px;height:24px;border:1px solid #c9d3da;border-radius:50%;background:#fff;color:var(--s-muted);font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex:0 0 auto}
.t-score .sc-del:hover{border-color:var(--s-red);color:var(--s-red)}
.t-score .sc-lab{display:flex;flex-direction:column;justify-content:center;line-height:1.2}
.t-score .sc-lab b{font-size:.9rem;font-weight:620;color:var(--s-navy)}
.t-score .sc-lab small{font-size:.72rem;color:var(--s-muted);margin-top:2px}
.t-score .sc-cell{display:flex;flex-direction:column;justify-content:center}
.t-score .sc-cell input[type=text],.t-score .sc-cell select{width:100%;min-width:0;height:40px;border:1px solid #c5ced8;border-radius:3px;background:#fff;color:var(--s-navy);padding:0 9px;font-size:.95rem}
.t-score .sc-cell input[inputmode]{text-align:right;font-variant-numeric:tabular-nums}
.t-score .sc-cell select{font-size:.84rem;padding:0 4px}
.t-score .sc-cell input:focus,.t-score .sc-cell select:focus{border-color:var(--s-navy);outline:2px solid #1491de55;outline-offset:1px}
.t-score .sc-ppsf{display:block;margin-top:4px;font-size:.72rem;color:var(--s-muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.t-score .sc-chips{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.t-score .sc-chip{position:relative;display:block;cursor:pointer}
.t-score .sc-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.t-score .sc-chip span{display:flex;align-items:center;justify-content:center;height:27px;border:1px solid #c9d3da;border-radius:3px;background:#fff;color:#6a7c8a;font-size:.7rem;font-weight:650;white-space:nowrap;user-select:none;transition:background .15s,border-color .15s,color .15s}
.t-score .sc-chip input:checked+span{background:var(--s-navy);border-color:var(--s-navy);color:#fff}
.t-score .sc-chip input:focus-visible+span{outline:2px solid var(--bright);outline-offset:2px}
/* sample values look pencilled in until the buyer types */
.t-score .sc-sheet.is-sample input[type=text],.t-score .sc-sheet.is-sample select{color:#7f909e;font-style:italic;background:#fafcfd}
.t-score .sc-sheet.is-sample .sc-chip input:checked+span{background:#5d7186;border-color:#5d7186}

.t-score .sc-add{display:block;width:100%;margin-top:14px;background:var(--s-soft);border:1.5px dashed var(--s-navy);color:var(--s-navy);padding:11px 16px;border-radius:4px;font-weight:650;font-size:.93rem;text-align:center;cursor:pointer}
.t-score .sc-add:hover{background:#e4eef5}
.t-score .sc-add:disabled{opacity:.5;cursor:default}

/* weights fold */
.t-score .sc-weights{margin-top:12px;border-top:1px solid var(--s-line);padding-top:10px}
.t-score .sc-weights summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:.9rem;font-weight:650;color:var(--s-navy);padding:4px 0}
.t-score .sc-weights summary::-webkit-details-marker{display:none}
.t-score .sc-weights summary:after{content:'+';font-size:1.3rem;font-weight:300;line-height:1;color:var(--s-navy)}
.t-score .sc-weights[open] summary:after{content:'−'}
.t-score .sc-wrow{display:grid;grid-template-columns:120px 1fr 34px;gap:12px;align-items:center;margin-top:10px;font-size:.86rem;color:var(--s-navy)}
.t-score .sc-wrow input{width:100%;accent-color:var(--s-navy)}
.t-score .sc-wrow output{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--serif);font-size:1.1rem}
.t-score .sc-reset{margin-top:12px;background:none;border:0;border-bottom:1px solid currentColor;padding:2px 0;font-size:.82rem;color:var(--s-muted);cursor:pointer}
.t-score .sc-jump{display:none}

/* navy result */
.t-score .sc-result{position:sticky;top:96px;background:var(--s-navy);color:#fff;border-radius:6px;padding:26px 28px 22px;box-shadow:0 24px 60px -30px #102b4699}
.t-score .sc-eyebrow{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--s-lime);font-weight:700}
.t-score .sc-big{margin-top:8px;font-family:var(--serif);font-weight:600;font-size:clamp(2.3rem,3.4vw,3.4rem);line-height:1.02;letter-spacing:-.01em;color:#fff}
.t-score .sc-dot{color:#ffffff55}
.t-score .sc-ws{color:var(--s-lime);white-space:nowrap}
.t-score .sc-ws small{font-size:.5em;letter-spacing:0;color:#9fb6ca;margin-left:2px}
.t-score .sc-gap{margin-top:8px;font-size:.95rem;color:#dce6ee}

/* the disrupt: heat grid, homes x factors, lime crown on the winner */
.t-score .sc-heat{margin-top:16px;overflow-x:auto;padding:34px 8px 8px}
.t-score .sc-hg{position:relative;display:grid;grid-template-columns:minmax(92px,.9fr) repeat(var(--n,3),minmax(70px,1fr));gap:6px 10px;min-width:calc(92px + var(--n,3) * 80px)}
.t-score .sc-row{display:contents}
.t-score .sc-hl{display:flex;align-items:center;font-size:.8rem;color:#c9d6e2;line-height:1.2;position:relative;z-index:1}
.t-score .sc-hh{position:relative;z-index:1;text-align:center;font-size:.8rem;font-weight:700;color:#dce6ee;padding:2px 2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-score .sc-hh.is-win{color:var(--s-lime)}
.t-score .sc-c{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:34px;border-radius:3px;font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.t-score .sc-c.is-g{background:var(--s-lime);color:var(--s-navy)}
.t-score .sc-c.is-a{background:var(--s-amber);color:var(--s-navy)}
.t-score .sc-c.is-r{background:var(--s-red);color:#fff}
.t-score .sc-c.is-ask{box-shadow:0 0 0 2px var(--s-navy),0 0 0 4px #fff}
.t-score .sc-c.is-ask:after{content:'?';position:absolute;top:-9px;right:-9px;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--s-navy);font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--s-navy)}
.t-score .sc-totrow>span{margin-top:4px;padding-top:8px;border-top:1px solid #ffffff26}
.t-score .sc-tot{position:relative;z-index:1;text-align:center;font-family:var(--serif);font-size:1.75rem;line-height:1;color:#fff;letter-spacing:-.01em}
.t-score .sc-tot.is-win{color:var(--s-lime)}
.t-score .sc-lane{position:absolute;top:-6px;bottom:-8px;left:-6px;right:-6px;grid-row:auto;border:2px solid var(--s-lime);border-radius:7px;background:#8fdc6814;pointer-events:none;z-index:0}
.t-score .sc-crown{position:absolute;left:50%;top:-25px;transform:translateX(-50%);display:block}
.t-score .sc-key{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:16px 0 0;padding:0;font-size:.76rem;color:#c9d6e2}
.t-score .sc-key li{display:inline-flex;align-items:center;gap:6px}
.t-score .sc-key li:before{content:'';width:11px;height:11px;border-radius:2px}
.t-score .sc-key .k-g:before{background:var(--s-lime)}
.t-score .sc-key .k-a:before{background:var(--s-amber)}
.t-score .sc-key .k-r:before{background:var(--s-red)}
.t-score .sc-key .k-q:before{content:'?';width:15px;height:15px;border-radius:50%;background:#fff;color:var(--s-navy);font-size:.62rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}

/* what to ask, one line per home */
.t-score .sc-asks{margin-top:18px;padding-top:16px;border-top:1px solid #ffffff1f}
.t-score .sc-askh{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--s-lime);font-weight:700}
.t-score .sc-asks ul{list-style:none;margin:8px 0 0;padding:0}
.t-score .sc-asks li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:8px 0;font-size:.92rem;line-height:1.4;color:#fff}
.t-score .sc-asks li+li{border-top:1px solid #ffffff14}
.t-score .sc-asks i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#fff;color:var(--s-navy);font-style:normal;font-size:.72rem;font-weight:800}
.t-score .sc-asks b{font-weight:700}
.t-score .sc-asks li.is-win b{color:var(--s-lime)}
.t-score .sc-asks em{font-style:normal;font-size:.76rem;color:#9fb6ca;margin-left:8px}
.t-score .sc-result .tk-act{margin-top:14px}

/* how it works + FAQ */
.t-score .sc-info{padding:44px 0 64px}
.t-score .sc-fold{max-width:830px;margin:0 auto 26px;background:var(--s-soft);border:1px solid var(--s-line);border-left:4px solid var(--s-navy);border-radius:4px;padding:16px 22px}
.t-score .sc-fold summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:1.02rem;font-weight:650;color:var(--s-navy)}
.t-score .sc-fold summary::-webkit-details-marker{display:none}
.t-score .sc-fold summary:after{content:'+';font-size:1.5rem;font-weight:300;line-height:1}
.t-score .sc-fold[open] summary:after{content:'−'}
.t-score .sc-fold p{margin-top:12px;color:var(--s-muted);font-size:.95rem;line-height:1.6}
.t-score .sc-fold p b{color:var(--s-navy)}
.t-score .sc-fold a,.t-score .faq details p a{border-bottom:1px solid currentColor;color:var(--accent)}

/* lead form: see tools-kit.css (.tk-cta) */
.t-score .sc-retry{background:none;border:0;padding:0;font:inherit;color:inherit}

@media(max-width:980px){
  .t-score .sc-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  /* answer first on small screens; a jump link under the sheet brings the buyer back up */
  .t-score .sc-result{position:static;order:-1}
  .t-score .sc-jump{display:flex;justify-content:center;margin-top:12px;padding:12px 14px;border-radius:40px;background:var(--s-navy);color:var(--s-lime);font-weight:650;font-size:.9rem;text-align:center}
}
@media(max-width:600px){
  .t-score .sc-hero{padding:20px 0 16px}
  .t-score .sc-hero .crumb{margin-bottom:12px}
  .t-score .sc-hero h1{font-size:2.15rem}
  .t-score .sc-sub{font-size:1rem;margin-top:8px}
  .t-score .sc-tool{padding:0 0 40px}
  .t-score .sc-result{padding:18px 14px 16px;margin:0 -4px}
  .t-score .sc-big{font-size:2.15rem}
  .t-score .sc-gap{font-size:.88rem}
  .t-score .sc-heat{margin:10px -6px 0;padding:33px 6px 8px}
  .t-score .sc-hg{grid-template-columns:minmax(74px,.8fr) repeat(var(--n,3),minmax(62px,1fr));gap:5px 7px;min-width:calc(74px + var(--n,3) * 69px)}
  .t-score .sc-hl{font-size:.72rem}
  .t-score .sc-hh{font-size:.72rem}
  .t-score .sc-c{height:32px;font-size:.76rem}
  .t-score .sc-tot{font-size:1.45rem}
  .t-score .sc-asks li{font-size:.86rem}
  .t-score .sc-card{padding:10px 10px 14px}
  .t-score .sc-sheet{grid-template-columns:minmax(66px,.75fr) repeat(var(--n,3),minmax(74px,1fr));column-gap:6px;min-width:calc(66px + var(--n,3) * 80px)}
  .t-score .sc-lab b{font-size:.8rem}
  .t-score .sc-lab small{font-size:.64rem}
  .t-score .sc-colh b{font-size:.66rem;letter-spacing:.05em}
  .t-score .sc-cell input[type=text],.t-score .sc-cell select{height:38px;padding:0 6px;font-size:.88rem}
  .t-score .sc-cell select{font-size:.74rem;padding:0 2px}
  .t-score .sc-ppsf{font-size:.64rem}
  .t-score .sc-chip span{height:26px;font-size:.62rem}
  .t-score .sc-wrow{grid-template-columns:96px 1fr 30px;gap:8px}
  .t-score .sc-fold{padding:14px 16px}
  .t-score~.mobile-action{display:flex;gap:8px}
  .t-score~.mobile-action .btn{width:auto;flex:1;gap:8px;padding:12px 6px;font-size:.8rem}
}