:root{
  --mmx-max: 980px;
  --mmx-pad: 20px;
  --mmx-space-1: 18px;
  --mmx-space-2: 28px;
  --mmx-space-3: 44px;
  --mmx-border: rgba(0,0,0,.14);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

/* Accessibility */
.sr-only-focusable{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.sr-only-focusable:focus{
  left:var(--mmx-pad);top:var(--mmx-pad);width:auto;height:auto;
  background:#fff;padding:10px;border:1px solid var(--mmx-border);z-index:9999
}

/* Layout */
.mmx-shell{max-width:var(--mmx-max);margin:0 auto;padding:var(--mmx-pad)}
.mmx-header{border-bottom:1px solid var(--mmx-border)}
.mmx-footer{border-top:1px solid var(--mmx-border);margin-top:var(--mmx-space-3)}
.mmx-main{padding-top:var(--mmx-space-2);padding-bottom:var(--mmx-space-3)}

/* Brand + Nav */
.mmx-brand__link{text-decoration:none;font-weight:650}
.mmx-brand__sub{opacity:.75;font-size:.92rem;margin-top:6px}
.mmx-nav{margin-top:var(--mmx-space-1)}
.mmx-nav__link{text-decoration:none;margin-right:14px}

/* Active link (supports either class style if markup varies) */
.mmx-nav__link.is-active,
.mmx-navlink.is-active,
.mmx-navlink__link.is-active{
  text-decoration: underline;
}

/* Typography */
.mmx-h1{font-size:2rem;line-height:1.15;margin:0 0 var(--mmx-space-1)}
.mmx-lead{max-width:70ch;margin:0 0 var(--mmx-space-2);opacity:.9}
.mmx-actions{display:flex;gap:12px;flex-wrap:wrap}

.mmx-button{
  display:inline-block;text-decoration:none;
  border:1px solid var(--mmx-border);
  padding:10px 14px;border-radius:10px;
}

.mmx-footnote{margin:0;opacity:.7;font-size:.92rem}

/* Breadcrumbs — orientation only, not title */
.mmx-breadcrumb{
  font-size:.85rem;
  opacity:.55;
}
.mmx-breadcrumb a{
  text-decoration:none;
}

/* ─────────────────────────────────────────────
   Observe surface — refined silence
   ───────────────────────────────────────────── */
.mmx-observe{
  max-width: 48rem;
  margin-top: 12vh;
  margin-bottom: 20vh;
}
.mmx-observe-lead{
  font-size: 1.1em;
  line-height: 1.6;
  margin: 0;
}

/* ─────────────────────────────────────────────
   Experiment 01 — refusal-first (micro-polish)
   Purpose: restore hierarchy + refine silence
   ───────────────────────────────────────────── */
.mmx-exp{
  max-width: 70ch;
}

/* Primary meaning anchor — the question */
.mmx-exp-question{
  margin: 0 0 var(--mmx-space-2);
  font-size: 1.35em;
  line-height: 1.5;
  font-weight: 650;
}

/* Lead text (de-emphasized) */
.mmx-exp-lead{
  margin: 0 0 var(--mmx-space-1);
  opacity: .85;
}

/* Silence buffer — intentional pause */
.mmx-exp-silence{
  height: 24vh;
}

/* Soft boundary, not a divider */
.mmx-exp-rule{
  border: 0;
  border-top: 1px solid var(--mmx-border);
  opacity: .35;
  max-width: 70ch;
  margin: 0 0 var(--mmx-space-2);
}

/* Refusal section header — secondary */
.mmx-exp-h2{
  font-size: 1.05rem;
  font-weight: 650;
  margin: 0 0 var(--mmx-space-1);
  opacity: .9;
}

.mmx-exp-note{
  margin: 0 0 var(--mmx-space-1);
  opacity: .9;
}

.mmx-exp-refusal{
  margin: 0 0 var(--mmx-space-2);
  padding-left: 1.2rem;
}

.mmx-exp-refusal li{
  margin: 0 0 .35rem;
}

.mmx-exp-closing{
  margin: 0 0 .6rem;
  opacity: .85;
}
body { outline: 4px solid red !important; }