/* Star Wars Galactic Racer race walkthroughs, 2026-10-17 */
.gr-routes{background:#050609;color:#e5edf4;background-image:radial-gradient(ellipse at 95% 0,#51202445,transparent 38%)}
.gr-routes *{box-sizing:border-box}
.grr-crumb,.grr-section,.grr-facts,.grr-detail-hero,.grr-index-hero,.grr-overview-stats,.grr-page-jump,.grr-next{max-width:1240px;margin-left:auto;margin-right:auto}
.grr-crumb{padding:20px 22px;color:#a2aebc;font-size:.79rem}.grr-crumb a{color:#d8e4ef}
.grr-kicker,.grr-mini{font-size:.69rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#f8a08d}
.grr-index-hero{margin-top:10px;padding:85px 28px 70px;min-height:375px;border:1px solid #653c40;background:radial-gradient(circle at 75% 25%,#ad343759,transparent 42%),radial-gradient(circle at 30% 110%,#405c6242,transparent 45%),linear-gradient(140deg,#21131c,#070e15)}
.grr-index-hero h1,.grr-detail-title h1{font:900 clamp(3.2rem,7.6vw,7rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em;color:#fff;margin:12px 0 22px}
.grr-index-hero h1 span{color:#f49b82}.grr-index-hero>p:not(.grr-kicker){max-width:790px;font-size:1.11rem;line-height:1.7;color:#d5e2eb}
.grr-index-actions,.grr-hero-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.grr-index-actions a,.grr-hero-buttons a,.grr-action-primary,.grr-action-secondary{font-size:.79rem;font-weight:900;text-decoration:none;padding:13px 15px;border:1px solid #c0655f;display:inline-flex;align-items:center;gap:5px}
.grr-index-actions a:first-child,.grr-action-primary{background:#a42d36;color:#fff}
.grr-index-actions a:not(:first-child),.grr-action-secondary{background:#131f29;color:#e9eef4;border-color:#506577}
.grr-overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px;padding:0}
.grr-overview-stats>div{background:#111c26;border:1px solid #374451;padding:19px 23px;display:grid;gap:4px}
.grr-overview-stats strong{color:#f5ad9f;font:900 2rem/1 "Arial Narrow",Impact,sans-serif}
.grr-overview-stats span{color:#aebfcd;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.grr-section{padding:44px 20px;border-top:1px solid #38434c;scroll-margin-top:90px}
.grr-section h2{font:900 clamp(2rem,4.2vw,3.5rem)/1.02 "Arial Narrow",Impact,sans-serif;color:#f7f8fb;text-transform:uppercase;margin:8px 0 17px;max-width:920px}
.grr-section h3{font:900 1.5rem/1.1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;color:#f5f8fa;margin:10px 0}
.grr-section>p,.grr-section>div>p,.grr-split>div>p{font-size:.97rem;line-height:1.76;color:#c0ced9;max-width:960px}
.grr-race-marker{font-size:.7rem}
.grr-searchbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 10px;padding:15px;border:1px solid #473b46;background:#131a23}
.grr-searchbar label{font-size:.8rem;font-weight:850;color:#d7e5ef}
.grr-searchbar input,.grr-searchbar select{background:#0a121b;color:#e9f2f7;border:1px solid #6b7582;padding:11px 12px;font:inherit;font-size:.85rem}
.grr-searchbar input{flex:1 1 270px}.grr-searchbar select{flex:0 1 180px}.grr-searchbar button{padding:11px 15px;background:#392329;color:#fff;border:1px solid #8b5152;cursor:pointer}
.grr-count{font-size:.75rem!important;font-weight:900;letter-spacing:.06em;color:#f4ada0!important}
.grr-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.grr-track-card{background:#0c151f;border:1px solid #405364;color:#e3ecf4;text-decoration:none;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}
.grr-track-card[hidden]{display:none}.grr-track-card:hover{transform:translateY(-4px);border-color:#d87a70;box-shadow:0 16px 26px #0009}
.grr-track-card>img{width:100%;height:190px;object-fit:cover;display:block;background:#151b26}
.grr-track-details{display:flex;flex-direction:column;gap:10px;padding:18px 19px 21px;flex:1}
.grr-track-details small{color:#f1aa99;font-weight:900;font-size:.69rem;letter-spacing:.05em;text-transform:uppercase}
.grr-track-details strong{font:900 1.7rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;color:#fff}
.grr-track-details>span{font-size:.88rem;line-height:1.5;color:#b6c7d3}
.grr-track-details em{font-size:.76rem;color:#a7c2d4;font-style:normal}
.grr-track-details b{margin-top:auto;border-top:1px solid #345;padding-top:12px;font-size:.74rem;color:#ffa38e;letter-spacing:.07em}
.grr-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}
.grr-learning-grid article{background:#131c27;border:1px solid #414a58;padding:21px}
.grr-learning-grid span{font-size:.68rem;letter-spacing:.1em;font-weight:900;color:#ffad96}
.grr-learning-grid p{line-height:1.65;color:#b8cbd8;font-size:.85rem}
.grr-warning{border:1px solid #70504c;background:#1b1721;margin-bottom:60px}.grr-warning a{color:#e7ecf5}
.grr-detail-hero{position:relative;overflow:hidden;min-height:525px;margin-top:5px;border:1px solid #663d43;background:#0d111b}
.grr-detail-hero-img{position:absolute;inset:0}.grr-detail-hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050609f7 1%,#050609d3 45%,#05060938),linear-gradient(0deg,#050609c2,transparent 65%)}
.grr-detail-hero-img img{height:100%;width:100%;object-fit:cover;filter:saturate(1.08)}
.grr-detail-title{position:relative;padding:70px 36px;max-width:850px}
.grr-detail-title h1{font-size:clamp(2.8rem,7vw,6.6rem)}
.grr-detail-title>p:not(.grr-kicker){max-width:720px;color:#e0e6eb;font-size:1rem;line-height:1.7;text-shadow:0 1px 12px #000}
.grr-hero-buttons .grr-action-secondary{color:#eaf2f7}
.grr-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 0 4px}
.grr-facts>div{background:#111c27;border:1px solid #3b4a59;border-top:3px solid #ae4045;padding:17px}
.grr-facts span{font-size:.67rem;color:#9db2c2;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.grr-facts strong{display:block;margin-top:10px;color:#fff;font-size:1.08rem;line-height:1.3}
.grr-page-jump{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 30px}
.grr-page-jump a{color:#d8e8f6;text-decoration:none;font-size:.75rem;padding:9px 13px;border:1px solid #354c5a;background:#121d2a}
.grr-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.85fr);gap:25px}
.grr-alert{padding:18px 20px;background:#281b24;border-left:4px solid #ed856e;margin-top:24px}
.grr-alert strong{font-size:.8rem;letter-spacing:.08em;color:#ffb9a8}
.grr-alert p{color:#d7dfe7;line-height:1.7}
.grr-info{padding:22px;border:1px solid #4d5060;background:linear-gradient(160deg,#1a1b29,#0b1721);align-self:start}
.grr-info p{color:#b9ccda;line-height:1.68;font-size:.85rem}.grr-info a{color:#dcecf7}
.grr-tiny{font-size:.76rem!important;color:#9eafbe!important}
.grr-steps{display:grid;grid-template-columns:minmax(210px,.67fr) minmax(0,1.33fr);gap:13px;margin:23px 0}
.grr-step-chooser{display:grid;gap:8px}
.grr-step-chooser button{background:#101924;color:#dce5ed;border:1px solid #43505d;padding:17px;display:flex;gap:15px;align-items:center;cursor:pointer;text-align:left}
.grr-step-chooser button span{color:#f5a697;font-size:.74rem;font-weight:900}
.grr-step-chooser button strong{font-size:.85rem;line-height:1.3;text-transform:uppercase}
.grr-step-chooser button.is-current{background:#682632;border-color:#f0917b;color:#fff}
.grr-stage-output{padding:27px;background:linear-gradient(155deg,#182632,#101923);border:1px solid #4a5364;display:flex;flex-direction:column;min-height:332px}
.grr-step-body>p{color:#cedbe6;line-height:1.75;font-size:.94rem}
.grr-instruction{padding:15px 17px;margin-top:16px;border-left:3px solid #8bc4d0;background:#122533}
.grr-instruction strong{color:#b3e5ec;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}
.grr-instruction p{color:#d2e2eb;line-height:1.65;font-size:.87rem}
.grr-step-arrows{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:16px}
.grr-step-arrows button{padding:10px 13px;background:#3a2a34;color:#f8eff1;border:1px solid #8d5b64;font-weight:800;cursor:pointer}
.grr-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px}
.grr-frame{margin:0;background:#111b27;border:1px solid #435566}
.grr-image-button{width:100%;aspect-ratio:16/9;display:block;background:#111923;border:0;cursor:zoom-in;padding:0;overflow:hidden}
.grr-image-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.grr-image-button:hover img{transform:scale(1.035)}
.grr-frame figcaption{display:grid;gap:7px;padding:12px 14px}
.grr-frame figcaption>span{font-size:.86rem;font-weight:900;color:#e9f1f7}
.grr-frame small{font-size:.74rem;color:#a8bccc;line-height:1.55}
.grr-frame a,.grr-section ul a{color:#d7eafa}
.grr-shortcuts{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.grr-shortcuts li{color:#c4d5e0;line-height:1.68;font-size:.89rem;padding-bottom:10px}
.grr-honesty{color:#f5bba8!important;border-left:3px solid #e18f7c;padding:11px 17px;background:#271b21;font-size:.82rem!important}
.grr-route-glyph{background:#101b25;border:1px solid #455463;padding:25px;align-self:center}
.grr-route-glyph svg{display:block;width:100%;height:auto}
.grr-route-glyph p{font-size:.74rem;color:#b0c1ce;line-height:1.5}
.grr-next{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:70px;padding:0 20px}
.grr-next a{text-decoration:none;border:1px solid #4f4652;background:#1b1720;color:#f6eff1;padding:23px;display:grid;gap:9px}
.grr-next a:last-child{text-align:right}
.grr-next small{color:#c79c9a;font-size:.64rem;font-weight:900;letter-spacing:.1em}
.grr-next strong{font:900 1.34rem/1.1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.grr-lightbox{background:#0a121d;color:#e7f0f6;border:1px solid #89a7b8;max-width:94vw;max-height:95vh;padding:14px;box-shadow:0 25px 80px #000b}
.grr-lightbox::backdrop{background:#000d}
.grr-lightbox button{float:right;background:#ebeff4;color:#111924;border:0;font-weight:900;padding:10px 14px;cursor:pointer}
.grr-lightbox img{display:block;max-width:100%;max-height:77vh;object-fit:contain;margin-top:40px}
.grr-lightbox p{color:#e4ebf1;font-size:.85rem}
.gr-routes a:focus-visible,.gr-routes button:focus-visible,.gr-routes input:focus-visible,.gr-routes select:focus-visible{outline:3px solid #ffb39a;outline-offset:3px}
@media(max-width:940px){.grr-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grr-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.grr-split,.grr-shortcuts{grid-template-columns:1fr}}
@media(max-width:650px){.grr-index-hero{padding:45px 19px;min-height:300px}.grr-detail-hero{min-height:480px}.grr-detail-title{padding:45px 19px}.grr-detail-hero-img:after{background:linear-gradient(90deg,#050609f0,#05060973),linear-gradient(0deg,#050609aa,transparent)}.grr-facts{grid-template-columns:1fr 1fr;padding:9px 13px}.grr-overview-stats{padding:0 13px}.grr-overview-stats>div{padding:13px}.grr-track-grid,.grr-learning-grid,.grr-gallery,.grr-steps{grid-template-columns:1fr}.grr-section{padding:32px 15px}.grr-next{padding:0 14px}.grr-hero-buttons a{width:100%;justify-content:center}.grr-step-chooser{grid-template-columns:1fr 1fr}.grr-step-chooser button{padding:12px;gap:7px;font-size:.75rem}.grr-stage-output{min-height:0}}
@media(max-width:430px){.grr-overview-stats{grid-template-columns:1fr}.grr-next strong{font-size:1.1rem}.grr-page-jump{gap:6px}.grr-page-jump a{font-size:.7rem}.grr-searchbar input,.grr-searchbar select{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.grr-track-card,.grr-image-button img{transition:none}}

/* Ensure searchable cards and inactive steps are truly hidden. */
.gr-routes [hidden]{display:none!important}