/* Shared wayfinding. App typography and working surfaces remain independent. */
@font-face{font-family:Platform Inter;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
.platform-header,.platform-header *{box-sizing:border-box}
.platform-header{position:sticky;top:0;z-index:45;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;width:100%;height:64px;min-height:64px;flex-shrink:0;padding:0 32px;margin:0;background:#fff;color:#243a38;border:0;border-bottom:1px solid #dce5e2;font:600 14px/1.4 'Platform Inter',Inter,system-ui,sans-serif;letter-spacing:0}
.platform-header a{text-decoration:none}.platform-brand{display:inline-flex;align-items:center;gap:10px;justify-self:start;color:#243a38!important;white-space:nowrap;font:600 16px/1 'Platform Inter',Inter,sans-serif}.platform-mark{width:78px;height:36px;flex:none}
.platform-header .platform-spaces{display:flex;align-items:stretch;align-self:stretch;gap:8px;padding:0;margin:0;font:inherit}
.platform-header .platform-space{display:flex;align-items:center;justify-content:center;position:relative;min-width:76px;padding:0 16px;color:#52635f;border:0;border-radius:0;font:inherit;background:transparent;box-shadow:none}
.platform-header .platform-space:hover{background:#f3f7f5;color:#243a38}
.platform-header .platform-space[aria-current]{color:#176459;background:#f0f7f4}
.platform-header .platform-space[aria-current]::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:3px;border-radius:2px 2px 0 0;background:currentColor}
.platform-header .platform-space--active[aria-current]{color:#875027;background:#fcf6ed}.platform-header .platform-space--write[aria-current]{color:#a53b30;background:#fcf3f1}
.platform-account{justify-self:end}.platform-menu{position:relative}.platform-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:40px;padding:8px;border-radius:6px}.platform-menu summary::-webkit-details-marker{display:none}.platform-menu summary svg{width:20px;height:20px}.platform-menu summary:hover{background:#f3f7f5}.platform-menu-panel{position:absolute;right:0;top:48px;width:220px;border:1px solid #cddad4;border-radius:8px;background:#fff;padding:8px;box-shadow:0 8px 24px rgba(22,49,38,.12);font:600 13px/1.5 'Platform Inter',Inter,sans-serif;z-index:50}.platform-menu-panel p{padding:8px;margin:0 0 4px;color:#596861;border-bottom:1px solid #e6ece9;overflow-wrap:anywhere}.platform-menu-panel a,.platform-menu-panel button{display:block;width:100%;padding:10px 8px;border:0;border-radius:4px;background:#fff;color:#243a38;text-align:left;font:inherit;cursor:pointer}.platform-menu-panel form{margin:0}.platform-menu-panel :is(a,button):hover{background:#f0f7f4}.platform-signin{color:#176459;white-space:nowrap}
.platform-header :is(a,summary,button):focus-visible{outline:3px solid #176459;outline-offset:-3px}
.space-logo{width:32px;height:32px;display:block}.space-logo--learn{color:#176459}.space-logo--active{color:#965424}.space-logo--write{color:#ab4033}
@media(max-width:900px){.platform-header{padding-inline:20px;gap:12px}}
@media(max-width:560px){.platform-header{padding-inline:12px;gap:6px}.platform-brand{font-size:12px;gap:6px}.platform-mark{width:65px;height:30px}.platform-brand{flex-direction:column;gap:3px}.platform-brand>span{white-space:nowrap;font-size:10px;line-height:1.1}.platform-header .platform-spaces{gap:0}.platform-header .platform-space{min-width:54px;padding-inline:8px;font-size:12px}.platform-header .platform-space[aria-current]::after{left:8px;right:8px}.platform-menu summary{padding:8px 4px}.platform-menu summary>span{display:none}.platform-signin{font-size:11px}}
@media print{.platform-header{display:none}}

@media(max-width:360px){.platform-brand>span{display:none}}
