/* Right-hand panel with career tools: shows on laptop screens (1100px+) too, not only very wide ones */
.rail{display:none}
@media (min-width:1100px){
  .shell{grid-template-columns:210px minmax(0,1fr) minmax(240px,280px);gap:14px}
  .side{padding:22px 10px}
  .main{max-width:none;padding:22px 20px 28px}
  .rail{display:flex;flex-direction:column;gap:12px;position:sticky;top:92px;max-height:calc(100vh - 108px);overflow-y:auto;scrollbar-width:thin}
}
@media (min-width:1100px) and (max-width:1279px){.fpanel{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1400px){
  .shell{grid-template-columns:252px minmax(0,980px) minmax(260px,320px);gap:16px}
  .side{padding:22px 14px}
  .main{padding:24px 26px 32px}
}
.rail-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 18px 50px rgba(8,14,18,.06)}
.rail-card h3{font-size:1rem;margin-bottom:4px}
.rail-card p{color:var(--muted);font-size:.84rem;margin:0 0 10px}
.rail-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rail-list a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;margin:0 -8px;border-radius:12px;color:var(--ink);text-decoration:none}
.rail-list a:hover{background:var(--surface2)}
.rail-list a:hover i{color:var(--accent)}
.rail-list b{display:block;font-size:.9rem;line-height:1.25}
.rail-list small{display:block;color:var(--muted);font-size:.78rem;line-height:1.3}
.rail-list i{font-style:normal;color:var(--muted);font-size:.9rem}
.rail-ico{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-family:"Bricolage Grotesque",sans-serif}
.rail-bar{height:8px;border-radius:8px;background:var(--line);overflow:hidden;margin:8px 0 10px}
.rail-bar i{display:block;height:100%;background:var(--accent);border-radius:8px}
.rail-tip{background:var(--accent);border-color:transparent;color:var(--accent-ink)}
.rail-tip p{color:inherit;opacity:.92;font-size:.9rem;margin:0}
.rail-note{color:var(--muted);font-size:.74rem;margin:0 6px 4px}
