/* A centred trainer toolkit: coloured object icons and a quiet selected tab. */
.rail{display:grid;grid-template-rows:minmax(76px,1fr) auto minmax(76px,1fr);justify-items:center;align-items:stretch;background:linear-gradient(175deg,#1d3448,#132733 50%,#111e2a)}
.rail .rail-brand{align-self:start;margin:20px 0 0;text-shadow:none}
.rail .rail-bottom{align-self:end;margin:0;padding:19px 0;gap:10px}
.rail #primary-nav{align-self:center;padding:0 10px;gap:9px}
.rail #primary-nav a{--glyph-red:#ef6857;--glyph-paper:#fff4df;--glyph-blue:#9ccee0;--glyph-ink:#173040;position:relative;isolation:isolate;min-height:78px;gap:7px;padding:10px 2px;border:1px solid transparent;border-radius:15px;background:transparent;box-shadow:none;color:#c6d5df;font-size:11.5px;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.rail #primary-nav a:before{content:"";position:absolute;left:-6px;top:50%;width:3px;height:18px;border-radius:5px;background:#ff7563;box-shadow:0 0 12px #ff766360;transform:translateY(-50%) scaleY(.3);opacity:0;transition:opacity .2s,transform .2s}
.nav-glyph{width:32px;height:32px;display:block;flex-shrink:0;fill:none;stroke:var(--glyph-ink);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #0002);transition:transform .22s}
.nav-glyph .glyph-paper{fill:var(--glyph-paper)}.nav-glyph .glyph-red{fill:var(--glyph-red)}.nav-glyph .glyph-blue{fill:var(--glyph-blue)}.nav-glyph .glyph-shine{fill:none;stroke:#fff4dc;stroke-width:1.4}.nav-glyph .glyph-detail{stroke-width:1.1}
.rail #primary-nav a:hover{transform:none;background:#d5eafa0c;border-color:#badcf01d;box-shadow:none;color:#fff7e8}
.rail #primary-nav a:hover .nav-glyph{transform:translateY(-2px) rotate(-4deg)}
.rail #primary-nav a:focus-visible{outline:2px solid #a9dbf4;outline-offset:2px;background:#d5eafa10;transform:none;box-shadow:none}
.rail #primary-nav a.active{--glyph-red:#e34e3d;--glyph-blue:#9cccdc;background:linear-gradient(150deg,#fffaf0,#ebe8dd);color:#1c3444;border-color:#fff6e3;box-shadow:0 4px 12px #07162430,inset 0 1px 0 #fff;transform:none;font-weight:700}
.rail #primary-nav a.active:before{opacity:1;transform:translateY(-50%) scaleY(1)}
.rail #primary-nav a.active .nav-glyph{filter:drop-shadow(0 1px 0 #fff9)}
@media(min-width:621px) and (max-height:650px){.rail #primary-nav{gap:5px}.rail #primary-nav a{min-height:65px;padding:7px 2px;gap:5px}.rail .rail-bottom{padding:10px 0}.rail .rail-bottom>span{display:none}.nav-glyph{width:28px;height:28px}}
@media(min-width:621px) and (max-height:480px){.rail{grid-template-rows:46px minmax(0,1fr) 46px}.rail .rail-brand{font-size:27px;margin-top:5px}.rail .rail-brand span{font-size:20px;right:-12px}.rail #primary-nav{max-height:100%;overflow-y:auto;gap:3px}.rail #primary-nav a{min-height:46px;padding:3px 2px;gap:2px;font-size:10px}.rail .nav-glyph{width:23px;height:23px}.rail .rail-bottom{padding:0}}
@media(max-width:900px) and (min-width:621px){.rail #primary-nav{padding:0 8px}.rail #primary-nav a{font-size:11px;border-radius:13px}.rail #primary-nav a:before{left:-5px}}
@media(max-width:620px){.rail{display:flex;padding:5px 8px;height:78px;align-items:center;justify-content:center;background:linear-gradient(150deg,#203a4b,#101e2b)}.rail #primary-nav{display:flex;align-items:center;width:100%;padding:0;gap:5px}.rail #primary-nav a{min-height:65px;padding:6px 2px;gap:4px;font-size:10px;border-radius:12px}.rail #primary-nav .nav-glyph{width:27px;height:27px}.rail #primary-nav a:before{left:50%;top:-4px;width:17px;height:3px;transform:translateX(-50%) scaleX(.3)}.rail #primary-nav a.active:before{transform:translateX(-50%) scaleX(1)}.rail #primary-nav a.active{box-shadow:0 2px 6px #07162430,inset 0 1px 0 #fff}.rail #primary-nav a:hover .nav-glyph{transform:none}}
@media(prefers-reduced-motion:reduce){.rail #primary-nav a,.rail #primary-nav a:before,.nav-glyph{transition:none}.rail #primary-nav a:hover .nav-glyph{transform:none}}