.tz{max-width:760px;margin:0 auto}
.tz-bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin:0 0 34px}
.tz-bar i{display:block;height:100%;background:var(--clay);border-radius:99px;
  transition:width .32s cubic-bezier(.4,0,.2,1);width:0}
.tz-q{display:none}.tz-q.on{display:block;animation:tzin .3s ease both}
@keyframes tzin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tz-n{font:700 12px/1 var(--body);letter-spacing:.432px;text-transform:uppercase;
  color:var(--clay);margin:0 0 12px}
.tz-q h2{font-size:clamp(1.32rem,3.1vw,1.72rem);line-height:1.3;margin:0 0 26px}
.tz-opts{display:grid;gap:10px}
.tz-opts button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;
  background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:15px 18px;
  font:500 1rem/1.35 var(--body);color:var(--ink);cursor:pointer;transition:.16s}
.tz-opts button:hover{border-color:var(--clay);background:#fff;transform:translateX(3px)}
.tz-opts button span{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);
  flex:none;display:grid;place-items:center;font:700 12px/1 var(--body);color:var(--muted)}
.tz-opts button:hover span{border-color:var(--clay);color:var(--clay)}
.tz-back{margin-top:22px;background:none;border:0;color:var(--muted);cursor:pointer;
  font:500 .92rem/1 var(--body);padding:6px 0}
.tz-back:hover{color:var(--ink);text-decoration:underline}
.tz-res{display:none}.tz-res.on{display:block;animation:tzin .4s ease both}
.tz-score{text-align:center;padding:0 0 8px}
.tz-score b{display:block;font-family:var(--display);font-size:clamp(2.6rem,9vw,3.8rem);
  line-height:1;color:var(--ink);font-weight:500}
.tz-score b i{font-style:normal;font-size:.4em;color:var(--muted);margin-left:2px}
.tz-dims{display:grid;gap:16px;margin:30px 0 8px}
.tz-dim{display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center}
.tz-dim b{font:600 .98rem/1.3 var(--body)}
.tz-dim em{font-style:normal;font-family:var(--display);font-weight:600;font-size:1rem}
.tz-dim p{grid-column:1/-1;margin:0;font-size:.88rem;color:var(--muted);line-height:1.45}
.tz-dim .t{grid-column:1/-1;height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.tz-dim .t i{display:block;height:100%;border-radius:99px;background:var(--clay)}
.tz-dim.lo .t i{background:#C4653F}.tz-dim.hi .t i{background:var(--moss,#557159)}
@media(max-width:560px){.tz-opts button{padding:14px 15px;font-size:.96rem}}