/* Courseware: human-selected Figma 362:2369, November 8, 2026.
   Scope all editorial changes to this page. Live controls retain their runtime. */
body.mds[data-figma-design="362:2369"] {
  --cw08-inset:64px;
  --cw08-surface:var(--mh-deep);
}
body.mds[data-figma-design="362:2369"] .cw08-main {
  color:var(--mh-text);
  font:400 17px/28px var(--mh-text-f);
}
body.mds[data-figma-design="362:2369"] .cw08-section {
  margin:0;
  padding:36px 0;
  border:0;
  background:var(--cw08-surface);
}
body.mds[data-figma-design="362:2369"] .cw08-section>.mh-wrap {
  width:100%;
  max-width:1440px;
  padding-inline:var(--cw08-inset);
}
body.mds[data-figma-design="362:2369"] .cw08-main :is(h1,h2,h3,p) {
  margin:0;
  max-width:none;
  text-wrap:wrap;
}
body.mds[data-figma-design="362:2369"] .cw08-main h1 {
  font:600 56px/63px var(--mh-display);
  letter-spacing:-.84px;
}
body.mds[data-figma-design="362:2369"] .cw08-main h2 {
  font:500 32px/36px var(--mh-display);
  letter-spacing:-.48px;
}
body.mds[data-figma-design="362:2369"] .cw08-main p {
  color:var(--mh-muted);
  font:400 17px/28px var(--mh-text-f);
}
body.mds[data-figma-design="362:2369"] .cw08-main .cw08-lead {
  color:var(--mh-text);
  font:400 22px/31px var(--mh-text-f);
}
body.mds[data-figma-design="362:2369"] .cw08-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
  min-width:0;
}
body.mds[data-figma-design="362:2369"] .cw08-main .mh-pill {
  min-height:44px;
  padding:12px 23px;
  gap:18px;
  margin:0;
  font:600 15px/17px var(--mh-text-f);
}
html[data-theme="light"] body.mds[data-figma-design="362:2369"] .cw08-main .mh-pill {
  color:#f1f3f5;
}
body.mds[data-figma-design="362:2369"] :is(.cw08-hero,.cw08-build,.cw08-run,.cw08-closing) {
  background:var(--mh-void);
}
body.mds[data-figma-design="362:2369"] .cw08-hero .mh-breadcrumb {
  min-height:21px;
  margin:0 0 32px;
  padding:0;
  gap:3px;
  color:var(--mh-muted);
  font:400 13px/21px var(--mh-text-f);
}
body.mds[data-figma-design="362:2369"] .cw08-hero__row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  gap:64px;
}
body.mds[data-figma-design="362:2369"] .cw08-hero__image {
  display:block;
  width:100%;
  height:420px;
  object-fit:cover;
  border-radius:8px;
}
body.mds[data-figma-design="362:2369"] .cw08-features {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
  margin-top:48px;
}
body.mds[data-figma-design="362:2369"] .cw08-feature {
  min-width:0;
  border-top:2px solid var(--mh-signal);
  padding-top:28px;
}
body.mds[data-figma-design="362:2369"] .cw08-feature h3 {
  margin:0 0 12px;
  font:500 20px/29px var(--mh-display);
  letter-spacing:-.2px;
}
body.mds[data-figma-design="362:2369"] :is(.cw08-feature,.cw08-step) p {
  font:400 15px/23px var(--mh-text-f);
}
body.mds[data-figma-design="362:2369"] .cw08-path__intro {
  max-width:860px;
  display:grid;
  gap:16px;
}
body.mds[data-figma-design="362:2369"] .cw08-steps {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:16px;
  list-style:none;
  margin:48px 0 0;
  padding:0;
}
body.mds[data-figma-design="362:2369"] .cw08-step {
  min-width:0;
  border:1px solid var(--mh-line-2);
  border-radius:8px;
  overflow:hidden;
  background:var(--mh-void);
}
body.mds[data-figma-design="362:2369"] .cw08-step::before {
  content:"";
  display:block;
  height:3px;
  background:var(--mh-signal);
}
body.mds[data-figma-design="362:2369"] .cw08-step__content {
  display:grid;
  gap:12px;
  padding:20px 20px 24px;
}
body.mds[data-figma-design="362:2369"] .cw08-step h3 {
  font:600 17px/28px var(--mh-text-f);
  letter-spacing:0;
}
body.mds[data-figma-design="362:2369"] .cw08-build__row {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.025834fr);
  align-items:center;
  gap:80px;
}
body.mds[data-figma-design="362:2369"] .cw08-build__image {
  display:block;
  width:100%;
  height:440px;
  object-fit:cover;
}
body.mds[data-figma-design="362:2369"] .cw08-run__copy {
  display:grid;
  gap:24px;
  max-width:960px;
}
body.mds[data-figma-design="362:2369"] .cw08-training>.mh-wrap,
body.mds[data-figma-design="362:2369"] .cw08-related>.mh-wrap {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:24px;
}
body.mds[data-figma-design="362:2369"] .cw08-chain {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 8px;
  width:100%;
}
body.mds[data-figma-design="362:2369"] .cw08-chip {
  display:inline-flex;
  flex:none;
  align-items:center;
  padding:8px 16px;
  border:1px solid var(--mh-line-2);
  border-radius:999px;
  background:var(--cw08-surface);
  color:var(--mh-text);
  font:500 13px/18px var(--mh-display);
  letter-spacing:.13px;
  white-space:nowrap;
}
body.mds[data-figma-design="362:2369"] .cw08-chip.is-current {
  border:0;
  background:var(--mh-signal);
  color:#fff;
}
body.mds[data-figma-design="362:2369"] .cw08-chain__arrow {
  color:var(--mh-muted);
  font:400 15px/23px var(--mh-text-f);
}
body.mds[data-figma-design="362:2369"] .cw08-training__lead { width:min(900px,100%); }
body.mds[data-figma-design="362:2369"] .cw08-main .cw08-related h2 {
  font:500 22px/29px var(--mh-display);
  letter-spacing:-.11px;
}
body.mds[data-figma-design="362:2369"] .cw08-related__links {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
body.mds[data-figma-design="362:2369"] .cw08-chip--link { border-color:var(--mh-text); }
body.mds[data-figma-design="362:2369"] .cw08-chip--link:hover { text-decoration:underline; text-underline-offset:3px; }
body.mds[data-figma-design="362:2369"] .cw08-closing__row {
  display:flex;
  align-items:flex-start;
  gap:64px;
}
body.mds[data-figma-design="362:2369"] .cw08-closing__copy {
  display:grid;
  flex:1;
  min-width:0;
  gap:16px;
}
body.mds[data-figma-design="362:2369"] .cw08-main .cw08-closing h2 {
  font:500 43px/48px var(--mh-display);
  letter-spacing:-.645px;
}
/* Static chrome geometry; disclosure, theme, sheet, and cookie behavior stay intact. */
body.mds[data-figma-design="362:2369"] .mh-nav__in { max-width:1440px; }
body.mds[data-figma-design="362:2369"] .mh-logo__word {
  -webkit-mask-image:url('../img/courseware-figma08/mouse-wordmark.png');
  mask-image:url('../img/courseware-figma08/mouse-wordmark.png');
}
body.mds[data-figma-design="362:2369"] .mh-foot { padding-block:24px; }
body.mds[data-figma-design="362:2369"] .mh-foot>.mh-wrap { max-width:1440px; padding-inline:var(--cw08-inset); }
body.mds[data-figma-design="362:2369"] .mh-foot__main { grid-template-columns:minmax(0,322fr) minmax(0,966fr); gap:24px; }
body.mds[data-figma-design="362:2369"] .mh-foot__cols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.mds[data-figma-design="362:2369"] .mh-foot__h { margin:0 0 20px; font:500 13px/18.2px var(--mh-display); letter-spacing:.13px; }
body.mds[data-figma-design="362:2369"] .mh-foot__col a { min-height:33px; padding-block:5px; font:400 15px/23px var(--mh-text-f); }
body.mds[data-figma-design="362:2369"] .mh-foot__name { height:44px; margin:0; padding-top:20px; font:400 17px/28px var(--mh-text-f); }
body.mds[data-figma-design="362:2369"] .mh-foot__social { margin-top:20px; }
body.mds[data-figma-design="362:2369"] .mh-foot__social a { font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:2369"] .mh-foot__legal { margin-top:24px; padding-top:24px; gap:20px; font:400 13px/21px var(--mh-text-f); }
body.mds[data-figma-design="362:2369"] .mh-foot__legal>p { gap:24px; }
body.mds[data-figma-design="362:2369"] .mh-foot__policies { gap:20px; }
@media(max-width:1199px) {
  body.mds[data-figma-design="362:2369"] { --cw08-inset:40px; }
  body.mds[data-figma-design="362:2369"] :is(.cw08-hero__row,.cw08-build__row) { gap:40px; }
  body.mds[data-figma-design="362:2369"] .cw08-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px) {
  body.mds[data-figma-design="362:2369"] :is(.cw08-hero__row,.cw08-build__row) { grid-template-columns:1fr; gap:32px; }
  body.mds[data-figma-design="362:2369"] :is(.cw08-hero__image,.cw08-build__image) { height:auto; aspect-ratio:624/420; }
  body.mds[data-figma-design="362:2369"] .cw08-build__image { aspect-ratio:624/440; }
  body.mds[data-figma-design="362:2369"] .cw08-features { gap:24px; }
}
@media(max-width:767px) {
  body.mds[data-figma-design="362:2369"] { --cw08-inset:20px; }
  body.mds[data-figma-design="362:2369"] .cw08-section { padding-block:24px; }
  body.mds[data-figma-design="362:2369"] .cw08-main h1 { font-size:40px; line-height:1.12; letter-spacing:-.6px; }
  body.mds[data-figma-design="362:2369"] .cw08-main h2 { font-size:28px; line-height:1.2; letter-spacing:-.42px; }
  body.mds[data-figma-design="362:2369"] .cw08-main p { font-size:16px; line-height:26px; }
  body.mds[data-figma-design="362:2369"] .cw08-copy { gap:20px; }
  body.mds[data-figma-design="362:2369"] .cw08-features { grid-template-columns:1fr; margin-top:32px; gap:28px; }
  body.mds[data-figma-design="362:2369"] .cw08-feature { padding-top:20px; }
  body.mds[data-figma-design="362:2369"] :is(.cw08-feature,.cw08-step) p { font-size:15px; line-height:23px; }
  body.mds[data-figma-design="362:2369"] .cw08-steps { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; }
  body.mds[data-figma-design="362:2369"] .cw08-closing__row { flex-direction:column; gap:24px; }
  body.mds[data-figma-design="362:2369"] .cw08-main .cw08-closing h2 { font-size:32px; line-height:36px; letter-spacing:-.48px; }
  body.mds[data-figma-design="362:2369"] .mh-foot__main { grid-template-columns:1fr; gap:28px; }
  body.mds[data-figma-design="362:2369"] .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
}
@media(max-width:480px) {
  body.mds[data-figma-design="362:2369"] .cw08-steps { grid-template-columns:1fr; }
}