/* RentRight Kit free tools (v2.8, 22 Oct 2026). Builds on /styles.css tokens. */
.toolpage{max-width:900px;margin:0 auto;padding:48px 22px 90px}
.toolpage .eyebrow{margin:0 0 10px}
.toolpage h1{font-size:clamp(2.2rem,5vw,3.3rem);margin:0 0 16px;text-wrap:balance}
.toolpage .lede{margin-bottom:30px}
.crumbs{font-size:.92rem;color:var(--ink-mute);margin-bottom:18px}
.crumbs a{color:var(--ink-mute)}

.tool-grid{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}
.tool-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;gap:10px;padding:26px 24px;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.tool-tile:hover{border-color:var(--sage);box-shadow:0 26px 50px -36px rgba(20,37,26,.45);transform:translateY(-2px)}
.tool-tile .kicker{color:var(--sage-dark);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tool-tile h2{font-size:1.6rem;line-height:1.15;text-wrap:balance}
.tool-tile p{color:var(--ink-mute);font-size:1rem;flex:1}
.tool-tile .go{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.tool-tile.feature{grid-column:1/-1;background:var(--ink);border-color:var(--ink);color:var(--paper)}
.tool-tile.feature .kicker{color:var(--lime)}
.tool-tile.feature p{color:rgba(255,254,250,.78)}
.tool-tile.feature .go{color:var(--lime)}

.tool-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,4vw,34px)}
.tool-card+.tool-card{margin-top:22px}
.tool-card h2{font-size:clamp(1.5rem,3vw,1.9rem);margin:0 0 6px}
.tool-card .hint{color:var(--ink-mute);font-size:.98rem;margin-bottom:18px}
.form-grid{display:grid;gap:16px 18px;grid-template-columns:repeat(2,1fr)}
.form-grid .full{grid-column:1/-1}
.tfield{display:grid;gap:6px}
.tfield>span{color:var(--ink-soft);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tfield small{color:var(--ink-mute);font-size:.88rem}
.tfield input,.tfield select{background:var(--cream);border:2px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:1.05rem;min-height:54px;padding:0 14px;width:100%}
.tfield input:focus,.tfield select:focus{border-color:var(--ink);outline:none}
.checks{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}
.check{align-items:flex-start;background:var(--cream);border:2px solid var(--line);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:12px 14px}
.check input{accent-color:var(--ink);flex:none;height:20px;margin:3px 0 0;width:20px}
.check b{display:block;font-size:1rem}
.check span{color:var(--ink-mute);font-size:.9rem;line-height:1.4}
.check:has(input:checked){border-color:var(--ink);background:var(--sage-light)}
.actions-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

.result{background:var(--cream);border:1px solid var(--line);border-radius:14px;margin-top:22px;padding:22px 24px}
.result[hidden]{display:none}
.result .big{font-family:var(--serif);font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:-.02em;line-height:1.15;margin:4px 0 6px}
.result .label{color:var(--sage-dark);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.result .row+.row{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.result ul{margin:10px 0 0;padding-left:1.2em;color:var(--ink-soft)}
.result li+li{margin-top:6px}
.result .warn{background:#fff3d6;border:1px solid #e8cf8f;border-radius:10px;color:#5a4410;font-size:.95rem;margin-top:14px;padding:10px 14px}
.result .btn{white-space:normal;text-align:center;max-width:100%}
.err-msg{color:#8a3b2e;font-weight:600;margin-top:12px;min-height:1.2em}

.info{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);margin-top:22px;padding:clamp(20px,3vw,30px)}
.info h2{font-size:1.5rem;margin:0 0 10px}
.info h3{font-family:var(--sans);font-size:1.02rem;font-weight:700;letter-spacing:0;margin:20px 0 6px}
.info p,.info li{color:var(--ink-soft);line-height:1.65}
.info ul{margin:8px 0 0;padding-left:1.2em}
.info li+li{margin-top:6px}
.info a{color:var(--sage-dark)}
.tbl{border-collapse:collapse;font-size:.98rem;margin-top:10px;width:100%}
.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.tbl th{color:var(--ink-soft);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.tbl-wrap{overflow-x:auto}

.cta-band{align-items:center;background:var(--sage-light);border-radius:var(--r);display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;margin-top:26px;padding:22px 26px}
.cta-band p{color:var(--ink-soft);max-width:52ch}
.cta-band .btns{display:flex;flex-wrap:wrap;gap:10px}
.source{color:var(--ink-mute);font-size:.88rem;line-height:1.55;margin-top:22px}
.source a{color:var(--ink-mute)}

/* compliance checker */
.q{border-top:1px solid var(--line);padding:18px 0}
.q:first-of-type{border-top:0;padding-top:4px}
.q .qt{font-weight:600;line-height:1.45}
.q .qh{color:var(--ink-mute);font-size:.92rem;margin-top:4px}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.opt-pill{align-items:center;background:var(--cream);border:2px solid var(--line);border-radius:999px;cursor:pointer;display:inline-flex;font-size:.98rem;font-weight:600;gap:8px;min-height:44px;padding:0 16px}
.opt-pill input{accent-color:var(--ink);margin:0}
.opt-pill:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--paper)}
.q[hidden]{display:none}
.group-h{font-family:var(--serif);font-size:1.45rem;margin:26px 0 4px}
.group-h:first-child{margin-top:0}
.tl{border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:5px 10px;text-transform:uppercase;white-space:nowrap}
.tl.green{background:var(--sage-light);color:var(--sage-dark)}
.tl.amber{background:#fff3d6;color:#5a4410}
.tl.red{background:#f6dcd6;color:#8a3b2e}
.res-item{align-items:flex-start;border-top:1px solid var(--line);display:grid;gap:6px 14px;grid-template-columns:auto 1fr;padding:14px 0}
.res-item:first-child{border-top:0}
.res-item b{display:block}
.res-item p{color:var(--ink-soft);font-size:.98rem}
.res-item .doc{color:var(--sage-dark);font-size:.9rem;margin-top:4px}
.score{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 16px}

@media (max-width:700px){
  .tool-grid,.form-grid,.checks{grid-template-columns:1fr}
  .toolpage{padding-top:34px}
}
@media print{
  .header,.footer,.actions-row,.cta-band,.no-print{display:none!important}
  body{background:#fff}
  .tool-card,.result,.info{border:0;padding:0}
}