/* Mechanical Classroom side: own palette and type. Loaded after site.css on /mechanical-classroom/ pages only. */
body.mc{--mc-blue:#1f4fa3;--mc-navy:#0f2350;--mc-red:#d62828;--mc-yellow:#ffd166;--mc-bg:#f4f7fc;
  background:var(--mc-bg);font-family:"Trebuchet MS","Verdana","DejaVu Sans",sans-serif;font-size:17px}
body.mc h1,body.mc h2,body.mc h3{font-family:"Arial Black","Trebuchet MS","DejaVu Sans",sans-serif;letter-spacing:-.2px;color:var(--mc-navy)}
body.mc a{color:var(--mc-blue)} body.mc a:hover{color:var(--mc-red)}
.mc-parent{background:#14202b;color:#c9d6e3;font-size:13px}
.mc-parent .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.mc-parent a{color:#fff;font-weight:700;text-decoration:none} .mc-parent a:hover{color:var(--mc-yellow)}
header.mc-head{background:#fff;border-bottom:4px solid var(--mc-red);position:sticky;top:0;z-index:5}
header.mc-head>.wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px}
.mc-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--mc-navy)}
.mc-brand img{width:56px;height:56px}
.mc-brand b{display:block;font-family:"Arial Black","Trebuchet MS",sans-serif;font-size:21px;line-height:1.1;color:var(--mc-navy)}
.mc-brand small{display:block;color:var(--mc-red);font-weight:700;font-size:13px;letter-spacing:.4px}
.mc-cta{background:var(--mc-red);color:#fff!important;text-decoration:none;font-weight:700;padding:9px 16px;border-radius:999px;font-size:15px;white-space:nowrap}
.mc-cta:hover{background:var(--mc-navy)}
nav.mc-sub{background:var(--mc-navy)}
nav.mc-sub ul{list-style:none;margin:0;padding:6px 0;display:flex;flex-wrap:wrap;gap:4px}
nav.mc-sub a{display:block;color:#fff!important;text-decoration:none;padding:7px 12px;border-radius:999px;font-size:15px;font-weight:600}
nav.mc-sub a:hover{background:rgba(255,255,255,.12)}
nav.mc-sub a[aria-current=page]{background:var(--mc-yellow);color:var(--mc-navy)!important}
.mc-hero{background:linear-gradient(135deg,var(--mc-blue),var(--mc-navy));color:#fff;padding:46px 0}
.mc-hero h1{color:#fff;font-size:36px;line-height:1.15;margin:0 0 12px}
.mc-hero.big h1{font-size:42px}
.mc-hero .lead{font-size:19px;color:#e6edf8;max-width:640px}
.mc-hero.has-img .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.mc-hero img{width:100%;max-height:420px;object-fit:cover;border-radius:16px;border:5px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.mc-kicker{display:inline-block;background:var(--mc-yellow);color:var(--mc-navy);font-weight:800;padding:4px 12px;border-radius:999px;margin:0 0 14px;font-size:14px;text-transform:uppercase;letter-spacing:.8px}
.mc-small{font-size:14px;color:inherit;opacity:.85}
.mc-btn{display:inline-block;background:var(--mc-red);color:#fff!important;text-decoration:none;font-weight:700;padding:11px 20px;border-radius:999px;margin:6px 10px 6px 0}
.mc-btn:hover{background:#b01f1f}
.mc-btn.ghost{background:transparent;border:2px solid #fff}
body.mc main section{padding:40px 0}
.mc-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.mc-objectives div{background:#fff;border-left:6px solid var(--mc-red);border-radius:10px;padding:16px 18px;margin-bottom:14px;box-shadow:0 2px 10px rgba(15,35,80,.06)}
.mc-objectives b{color:var(--mc-red);text-transform:uppercase;font-size:14px;letter-spacing:.6px}
.mc-objectives p{margin:6px 0 0}
.mc-tiles-wrap{background:#fff}
.mc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mc-tiles a{display:block;padding:20px;border-radius:14px;background:var(--mc-bg);border:2px solid #dbe4f3;text-decoration:none;color:var(--mc-navy)}
.mc-tiles a:hover{border-color:var(--mc-red);color:var(--mc-navy)}
.mc-tiles b{display:block;font-family:"Arial Black","Trebuchet MS",sans-serif;font-size:19px}
.mc-tiles span{color:#41506b;font-size:15px}
.mc-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mc-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.mc-prose{max-width:820px}
.mc-checks{list-style:none;padding:0}
.mc-checks li{position:relative;padding:10px 12px 10px 44px;background:#fff;border-radius:10px;margin-bottom:8px;box-shadow:0 1px 6px rgba(15,35,80,.06)}
.mc-checks li:before{content:"\2713";position:absolute;left:14px;top:9px;color:#fff;background:var(--mc-blue);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700}
.mc-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
.mc-levels div{background:#fff;border-top:5px solid var(--mc-blue);border-radius:10px;padding:16px}
.mc-levels b{font-family:"Arial Black","Trebuchet MS",sans-serif;color:var(--mc-navy)}
.mc-levels p{margin:6px 0 0}
.mc-fig{margin:18px 0}.mc-fig img{width:100%;border-radius:12px}.mc-fig figcaption{font-size:14px;color:#41506b;margin-top:6px}
.mc-band{background:var(--mc-red);color:#fff}
.mc-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.mc-band h2{color:#fff;margin:0 0 6px}.mc-band p{margin:0}
.mc-band .mc-btn{background:#fff;color:var(--mc-red)!important}.mc-band .mc-btn.ghost{background:transparent;color:#fff!important;border-color:#fff}
.mc-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mc-contact div{background:#fff;border-radius:14px;padding:22px;border-top:6px solid var(--mc-red);box-shadow:0 2px 10px rgba(15,35,80,.06)}
.mc-contact b{display:block;color:var(--mc-red);text-transform:uppercase;font-size:13px;letter-spacing:.8px;margin-bottom:6px}
.mc-contact a{font-size:18px;font-weight:700;word-break:break-word}
@media (max-width:820px){.mc-hero.has-img .wrap,.mc-cols,.mc-contact{grid-template-columns:1fr}.mc-tiles{grid-template-columns:1fr 1fr}.mc-gallery{grid-template-columns:1fr 1fr}
  .mc-hero h1,.mc-hero.big h1{font-size:30px}.mc-hero img{max-height:300px}}
@media (max-width:640px){header.mc-head{position:static}.mc-cta{display:none}.mc-brand b{font-size:18px}
  nav.mc-sub ul{display:grid;grid-template-columns:1fr 1fr}nav.mc-sub a{font-size:14px;text-align:center}
  .mc-tiles,.mc-levels{grid-template-columns:1fr}}
body.mc .mc-hero h1{color:#fff}
body.mc .mc-parent a{color:#fff} body.mc .mc-parent a:hover{color:var(--mc-yellow)}
body.mc footer.site a{color:#fff} body.mc footer.site a:hover{color:var(--mc-yellow)}
body.mc .mc-tiles a b{color:var(--mc-navy)}
.mc-contact span.mc-small{display:block;margin-top:6px}