/* TRW Uber Ride Trainer v1.1.0 — every rule is scoped to .trwrt so nothing else on the site changes. */
.trwrt{max-width:720px;margin:24px auto;padding:0 12px 30px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#182235}
.trwrt *{box-sizing:border-box}
.trwrt [hidden]{display:none!important}
.trwrt .trwrt-intro b{font-size:12px;letter-spacing:.16em}
.trwrt .trwrt-intro h2{font-size:clamp(38px,7vw,58px);line-height:1;margin:8px 0 12px;letter-spacing:-.04em;color:#182235}
.trwrt .trwrt-intro p,.trwrt .trwrt-muted{color:#667184;line-height:1.5}
.trwrt .trwrt-trust{background:#f3f6f9;border:1px solid #dce2e8;border-radius:14px;padding:16px 18px;margin:18px 0 14px}
.trwrt .trwrt-trust strong{display:block;margin-bottom:9px}
.trwrt .trwrt-trust div{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-weight:700;font-size:14px}
.trwrt .trwrt-trust small{display:block;color:#667184;margin-top:10px}
/* My rules */
.trwrt .trwrt-rules{background:#fff;border:1px solid #dce2e8;border-radius:14px;padding:12px 16px;margin:0 0 14px}
.trwrt .trwrt-rules summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:800;list-style:none}
.trwrt .trwrt-rules summary::-webkit-details-marker{display:none}
.trwrt .trwrt-rules-sum{color:#667184;font-weight:600;font-size:13px;text-align:right}
.trwrt .trwrt-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.trwrt .trwrt-rules label,.trwrt .trwrt-calc label{display:block;font-weight:750;font-size:14px;margin:10px 0}
.trwrt .trwrt-rules label small{display:block;color:#687385;font-weight:400;font-size:12px}
.trwrt input[type=number]{display:block;width:100%;margin-top:7px;border:1px solid #cbd3dc;border-radius:10px;padding:11px 12px;font-size:19px;font-weight:650;background:#fff;color:#182235;height:auto;line-height:1.3}
.trwrt .trwrt-check{display:flex!important;align-items:center;gap:8px;font-weight:650!important}
.trwrt .trwrt-check input{width:18px;height:18px;margin:0}
/* Tabs */
.trwrt .trwrt-tabs{display:flex;background:#eef2f5;padding:6px;border-radius:14px;gap:6px;margin-bottom:14px}
.trwrt .trwrt-tabs button{flex:1;border:0;border-radius:9px;padding:11px;background:transparent;font-weight:800;color:#182235;font-size:15px}
.trwrt .trwrt-tabs .on{background:#182235;color:#fff}
.trwrt button{cursor:pointer;font-family:inherit}
.trwrt button:focus-visible,.trwrt input:focus-visible,.trwrt summary:focus-visible,.trwrt a:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
/* Card */
.trwrt .trwrt-card{background:#fff;border:1px solid #dce2e8;border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(20,30,50,.08)}
.trwrt .trwrt-top{display:flex;justify-content:space-between;border-bottom:1px solid #e2e7ec;padding-bottom:14px;color:#6a7586;font-size:11px;font-weight:800;letter-spacing:.09em}
.trwrt .trwrt-scorebar{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;font-weight:750;color:#3b4658}
.trwrt .trwrt-timer{height:6px;background:#e9edf1;border-radius:3px;margin-top:10px;overflow:hidden}
.trwrt .trwrt-timer i{display:block;height:100%;width:100%;background:#182235;transform-origin:left}
.trwrt .trwrt-timer.is-low i{background:#b52b36}
.trwrt .trwrt-fare{font-size:68px;font-weight:900;letter-spacing:-.06em;line-height:1;margin-top:18px}
.trwrt .trwrt-tag{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px;background:#eef2ff;color:#3730a3}
.trwrt .trwrt-tag:empty{display:none}
.trwrt .trwrt-route{color:#667184;font-weight:650;margin:8px 0 18px}
.trwrt .trwrt-stats,.trwrt .trwrt-math{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.trwrt .trwrt-stats div,.trwrt .trwrt-math span{border:1px solid #dce2e8;border-radius:12px;padding:15px;background:#fafbfc;color:#687385;font-size:13px}
.trwrt .trwrt-stats strong{display:block;color:#182235;font-size:clamp(17px,4.6vw,21px);margin-top:3px;white-space:nowrap}
.trwrt .trwrt-choices{margin-top:22px}
.trwrt .trwrt-choices>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.trwrt .trwrt-choices button,.trwrt .trwrt-btn{border:0;border-radius:10px;padding:12px;font-weight:850;background:#182235;color:#fff;font-size:15px}
.trwrt .trwrt-choices .maybe{background:#fff;color:#182235;border:1px solid #aeb7c3}
.trwrt .trwrt-choices .pass{background:#b52b36}
.trwrt .trwrt-ghost{background:#fff;color:#182235;border:1px solid #aeb7c3;padding:9px 12px;font-size:13px}
.trwrt .trwrt-answer{border-top:1px solid #e2e7ec;margin-top:22px;padding-top:18px}
.trwrt .trwrt-answer h3,.trwrt .trwrt-summary h3{font-size:36px;margin:0;color:#182235}
.trwrt h3.take{color:#15803d!important}.trwrt h3.maybe{color:#a16207!important}.trwrt h3.pass{color:#b4232e!important}
.trwrt .trwrt-answer p{font-weight:650}
.trwrt .trwrt-math{margin:14px 0}
.trwrt .trwrt-math b{display:block;color:#182235;font-size:19px}
.trwrt .trwrt-math .net b{color:#15803d}
.trwrt .trwrt-math .neg b{color:#b4232e}
.trwrt .trwrt-needed{background:#f3f6f9;border-radius:10px;padding:12px 14px;font-weight:650}
.trwrt .trwrt-summary{text-align:center;padding:18px 0 4px}
.trwrt .trwrt-big{font-size:64px;font-weight:900;letter-spacing:-.04em;margin:8px 0}
.trwrt .trwrt-verdict{color:#3b4658;font-weight:650}
/* Analyzer */
.trwrt .trwrt-two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.trwrt .trwrt-check-btn,.trwrt .trwrt-next,.trwrt .trwrt-again{width:100%}
.trwrt .trwrt-error{color:#b4232e;font-weight:700;margin:6px 0 10px}
/* Footer */
.trwrt .trwrt-more{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;margin:18px 0 0;font-size:14px}
.trwrt .trwrt-more b{width:100%;text-align:center;color:#3b4658}
.trwrt .trwrt-more a{font-weight:750;color:#1d4ed8;text-decoration:none}
.trwrt .trwrt-disclaimer{text-align:center;color:#707a8a;font-size:12px;line-height:1.5;padding:15px 5px 0}
@media(max-width:560px){
 .trwrt .trwrt-rule-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
 .trwrt .trwrt-card{padding:17px}
 .trwrt .trwrt-fare{font-size:56px}
 .trwrt .trwrt-choices>div,.trwrt .trwrt-trust div{grid-template-columns:1fr}
 .trwrt .trwrt-intro h2{font-size:39px}
}
@media(prefers-reduced-motion:reduce){.trwrt .trwrt-timer i{transition:none!important}}
