/* TO THE LINE | V23 — internal workspace finish. Non-operational CSS only. */
:root{--ttl-navy:#19385F;--ttl-electric:#3868ED;--ttl-sky:#78A5FF;--ttl-ice:#EDF3FC}
body.integrated .tr-body{background:linear-gradient(180deg,#f4f7fc 0%,#f8faff 100%);min-height:calc(100vh - 88px)}
.tr-body main{margin:35px auto 65px;max-width:1010px;padding:0 23px}
.tr-body main>h1{font-size:clamp(30px,3vw,39px);line-height:1.13;letter-spacing:-1.2px;margin:0 0 10px;color:#102b4b}
.tr-body main>.secondary,.tr-body main>.muted{font-size:15px;line-height:1.65;max-width:730px;margin:0 0 27px;color:#617997}
.tr-top{min-height:64px;display:flex;gap:16px;align-items:center;padding-inline:24px}
.tr-top strong{font-size:12px;letter-spacing:.08em;font-weight:750;text-transform:uppercase}
.tr-top a{font-weight:700;color:#315ed4;text-decoration:none;white-space:nowrap}
.tr-body .panel,.tr-body .card{border:1px solid #dce6f3;border-radius:16px;box-shadow:0 5px 22px #102f500a}
.tr-body #app .launch-head,.tr-body #app .exam-head{border-radius:16px;background:linear-gradient(120deg,#081f3a 0%,#143c68 100%);box-shadow:0 9px 25px #112d4a13}
.tr-body #app .tr-custom-form{border:1px solid #d7e3f2;border-radius:16px}
.tr-body #app .tr-custom-top h3{color:#132f51}
.tr-body #app .tr-question-count{background:#f3f7fe;border-color:#dae5f5}
.tr-body #app .tr-quick-inline,.tr-body #app .tr-flag-summary{border-radius:13px}
.tr-body .choice{background:#fff;border-color:#d4e0ee;line-height:1.55}
.tr-body .choice:focus-visible,.tr-body .btn:focus-visible,.tr-body a:focus-visible{outline:3px solid #78A5FF;outline-offset:3px}
.tr-body #app .btn,.tr-body #app .launch-cta{border-radius:10px}
body[data-study-mode="mock"] .tr-body #app .exam-head{background:linear-gradient(125deg,#09223f,#183b65)}
body[data-study-mode="mock"] .mock-options label{background:#fff;transition:border-color .15s,box-shadow .15s}
body[data-study-mode="mock"] .mock-options label:hover{border-color:#78A5FF;box-shadow:0 6px 20px #132f5012}
body.integrated .tr-body .cards{gap:16px}
body.integrated .tr-body .cards .card{background:#fff;border-color:#d9e5f4;box-shadow:0 5px 20px #13325008;margin:0}
body.integrated .tr-body .cards .card strong{color:#1e55ad;font-size:clamp(25px,2.6vw,34px);font-variant-numeric:tabular-nums}
body.integrated .tr-body .card h2{color:#143354;margin:0 0 19px;font-size:20px}
body.integrated .tr-body .card table{width:100%;border-collapse:collapse}
body.integrated .tr-body .card th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#6c819d;background:#f4f8fd}
body.integrated .tr-body .card th,body.integrated .tr-body .card td{padding:14px 15px;border-bottom:1px solid #e4ecf6;text-align:left}
body.integrated .tr-body .card tbody tr:last-child td{border-bottom:0}
body.integrated .tr-body .card tbody tr:hover{background:#f8fbff}
.content .hero{border-radius:17px;background:linear-gradient(120deg,#071f3b,#173b67);box-shadow:0 10px 28px #102e4b13}
.content .landing-benefits{gap:18px}
.content .landing-benefits .panel{border-radius:16px;border-color:#dce6f3;box-shadow:0 6px 25px #102f500b}
.content .landing-benefits h3{color:#19385F}
.content .stats{gap:14px}
.content .stats .stat{border-radius:13px;border:1px solid #dce6f3}
.content .sectionhead h2{color:#142f4f;letter-spacing:-.45px}
@media(max-width:760px){.tr-body main{padding:0 16px;margin:25px auto 48px}.tr-top{padding-inline:15px}.tr-top strong{font-size:10px;letter-spacing:.02em}.tr-body .card{overflow-x:auto}.tr-body .card table{min-width:410px}.content .landing-benefits{gap:12px}}
@media(max-width:520px){.tr-body main>h1{font-size:31px}.tr-body main>.secondary,.tr-body main>.muted{font-size:14px}.tr-top a{font-size:12px}.tr-body #app .mock-options{grid-template-columns:1fr}.tr-body .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-body .cards .card{padding:15px}.tr-body .cards .card strong{font-size:25px}}
