/* M8 extends, rather than replaces, accepted industrial v7 tokens. */
#primary-nav > .nav__group { display:none; }
.m8 { max-width:1280px; margin:0 auto; color:var(--mos-text); }
.m8 h1 { font-size:24px; line-height:1.4; margin:4px 0 8px; letter-spacing:-.025em; }
.m8 h2 { font-size:16px; line-height:1.5; margin:0 0 12px; }
.m8 p { line-height:1.75; }
.m8-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:12px 0 22px; }
.m8-heading p { margin:0; color:var(--mos-text-secondary); }
.m8-eyebrow,.m8-nav-label { font-size:12px; letter-spacing:.06em; color:var(--mos-text-muted); margin:0 0 12px; }
.m8-pill { display:inline-flex; align-items:center; width:fit-content; white-space:nowrap; background:var(--mos-surface-subtle); border:1px solid var(--mos-border); border-radius:5px; padding:3px 7px; font-size:12px; color:var(--mos-text-secondary); }
.m8-notice { font-size:12px; line-height:1.7; padding:12px 16px; background:var(--mos-surface-subtle); border-radius:7px; margin-bottom:24px; color:var(--mos-text-secondary); }
.m8-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:28px; align-items:start; }
.m8-section-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.m8-section-heading h2 { margin:0; }
.m8-section-heading > span { color:var(--mos-text-muted); font-size:12px; }
.m8-brief-grid,.m8-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.m8-brief { border:1px solid var(--mos-border); background:var(--mos-surface); border-radius:8px; padding:20px; min-width:0; }
.m8-card-head,.m8-module-head { display:flex; gap:10px; align-items:center; }
.m8-card-head h2 { margin:0; flex:1; }
.m8-monogram { display:inline-grid; place-items:center; width:30px; height:30px; flex-shrink:0; border:1px solid var(--mos-border); border-radius:7px; background:var(--mos-surface-subtle); font-family:var(--mos-font-id); font-size:12px; color:var(--mos-text); }
.m8-brief-text { margin:18px 0; min-height:70px; font-size:14px; }
.m8-facts { font-size:12px; margin:0 0 18px; }
.m8-facts div { margin:10px 0; }
.m8-facts dt { color:var(--mos-text-muted); }
.m8-facts dd { margin:3px 0 0; overflow-wrap:anywhere; }
.m8-link { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--mos-text); text-decoration:none; font-size:13px; padding:8px 0; }
.m8-link:hover { text-decoration:underline; }
.m8-module { color:var(--mos-text); display:flex; flex-direction:column; gap:12px; border:1px solid var(--mos-border); border-radius:8px; background:var(--mos-surface); padding:16px; text-decoration:none; cursor:pointer; min-width:0; }
.m8-module:hover,.m8-module.is-selected { border-color:var(--mos-border-control); background:var(--mos-surface-subtle); }
.m8-module-head strong { font-size:14px; flex:1; }
.m8-module input,.m8-priority input { width:18px; height:18px; accent-color:var(--mos-accent); }
.m8-description { font-size:13px; }
.m8-meta { font-size:12px; color:var(--mos-text-muted); line-height:1.7; }
.m8-brain { border-left:1px solid var(--mos-border); padding:0 0 0 22px; position:sticky; top:70px; }
.m8-brain p { font-size:13px; color:var(--mos-text-secondary); }
.m8-brain-state { font-size:12px; margin:18px 0; display:flex; align-items:center; gap:8px; }
.m8-brain-state span { width:6px; height:6px; border-radius:50%; background:var(--mos-text-muted); }
.m8-dependencies { padding:24px 0; margin-bottom:12px; }
.m8-dependency { border-top:1px solid var(--mos-border); padding:16px 0; }
.m8-dependency strong { font-size:13px; }
.m8-dependency p { font-size:13px; color:var(--mos-text-secondary); margin:8px 0; }
.m8-switcher { margin:10px 10px 16px; position:relative; border:1px solid var(--mos-border); border-radius:8px; background:var(--mos-surface); }
.m8-switcher summary { display:flex; align-items:center; gap:9px; padding:10px; cursor:pointer; list-style:none; }
.m8-switcher summary::-webkit-details-marker { display:none; }
.m8-switcher strong { font-size:14px; }
.m8-switcher small { display:block; font-size:12px; color:var(--mos-text-muted); margin-top:3px; }
.m8-switcher-list { padding:6px 12px; border-top:1px solid var(--mos-border); max-height:48vh; overflow:auto; }
.m8-local-nav { padding:0 20px; }
.m8-local-nav .m8-link { padding:10px 0; min-height:38px; }
.m8-local-nav .m8-link[aria-current] { font-weight:650; }
.m8-nav-label { margin:24px 20px 6px; }
.m8-nav-note { font-size:12px; line-height:1.6; color:var(--mos-text-muted); margin:24px 20px; }
.m8-locked { max-width:680px; margin:40px auto; padding:32px; border:1px solid var(--mos-border); border-radius:10px; background:var(--mos-surface); }
.m8-locked p { font-size:14px; }
.m8-onboarding { max-width:960px; }
.m8-steps { list-style:none; display:flex; padding:0; margin:4px 0 28px; border-bottom:1px solid var(--mos-border); }
.m8-steps li { flex:1; font-size:12px; color:var(--mos-text-muted); padding:12px 6px; display:flex; align-items:center; gap:8px; }
.m8-steps li[aria-current] { color:var(--mos-text); border-bottom:2px solid var(--mos-accent); }
.m8-steps li span { border:1px solid var(--mos-border); border-radius:50%; width:22px; height:22px; display:grid; place-items:center; flex-shrink:0; }
.m8-onboarding-body { padding:24px; border:1px solid var(--mos-border); border-radius:8px; background:var(--mos-surface); }
.m8-onboarding-body > p { font-size:14px; color:var(--mos-text-secondary); }
.m8-profile { margin:24px 0; }
.m8-profile div { display:grid; grid-template-columns:180px 1fr; gap:16px; padding:16px 0; border-bottom:1px solid var(--mos-border); font-size:14px; }
.m8-profile dd { margin:0; color:var(--mos-text-muted); }
.m8-priority { display:flex; gap:14px; align-items:center; min-height:64px; border:1px solid var(--mos-border); border-radius:6px; padding:14px; font-size:14px; }
.m8-actions { display:flex; align-items:center; gap:18px; margin:22px 0; flex-wrap:wrap; }
.m8-storage { color:var(--mos-text-secondary); font-size:13px; margin-bottom:20px; }
.m8-workspace-links .m8-link { border-bottom:1px solid var(--mos-border); padding:16px 0; }
.m8-complete { padding:20px 0; }
.m8 a:focus-visible,.m8 button:focus-visible,.m8 input:focus-visible,#m8-navigation a:focus-visible,#m8-navigation summary:focus-visible { outline:2px solid var(--mos-focus); outline-offset:4px; }
@media(max-width:900px) { .m8-layout { grid-template-columns:1fr; gap:24px; } .m8-brain { position:static; border-left:0; border-top:1px solid var(--mos-border); padding:20px 0; } }
@media(max-width:600px) { .m8-heading { flex-direction:column; gap:12px; } .m8-brief-grid,.m8-module-grid { grid-template-columns:1fr; } .m8 h1 { font-size:22px; } .m8-onboarding-body,.m8-brief { padding:16px; } .m8-steps li { flex-direction:column; font-size:12px; gap:6px; } .m8-profile div { grid-template-columns:1fr; gap:8px; } .m8-locked { margin:16px 0; padding:20px; } .m8-section-heading { flex-wrap:wrap; } .m8-module-head { flex-wrap:wrap; } }