/* RoadReady V50 public learning tools. Does not override the existing app's state quiz styles. */
:root{--rr50-navy:#07182d;--rr50-dark:#123b57;--rr50-teal:#087e71;--rr50-text:#172d42;--rr50-muted:#456079;--rr50-ring:#0e81c8;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body:has(.rr50-main){margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--rr50-text);background:linear-gradient(170deg,#edf7ff 0,#f8fbff 55%,#eaf8f5 100%)}.rr50-skip{position:absolute;left:-10000px;top:8px;z-index:100;background:#fff;color:#123d5a;padding:12px}.rr50-skip:focus{left:12px}.rr50-header{background:var(--rr50-navy);color:white;padding:18px max(20px,calc((100vw - 1130px)/2));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px}.rr50-header a{color:#e7f6ff;text-decoration:none}.rr50-brand{font-size:1.25rem;letter-spacing:-.02em}.rr50-brand span{color:#6bedd9}.rr50-header nav{display:flex;flex-wrap:wrap;gap:18px}.rr50-main{max-width:1130px;margin:0 auto;padding:36px 20px 75px;min-height:68vh}.rr50-hero{background:linear-gradient(115deg,#0c3157,#0a665b);color:white;border-radius:26px;padding:clamp(26px,4vw,56px);box-shadow:0 20px 45px #11344d18;margin-bottom:26px}.rr50-hero h1{margin:10px 0 15px;font-size:clamp(2rem,4vw,3.55rem);letter-spacing:-.04em;line-height:1.1}.rr50-hero p{max-width:74ch;color:#e4f5fa;line-height:1.7}.rr50-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:800;color:#93f3df}.rr50-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:17px}.rr50-card{background:#fff;border:1px solid #d3e5ef;border-radius:20px;padding:23px;box-shadow:0 8px 20px #1238590b;min-width:0}.rr50-card h2,.rr50-card h3{margin:3px 0 11px;color:#103c62}.rr50-card p{line-height:1.65;color:var(--rr50-muted)}.rr50-card a{color:#075c9f}.rr50-stat{font-size:2rem;font-weight:850;color:#116a65}.rr50-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.rr50-btn{display:inline-block;border-radius:12px;border:2px solid #0c617e;background:#0c617e;color:#fff!important;text-decoration:none;padding:12px 18px;font-weight:750;cursor:pointer;font:inherit}.rr50-btn.secondary{background:#fff;color:#0c617e!important}.rr50-btn[disabled]{opacity:.6;cursor:not-allowed}.rr50-btn:hover{background:#07425a;color:white!important}.rr50-label{display:block;font-weight:700;margin:12px 0 6px}.rr50-input,.rr50-select{padding:13px 15px;border:1px solid #acc6d6;border-radius:12px;font:inherit;width:100%;background:white;color:#152c45}.rr50-state{display:flex;flex-direction:column;gap:6px}.rr50-state small{color:#526e83}.rr50-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;border-radius:20px;padding:5px 10px;color:#075a4c;background:#dbf8ec;align-self:flex-start}.rr50-badge.pending{background:#edf1f6;color:#3f5a71}.rr50-dim{background:#f8fbff}.rr50-panel{margin:22px 0;background:#fff;border:1px solid #cbdfe9;border-radius:20px;padding:clamp(19px,3vw,30px)}.rr50-panel h2{margin-top:0}.rr50-panel p{line-height:1.7}.rr50-panel a{color:#056397}.rr50-links{display:flex;gap:12px;flex-wrap:wrap}.rr50-meter{height:13px;background:#dcebf4;border-radius:20px;overflow:hidden;margin:9px 0}.rr50-meter>div{background:#128873;height:100%;width:0;transition:width .2s}.rr50-table{width:100%;border-collapse:collapse}.rr50-table th,.rr50-table td{text-align:left;border-bottom:1px solid #dce8ee;padding:12px 9px;vertical-align:top}.rr50-table td:last-child{text-align:right}.rr50-status{color:#235671;font-size:.96rem;line-height:1.5}.rr50-choices{display:grid;gap:10px;margin:18px 0}.rr50-choice{font:inherit;text-align:left;padding:15px;border-radius:12px;border:2px solid #c4d9e7;background:#f7fbfd;color:#183750;cursor:pointer}.rr50-choice.correct{border-color:#087b4f;background:#d9f5e9}.rr50-choice.wrong{border-color:#b64343;background:#fbe6e6}.rr50-choice:disabled{cursor:default}.rr50-feedback{min-height:54px;line-height:1.65;font-weight:600}.rr50-footer{padding:27px 20px;text-align:center;background:#07182d;color:#bcd2df;font-size:.87rem;line-height:1.6}.rr50-footer a{color:#daffff}.rr50-strip{max-width:1120px;margin:24px auto;padding:17px 24px;border-radius:16px;background:#e8f7f3;color:#164a50;font:600 15px/1.7 system-ui,sans-serif}.rr50-strip a{color:#045b88;margin:0 9px;display:inline-block}.rr50-focus a:focus-visible,.rr50-btn:focus-visible,.rr50-input:focus-visible,.rr50-choice:focus-visible,.rr50-select:focus-visible,.rr50-header a:focus-visible{outline:3px solid #e68a0e;outline-offset:3px}.rr50-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:630px){.rr50-header{padding:15px}.rr50-header nav{gap:10px;font-size:.91rem}.rr50-main{padding:19px 13px 55px}.rr50-panel{padding:17px}.rr50-table th,.rr50-table td{padding:10px 5px;font-size:.88rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* Reserve important visual areas on V30 hero, reduce avoidable jank while preserving existing layout. */
.v15-hero .v15-scenes{contain:layout paint}.v15-hero .v15-visual{min-height:420px}.v15-hero .v15-scene{will-change:auto}#premium{overflow-wrap:anywhere}@media(max-width:760px){.v15-hero .v15-visual{min-height:325px}}