/* Compact, shared page navigation; independent of application styling. */
[data-platform-navigation] { box-sizing:border-box; display:flex; align-items:center; gap:12px; min-height:40px; padding:2px clamp(12px,3vw,32px); background:#fff; color:#36566b; border-bottom:1px solid #e1e7eb; font:400 13px/1.4 system-ui,sans-serif; }
[data-platform-navigation] a, [data-platform-navigation] button { font:inherit; color:inherit; text-decoration:none; white-space:nowrap; }
[data-platform-navigation] button { flex:none; border:0; background:transparent; cursor:pointer; padding:8px 4px; font-weight:600; }
[data-platform-navigation] button:disabled { color:#87929a; cursor:default; }
[data-platform-navigation] a:hover, [data-platform-navigation] button:not(:disabled):hover { color:#006a4e; text-decoration:underline; text-underline-offset:3px; }
[data-platform-navigation] :focus-visible { outline:2px solid #007a66; outline-offset:2px; border-radius:3px; }
.platform-breadcrumbs { display:flex; align-items:center; gap:0; margin:0; padding:0; list-style:none; min-width:0; overflow-x:auto; scrollbar-width:thin; }
.platform-breadcrumbs li { display:flex; align-items:center; flex:none; }
.platform-breadcrumbs li+li:before { content:'›'; color:#8b979f; margin:0 9px; }
.platform-breadcrumbs a, .platform-breadcrumbs span { display:block; padding:8px 0; }
.platform-breadcrumbs [aria-current] { color:#34434e; font-weight:600; }
[data-platform-navigation] .platform-home { margin-left:auto; flex:none; padding:8px 0; color:#6c7882; font-size:12px; }
/* Existing game context remains mounted for the breadcrumb controller. */
.sh-return-links > a[href='/'], .sh-return-links #hub-course-navigation { display:none; }
@media(max-width:480px) { [data-platform-navigation] { gap:8px; font-size:12px; padding:2px 10px; } .platform-breadcrumbs li+li:before { margin:0 6px; } [data-platform-navigation] .platform-home { font-size:11px; } }