/* Media Watch codebook extends the shared Mundx design system. */
.mwm-hero {padding:54px 0 42px;border-bottom:2px solid var(--fg)}
.mwm-back {display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;font:700 12px var(--mono);color:var(--fg-dim)}
.mwm-hero h1 {max-width:19ch;font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.04em}
.mwm-hero .lede {margin-top:24px;max-width:66ch}
.mwm-meta {display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font:11px/1.6 var(--mono);color:var(--muted)}
.mwm-meta span:first-child {color:var(--accent);font-weight:700}
.mwm-layout {display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;padding-top:42px;padding-bottom:72px}
.mwm-nav {align-self:start;position:sticky;top:105px}
.mwm-nav p {font:700 10px/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.mwm-nav a {display:block;padding:10px 0;border-top:1px solid var(--line);font-size:13px;color:var(--fg-dim)}
.mwm-nav a:hover {color:var(--accent)}
.mwm-content {min-width:0}
.mwm-content section {padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line);scroll-margin-top:104px}
.mwm-content section:last-child {margin-bottom:0}
.mwm-content h2 {font-size:clamp(25px,3vw,33px);line-height:1.15;margin-bottom:20px}
.mwm-content h3 {font-size:19px;line-height:1.25;margin:26px 0 10px}
.mwm-content p,.mwm-content li {font-size:14px;line-height:1.8;color:var(--fg-dim)}
.mwm-content ul,.mwm-content ol {padding-left:22px;margin:16px 0}
.mwm-content li+li {margin-top:10px}
.mwm-callout {background:var(--accent-soft);border:1px solid var(--accent-line);border-left:3px solid var(--accent);padding:19px 21px;margin:22px 0}
.mwm-callout strong {color:var(--accent)}
.mwm-callout p {margin:0}
.mwm-example {padding:20px;background:var(--surface);border:1px solid var(--line);margin-top:20px}
.mwm-example .mwm-label {font:700 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px}
.mwm-example p {margin-bottom:10px}
.mwm-example p:last-child {margin-bottom:0}
.mwm-codebook {margin:24px 0;border-top:2px solid var(--fg)}
.mwm-codebook article {display:grid;grid-template-columns:155px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.mwm-codebook h3 {font-size:16px;margin:0;line-height:1.4}
.mwm-codebook h3 span {display:block;font:11px/1.6 var(--mono);color:var(--muted);margin-top:5px}
.mwm-codebook p {margin:0 0 10px}
.mwm-codebook p:last-child {margin-bottom:0}
.mwm-values {font-size:12px!important;color:var(--accent)!important;font-weight:700;line-height:1.6!important}
.mwm-formula {font:12px/1.8 var(--mono)!important;background:var(--surface);border:1px solid var(--line);padding:15px 18px;color:var(--fg)!important;overflow-wrap:anywhere}
.mwm-steps {counter-reset:steps;list-style:none;padding:0!important}
.mwm-steps li {counter-increment:steps;position:relative;padding-left:44px;min-height:32px}
.mwm-steps li::before {content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1px;color:var(--accent);font:700 11px/2 var(--mono)}
.mwm-contact {display:inline-block;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px) {.mwm-layout{grid-template-columns:1fr;gap:32px}.mwm-nav{position:static}.mwm-nav p{margin-bottom:8px}.mwm-nav div{display:flex;flex-wrap:wrap;gap:0 20px}.mwm-nav a{padding:8px 0}.mwm-hero{padding-top:32px}}
@media(max-width:520px) {.mwm-codebook article{grid-template-columns:1fr;gap:12px}.mwm-codebook h3 span{display:inline;margin-left:8px}.mwm-hero h1{font-size:38px}.mwm-layout{padding-bottom:38px}.mwm-content h2{font-size:26px}}
@media print {.site-header,.site-footer,.mwm-nav,.mwm-back{display:none!important}.mwm-layout{display:block}.mwm-content section{break-inside:avoid}.mwm-hero{padding-top:0}.mwm-content a{color:#000;text-decoration:underline}}