/* Manufacturing Academy shared header/footer + generated pages. Prefixed mh- to avoid clashing with original page styles. */
.mh-header{position:sticky;top:0;z-index:1000;background:#0f141b;border-bottom:1px solid #2a3340;font:15px/1.4 "Segoe UI",system-ui,-apple-system,sans-serif;color:#e8edf3}
.mh-header *{box-sizing:border-box}
.mh-header.mh-slim{position:relative}
.mh-inner{max-width:1200px;margin:0 auto;padding:.45rem 1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.mh-brand{display:flex;align-items:center;gap:.55rem;color:#e8edf3;text-decoration:none;font-weight:700;margin-right:auto}
.mh-brand small{display:block;font-weight:400;font-size:.72rem;color:#93a1b1}
.mh-mark{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:7px;background:#e2a45a;color:#111;font-weight:800;font-size:.85rem}
.mh-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.15rem;align-items:center}
.mh-nav a,.mh-nav summary{display:block;padding:.4rem .6rem;border-radius:6px;color:#d5dde6;text-decoration:none;cursor:pointer;white-space:nowrap}
.mh-nav summary{list-style:none}.mh-nav summary::-webkit-details-marker{display:none}
.mh-nav summary::after{content:" ▾";font-size:.75em;color:#93a1b1}
.mh-nav a:hover,.mh-nav summary:hover{background:#1c2430;color:#fff}
.mh-nav .mh-active{color:#ffcf8f;background:#1c2430}
.mh-nav a[aria-current="page"]{color:#ffcf8f}
.mh-dd{position:relative}
.mh-dd ul{position:absolute;left:0;top:calc(100% + 4px);min-width:250px;flex-direction:column;align-items:stretch;background:#141b24;border:1px solid #2a3340;border-radius:8px;padding:.3rem;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.mh-search input{width:11rem;padding:.38rem .6rem;border-radius:6px;border:1px solid #2a3340;background:#0b0f14;color:#e8edf3;font:inherit}
.mh-toggle{position:absolute;opacity:0;pointer-events:none}
.mh-burger{display:none;width:2.3rem;height:2.1rem;border:1px solid #2a3340;border-radius:6px;cursor:pointer;position:relative}
.mh-burger span,.mh-burger span::before,.mh-burger span::after{position:absolute;left:.5rem;right:.5rem;height:2px;background:#d5dde6;content:""}
.mh-burger span{top:50%}.mh-burger span::before{top:-6px}.mh-burger span::after{top:6px}
@media (max-width:1020px){
  .mh-burger{display:block}
  .mh-nav,.mh-search{display:none;width:100%}
  .mh-toggle:checked~.mh-nav,.mh-toggle:checked~.mh-search{display:block}
  .mh-nav ul{flex-direction:column;align-items:stretch}
  .mh-dd ul{position:static;box-shadow:none;border:0;padding-left:1rem;min-width:0}
  .mh-search input{width:100%;margin:.3rem 0 .4rem}
  .mh-brand small{display:none}
}
/* generated pages */
.mh-page{max-width:1100px;margin:0 auto;padding:1.6rem 1.1rem 3rem}
.mh-page h1{margin:.2rem 0 .5rem}
.mh-lead{font-size:1.08rem;opacity:.9;max-width:62rem}
.mh-muted{opacity:.7;font-size:.92em}
.mh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:1rem 0 2rem}
.mh-card{display:block;border:1px solid rgba(140,160,180,.28);border-radius:10px;padding:1rem 1.1rem;text-decoration:none;color:inherit;background:rgba(255,255,255,.03)}
a.mh-card:hover{border-color:#e2a45a}
.mh-card h3{margin:.1rem 0 .35rem;font-size:1.05rem}
.mh-card p{margin:0;font-size:.94rem;opacity:.85}
.mh-tag{display:inline-block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#e2a45a;margin-bottom:.2rem}
.mh-steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:.7rem}
.mh-steps li{counter-increment:s;border-left:3px solid #e2a45a;padding:.35rem .9rem;background:rgba(255,255,255,.03);border-radius:0 8px 8px 0}
.mh-steps li::before{content:"Step " counter(s);display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#e2a45a}
.mh-list{list-style:none;padding:0;columns:2 340px;column-gap:2rem}
.mh-list li{break-inside:avoid;margin:.25rem 0 .55rem}
.mh-jump a{display:inline-block;padding:.1rem .35rem;margin:.1rem}
.mh-note{border:1px solid rgba(226,164,90,.5);background:rgba(226,164,90,.08);border-radius:8px;padding:.8rem 1rem;margin:1rem 0}
.mh-table{overflow-x:auto}.mh-table table{border-collapse:collapse;width:100%;font-size:.92rem}
.mh-table th,.mh-table td{border:1px solid rgba(140,160,180,.25);padding:.45rem .55rem;vertical-align:top;text-align:left}
.mh-results{list-style:none;padding:0}.mh-results li{padding:.6rem 0;border-bottom:1px solid rgba(140,160,180,.2)}
.mh-results small{opacity:.7}
#mh-q{width:100%;max-width:40rem;font-size:1.1rem;padding:.6rem .8rem;border-radius:8px;border:1px solid #2a3340;background:#0b0f14;color:#e8edf3}
.mh-footer{max-width:1100px;margin:2rem auto 0;padding:1.2rem 1.1rem 2.5rem;border-top:1px solid rgba(140,160,180,.25);font-size:.88rem;opacity:.8}
/* hard reset so original page styles (e.g. reference "nav a" pills) don't bleed into the shared header */
.mh-header .mh-nav a,.mh-header .mh-nav summary{border:0!important;background:transparent;box-shadow:none;margin:0;font-size:15px;line-height:1.4;font-weight:400;letter-spacing:0;text-transform:none}
.mh-header .mh-nav a:hover,.mh-header .mh-nav summary:hover,.mh-header .mh-nav .mh-active{background:#1c2430}
.mh-header nav{display:block;overflow:visible;padding:0;border:0;background:none}