/*
 * Matt Mroz / The Operating Dossier
 * v1.18.0 stabilization baseline
 *
 * Canonical final-state rules only: inherited dead UI and superseded patch
 * layers are removed. Ghost editor/rich-content card support remains intact.
 *//* ==========================================================================
   FOUNDATION
   ========================================================================== */@font-face {
    font-family: "Newsreader";
    src: url("../fonts/Newsreader[opsz,wght].woff2") format("woff2");
    font-style: normal;
    font-weight: 500 800;
    font-display: swap;
}@font-face { font-family: "IBM Plex Sans"; src: url("../fonts/IBMPlexSans-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }@font-face { font-family: "IBM Plex Sans"; src: url("../fonts/IBMPlexSans-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }@font-face { font-family: "IBM Plex Sans"; src: url("../fonts/IBMPlexSans-SemiBold.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }@font-face { font-family: "IBM Plex Sans"; src: url("../fonts/IBMPlexSans-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/IBMPlexMono-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/IBMPlexMono-SemiBold.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/IBMPlexMono-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }@font-face { font-family: "MM Newsreader Fallback"; src: local("Georgia"); size-adjust: 98%; ascent-override: 94%; descent-override: 24%; line-gap-override: 0%; }@font-face { font-family: "MM Plex Sans Fallback"; src: local("Arial"); size-adjust: 99.5%; ascent-override: 97%; descent-override: 24%; line-gap-override: 0%; }
@font-face {
    font-family: "MM Plex Sans Fallback";
    src: local("Arial Italic"), local("Arial");
    font-style: italic;
    size-adjust: 99.5%;
    ascent-override: 97%;
    descent-override: 24%;
    line-gap-override: 0%;
}@font-face { font-family: "MM Plex Mono Fallback"; src: local("Menlo"), local("Consolas"), local("Monaco"); size-adjust: 99%; ascent-override: 96%; descent-override: 24%; line-gap-override: 0%; }*,
:after,
:before {
box-sizing:border-box
}blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin:0
}ol[role=list],
ul[role=list] {
list-style:none
}html:focus-within {
scroll-behavior:smooth
}a:not([class]) {
-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto
}img,
picture {
display:block;max-width:100%
}button,
input,
select,
textarea {
font:inherit
}body {min-height:100vh;line-height:1.6;text-rendering:optimizespeed;font-family:var(--gh-font-body,var(--font-sans));font-size:1.6rem;color:var(--color-primary-text);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img {
height:auto
}a {
color:var(--color-darker-gray);text-decoration:none
}a:hover {
opacity:.8
}h1 {
font-size:var(--h1-size)
}h2 {
font-size:2.8rem
}h3 {
font-size:2.4rem
}h4 {
font-size:2.2rem
}h5 {
font-size:2rem
}h6 {
font-size:1.8rem
}hr {
width:100%;height:1px;background-color:var(--color-light-gray);border:0
}blockquote:not([class]) {
padding-left:2rem;border-left:4px solid var(--ghost-accent-color)
}figcaption {
margin-top:1.6rem;font-size:1.4rem;line-height:1.4;color:var(--color-secondary-text);text-align:center
}pre {
padding:1.6rem 2.4rem;overflow-x:scroll;hyphens:none;line-height:1.5;white-space:pre;background-color:var(--color-lighter-gray);-webkit-overflow-scrolling:touch
}code {
font-family:var(--font-mono);font-size:15px
}:not(pre)>code {
padding:.4rem;color:var(--ghost-accent-color);background-color:var(--color-lighter-gray);border-radius:3px
}iframe {
display:block;width:100%;overflow:hidden;border:0
}sub,
sup {
line-height:1
}.gh-site {
display:flex;flex-direction:column;min-height:100vh
}.gh-main {
flex-grow:1;padding-top:8rem;padding-bottom:8rem
}.page-template .gh-main {
padding-block:0
}.gh-outer {
padding-right:var(--gap);padding-left:var(--gap)
}.gh-inner {
max-width:var(--container-width,1200px);margin:0 auto
}.gh-search {
margin-right:-6px;margin-left:-6px
}.gh-search:hover {
opacity:.9
}.is-head-transparent .gh-search,
.is-head-transparent .nav-more-toggle {
color:var(--color-white)
}.is-head-dark:not(.is-head-transparent) .gh-search,
.is-head-dark:not(.is-head-transparent) .nav-more-toggle {
color:var(--color-white)
}.is-head-brand:not(.is-head-transparent) .gh-search,
.is-head-brand:not(.is-head-transparent) .nav-more-toggle {
color:var(--color-white)
}.pagination {
display:grid;grid-template-columns:1fr auto 1fr;margin-top:6.4rem
}.page-number {
grid-column-start:2
}.older-posts {
text-align:right
}.gh-btn {
display:inline-flex;gap:.4em;align-items:center;justify-content:center;padding:calc(.75em*var(--multiplier, 1)) calc(1.15em*var(--multiplier, 1));font-size:1.6rem;font-weight:700;line-height:1;color:var(--color-white);letter-spacing:inherit;cursor:pointer;background-color:var(--color-darker-gray);border:0;border-radius:100px
}.gh-btn:hover {
opacity:.95
}h1,
h2,
h3,
h4,
h5,
h6 {font-family:var(--gh-font-heading,var(--font-sans));line-height:1.15;color:var(--color-darker-gray);letter-spacing:-.02em;font-weight:800;}.is-home-cta #gh-main {
padding:0
}/* ==========================================================================
   COLOR RULE - The Operating Dossier
   Identity: structural blue (--mm-blue) plus one restrained yellow
   (--mm-yellow). Protected, never restyled: the three callout highlight
   tints (--mm-highlight-question, --mm-highlight-fallacy,
   --mm-highlight-term) and fallacy red (--mm-fallacy-red).
   Grays are cool only: ink #252b2f/#30393e, card tint #DEDEDC, hairline
   #a9afb2. No warm grays, no tinted bands behind text.
   Category accents --mm-green / --mm-orange belong to Sources filters and
   nothing else. --mm-yellow-soft is the rail-legible yellow: large-text
   labels sitting on --mm-blue (3.78:1, AA large at 19px+ bold). Confirmation ("copied") states are ink #30393e for text
   labels and --mm-blue for glyph-only confirms - never green, never a
   new hue. Every hue ships from a token defined here; dossier.js reads
   its highlight colors from these custom properties, so a value changed
   here changes the shipped system. Do not add a hue without adding its
   role to this comment.
   ========================================================================== */
/* RESERVED STATE CLASSES - mm-highlight-auto and mm-highlight-suppress-hover
   appear in ~20 selector limbs in this file but NO code in any theme version
   has ever ADDED them (dossier.js only removes them). Treat them as
   reserved-never-added: never copy these limbs into new selectors (the
   round-2 DT fix did, and grew the phantom API). The full limb sweep is
   scheduled post-launch behind its own OQ/OF/DT callout-state regression
   pass - do not fold it into an unrelated edit. */
/* ==========================================================================
   TYPE RULE - the mono metadata voice
   Exactly three mono sizes, tokenized in :root and used everywhere the mono
   voice appears: micro-label (--mm-mono-size-micro / .07em, weight 700) for
   kickers like USED IN and search labels; standard (--mm-mono-size-standard
   / .05em, weight 600, 700 when emphasized) for datelines, filters,
   pagination, nav, status, and action rows; display (--mm-mono-size-display
   / .045em, weight 700, viewport-clamped) for callout department labels and
   reference-page section headings - the one large exception. Datelines are
   always the standard token at every viewport; there are no mobile
   downsteps of any mono size. Filters and section headings share one
   ranked mono voice: display heading over standard filters. The callout
   separator dash and figcaption credits are punctuation/caption details,
   deliberately outside the token set. In-article h2/h3 are the sans essay
   tier (.mm-dossier-post .gh-content rules at end of file); running text is
   capped at a 62rem measure applied to text children only, so callouts and
   figures keep breaking the measure. Do not introduce a fourth mono size.
   ========================================================================== */:root {--color-primary-text:#333;--color-secondary-text:#999;--color-white:#fff;--color-lighter-gray:#f6f6f6;--color-light-gray:#e6e6e6;--color-mid-gray:#ccc;--color-dark-gray:#444;--color-darker-gray:#15171a;--color-black:#000;--font-sans:"IBM Plex Sans","MM Plex Sans Fallback",Arial,sans-serif;--font-serif:"Newsreader","MM Newsreader Fallback",Georgia,serif;--font-mono:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;--head-nav-gap:2.8rem;--h1-size:4.6rem;--gap:3.6rem;--header-spacing:80px;--mm-blue:#0B63F6;--mm-yellow:#F6C21A;--mm-fallacy-red:#C93A2F;--mm-green:#2F8F4E;--mm-orange:#F15A24;--mm-highlight-question:#F6C21A;--mm-highlight-fallacy:#E7A6A1;--mm-highlight-term:#91B9FB;--mm-yellow-soft:#FADC7C;--mm-mono-size-micro:1.05rem;--mm-mono-track-micro:.07em;--mm-mono-size-standard:1.25rem;--mm-mono-track-standard:.05em;--mm-mono-size-display:clamp(1.45rem, 1.1vw + 1.05rem, 1.84rem);--mm-mono-track-display:.045em;--mm-serif:"Newsreader", "MM Newsreader Fallback", Georgia, serif;--mm-sans:"IBM Plex Sans", "MM Plex Sans Fallback", Arial, sans-serif;--mm-mono:"IBM Plex Mono", "MM Plex Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}body.mm-body {
margin: 0;
    font-family: var(--mm-sans);
    color: #111;
    background: #fff;
}.mm-empty-state {
max-width: 76rem;
    margin: 8rem auto 0;
}.mm-empty-state h1 {
font-size: 5rem; line-height: 1;
}.mm-empty-state p {
margin-top: 1rem; font-size: 1.7rem; color: #666;
}#ghost-comments-root {
display: none !important;
}html {font-size:62.5%;scrollbar-gutter:stable;}@keyframes mm-publication-intro-dash-1 {
    0%, 8% { opacity: 0; transform: none; }
    16%, 54% { opacity: 1; transform: none; }
    62%, 100% { opacity: 0; transform: none; }
}@keyframes mm-publication-intro-dash-2 {
    0%, 16% { opacity: 0; transform: none; }
    24%, 64% { opacity: 1; transform: none; }
    72%, 100% { opacity: 0; transform: none; }
}@keyframes mm-publication-intro-arrow {
    0%, 24% { opacity: 0; transform: none; }
    32%, 74% { opacity: 1; transform: none; }
    82%, 100% { opacity: 0; transform: none; }
}/* ==========================================================================
   MASTHEAD
   ========================================================================== */.mm-shell {
display: grid;
    grid-template-columns: 31% minmax(0, 1fr);
    min-height: 100vh;
}.mm-main-wrap {
min-width: 0;
    background: #fff;
}.mm-rail {
position: sticky;
    top: 0;
    height: 100vh;
    color: #fff;
    background: var(--mm-blue);
    z-index: 20;
}.mm-rail-inner {
display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5.2rem 5.2rem 4.6rem;
    box-sizing: border-box;
}.mm-rail-top {
display: flex;
    align-items: center;
    justify-content: space-between;
}.mm-search {
display: grid;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 0;
    cursor: pointer;
}.mm-search svg {
width: 2.2rem;
    height: 2.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}.mm-publication {
margin-top: 3.2rem;
}.mm-publication-title {
display: inline-block;
    max-width: 48rem;
    font-family: var(--mm-serif);
    font-size: clamp(5rem, 4.05vw, 6.55rem);
    font-weight: 700;
    line-height: .92;
    letter-spacing: -0.045em;
    color: #fff;
    text-decoration: none;
    transition: opacity .16s ease;
}.mm-publication-name {
display: inline;
}.mm-publication-tail {
display: inline-flex;
    align-items: center;
    white-space: nowrap;
}.mm-publication-progress {
display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: .22em;
    color: currentColor;
    line-height: 1;
    transform: translateY(-.02em);
}.mm-publication-dash,
.mm-publication-arrow {
flex: 0 0 auto;
    opacity: 0;
    transform: none;
    transition: opacity .16s ease;
}.mm-publication-dash {
width: 20px;
    height: 4.4px;
    background: currentColor;
    border-radius: 99px;
}.mm-publication-title:hover,
.mm-publication-title:focus-visible {
opacity: .88;
}.mm-publication-title:hover .mm-publication-dash-1,
.mm-publication-title:focus-visible .mm-publication-dash-1 {
opacity: 1;
    transform: none;
    transition-delay: 0ms;
}.mm-publication-title:hover .mm-publication-dash-2,
.mm-publication-title:focus-visible .mm-publication-dash-2 {
opacity: 1;
    transform: none;
    transition-delay: 85ms;
}.mm-publication-title:hover .mm-publication-arrow,
.mm-publication-title:focus-visible .mm-publication-arrow {
opacity: 1;
    transform: none;
    transition-delay: 170ms;
}.mm-publication-title:focus-visible {
outline: 2px solid var(--mm-yellow);
    outline-offset: 6px;
}.mm-publication-tagline {
max-width: 42rem;
    margin: 1.4rem 0 0;
    font-family: var(--mm-sans);
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255,255,255,.90);
}.mm-rail-nav {
margin-top: 2.6rem;
}.mm-rail-nav .nav {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.4rem 2.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}.mm-rail-nav .nav li {
margin: 0;
    padding: 0;
}.mm-rail-nav a,
.mm-rail-nav button {
position: relative;
    display: inline-block;
    padding: 0;
    font-family: var(--mm-sans);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .035em;
    text-transform: uppercase;
    color: #fff;
    background: transparent;
    border: 0;
    text-decoration: none;
    cursor: pointer;
}.mm-rail-nav a:hover,
.mm-rail-nav button:hover {
opacity: .75;
}.mm-rail-subscribe {
width: min(100%, 47rem);
    margin-top: 2.2rem;
}.mm-account-link {
position: relative;
    display: inline-block;
    padding: 0;
    font-family: var(--mm-sans);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .035em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}.mm-account-link:hover {
opacity: .75;
}.mm-subscribe-label {
margin-bottom: .6rem;
    font-family: var(--mm-sans);
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: .06em;
    color: var(--mm-yellow-soft);
}.mm-subscribe-form input::placeholder {
color: #737982; opacity: 1;
}.mm-subscribe-form div[data-lastpass-icon-root],
.mm-subscribe-form div[data-lastpass-root],
.mm-subscribe-form input ~ div[data-lastpass-icon-root],
.mm-subscribe-form input ~ div[data-lastpass-root] {
display: none !important;
    overflow: hidden !important;
    width: 0 !important;
    height: 0 !important;
}.mm-subscribe-form input:focus {
border-color: rgba(17,17,17,.28);
    }.mm-subscribe-form button:hover {
transform: translateX(2px); background: var(--mm-yellow);
}.mm-subscribe-form button svg {
width: 1.7rem; height: 1.7rem;
}.mm-subscribe-message {
display: none;
    margin: 1rem 0 0;
    font-size: 1.3rem;
    color: rgba(255,255,255,.82);
}.mm-subscribe-form.success ~ .mm-subscribe-message.success,
.mm-subscribe-form.error ~ .mm-subscribe-message.error {
display: block;
}.mm-publication-arrow path {
stroke-width: 4.4;
}.mm-subscribe-form {display:grid;align-items:center;gap:.8rem;height:5.2rem;position:relative;grid-template-columns:minmax(0, 1fr) 3.4rem;grid-template-rows:100%;}.mm-subscribe-form input {flex:1;min-width:0;height:100%;padding:0 1.4rem;font-family:var(--mm-sans);font-size:1.6rem;color:#17191c;/* 16px floor: iOS Safari zooms the page on focus of any input under 16px */background:#fff;border:1px solid rgba(17,17,17,.12);border-radius:2px;box-shadow:none;transition:border-color .2s ease, box-shadow .2s ease;grid-column:1;grid-row:1;width:100%;}.mm-subscribe-form button {position:static;flex:0 0 auto;display:grid;place-items:center;width:3.4rem;height:3.4rem;padding:0;color:#111;background:var(--mm-yellow);border:0;border-radius:50%;cursor:pointer;transition:transform .2s ease, background-color .2s ease;grid-column:2;grid-row:1;}.mm-subscribe-form > :not(input):not(button):not(label) {
position: absolute !important;
}.mm-publication-intro .mm-publication-dash-1 {
animation: mm-publication-intro-dash-1 1.8s cubic-bezier(.2,.7,.2,1) 1 both;
}.mm-publication-intro .mm-publication-dash-2 {
animation: mm-publication-intro-dash-2 1.8s cubic-bezier(.2,.7,.2,1) 1 both;
}.mm-publication-intro .mm-publication-arrow {
animation: mm-publication-intro-arrow 1.8s cubic-bezier(.2,.7,.2,1) 1 both;
}.mm-publication-dash-1 {
transition-delay: 0ms;
}.mm-publication-dash-2 {
transition-delay: 70ms;
}.mm-publication-arrow {width:30px;height:20px;overflow:visible;transition-delay:140ms;}.mm-publication-heading {
margin: 0;
    padding: 0;
    font-family: var(--mm-sans);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: normal;
    color: inherit;
}/* ==========================================================================
   HOME
   ========================================================================== */.mm-home-main,
.mm-post-main,
.mm-page-main,
.mm-archive-main {
position: relative;
    min-height: 100vh;
    padding: 5.6rem 5.8rem 8rem;
    box-sizing: border-box;
}.mm-latest-article,
.mm-post-article {
max-width: 76rem;
    margin: 0 auto;
    padding: 0;
}.mm-latest-article .gh-article-header,
.mm-post-article .gh-article-header {
padding-top: 6.5rem;
    text-align: center;
}.mm-latest-article .gh-article-title,
.mm-post-article .gh-article-title {
margin: 0 auto;
    font-family: var(--mm-serif);
    font-size: clamp(4.4rem, 4.3vw, 6rem);
    font-weight: 700;
    line-height: .98;
    letter-spacing: -0.045em;
    text-wrap: balance;
}.mm-title-permalink {
color: inherit;
    text-decoration: none;
}.mm-title-permalink:hover {
color: inherit; opacity: .82;
}.gh-content.mm-home-content,
.mm-post-article > .gh-content {
--content-font-size: 1.9rem;
    margin-top: 5rem;
}.mm-home-content > :first-child,
.mm-post-article > .gh-content > :first-child {
margin-top: 0;
}.mm-home-summary {
max-width: 76rem;
    margin: 5.6rem auto 0;
}.mm-home-summary-title {
margin: 0;
    font-family: var(--mm-serif);
    font-size: clamp(3.1rem, 3.4vw, 4.4rem);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -.035em;
    text-wrap: balance;
}.mm-home-summary-body {
margin-top: 1.8rem;
}.mm-home-summary-excerpt {
margin: 0;
    font-family: var(--mm-sans);
    font-size: 1.9rem;
    line-height: 1.6;
    color: #111;
}.mm-home-summary-question {
display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    column-gap: 1.05rem;
    align-items: center;
    margin-top: 1.75rem;
    position: relative; /* anchor box for the stretched question link */
}
/* Stretched question link: the row is one tap target through to the post.
   The overlay anchor takes the global focus-visible ring (a full-row ring,
   the same two-token system as everywhere else). No hover treatment by
   design - see the note below. */
.mm-home-summary-question-stretch {
    position: absolute;
    inset: 0;
    z-index: 1;
}
/* No hover underline on the stretched targets (owner call, post-round-3):
   the discoverable paths are the title and CONTINUE READING; these rows are
   bonus click surface. Cursor is the pointer affordance; the question link
   keeps the global focus-visible ring for keyboard users. */
.mm-home-summary-excerpt {
    position: relative; /* anchor box for the pointer-only excerpt stretch */
}
.mm-home-summary-excerpt-stretch {
    position: absolute;
    inset: 0;
    z-index: 1;
}.mm-home-summary-question .mm-home-summary-question-icon {
display: block;
    width: 2.8rem;
    height: 2.8rem;
    color: #111;
    align-self: center;
}.mm-home-summary-question-icon svg {
display: block;
    width: 100%;
    height: 100%;
}.mm-home-summary-question-copy {
display: grid;
    grid-template-columns: 8.6rem minmax(0, 1fr);
    column-gap: 1.25rem;
    align-items: center;
    min-width: 0;
}.mm-home-summary-question-label {
display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: .02rem;
    margin: 0;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-micro);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing:var(--mm-mono-track-micro);
    text-transform: uppercase;
    white-space: normal;
    color: #62676C;
}.mm-home-summary-question .mm-home-summary-question-text {
min-width: 0;
    font-family: var(--mm-sans);
    font-size: 1.78rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.006em;
    color: #1f2224;
}.mm-home-summary-meta {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 2rem;
}.mm-home-summary-date,
.mm-home-summary-read {
font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing:var(--mm-mono-track-standard);
    text-transform: uppercase;
}.mm-home-summary-date {
color: #62676C;
}.mm-home-summary-read {
color: var(--mm-blue);
    text-decoration: none;
}.mm-home-summary-read:hover {
color: var(--mm-blue);
    opacity: .72;
}.mm-home-summary-rule {
height: 1px;
    margin-top: 2.2rem;
    background: #d9dcde;
}.mm-home-pagination {
max-width: 76rem;
    margin: 4rem auto 0;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 600;
    letter-spacing:var(--mm-mono-track-standard);
    text-transform: uppercase;
}.mm-home-pagination .pagination {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}.mm-home-pagination .page-number {
color: #62676C;
}.mm-home-pagination a {
color: var(--mm-blue);
}.mm-home-summary-question .mm-callout-body {
position: relative;
    isolation: isolate;
}.mm-home-summary-question .mm-callout-highlight {
position: relative;
    z-index: 1;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    transition: none !important;
}.mm-home-summary-question .mm-callout-highlight-layer {
position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: visible;
}.mm-home-summary-question .mm-callout-highlight-band {
position: absolute;
    display: block;
    background: var(--mm-callout-highlight-color, #F6C21A);
    clip-path: inset(0 100% 0 0%);
    will-change: clip-path;
    pointer-events: none;
}.mm-home-summary-question.mm-highlight-pinned .mm-callout-icon {
transform: scale(1.08) !important;
}.mm-home-summary-question.mm-highlight-pinned .mm-callout-icon svg > circle {
fill: var(--mm-yellow) !important;
}.mm-home-summary-question:not(.mm-highlight-pinned):hover .mm-callout-icon,
.mm-home-summary-question:not(.mm-highlight-pinned):focus-visible .mm-callout-icon {
transform: scale(1) !important;
}.mm-home-summary-question:not(.mm-highlight-pinned):hover .mm-callout-icon svg > circle,
.mm-home-summary-question:not(.mm-highlight-pinned):focus-visible .mm-callout-icon svg > circle {
fill: transparent !important;
}.mm-home-summary-excerpt + .mm-home-summary-meta {
margin-top: 1.65rem;
}
/* Operating Question — team prompt / copy action */
.mm-oq-team-action {
    display: flex;
    align-items: baseline;
    gap: .7rem;
    min-width: 0;
    margin-top: .72rem;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing:var(--mm-mono-track-standard);
    color: #414a50;
}
.mm-oq-copy-actions {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .5rem .65rem;
    min-width: 0;
}
.mm-oq-copy {
    appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-family: var(--mm-sans);
    font-size: 1.42rem; /* ONE size for the signature phrase everywhere -
       article bar, home lead, Index, mobile. Rec 4 (round 2) unified the
       Index at 1.42rem but left this base at 1.2rem and a 1.3rem mobile
       bar override; both are now gone. Do not add per-context sizes. */
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--mm-blue);
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity .15s ease;
    display: inline-flex;
    align-items: center;
}
.mm-oq-copy:hover {
    opacity: .68;
}
.mm-oq-copy:focus-visible {
    outline: 2px solid var(--mm-blue);
    outline-offset: 3px;
}
.mm-oq-copy.is-copied {
    color: #30393e;
}

/* Semantic action symbols: copy = overlapping sheets; share = native-share glyph. */
.mm-copy-symbol {position:relative;display:inline-block;width:1.05em;height:.95em;margin-left:.34em;flex:0 0 auto;vertical-align:-.08em;}
.mm-copy-symbol::before,.mm-copy-symbol::after {content:"";position:absolute;width:.66em;height:.66em;border:1.55px solid currentColor;border-radius:.08em;box-sizing:border-box;}
.mm-copy-symbol::before {left:.28em;top:0}.mm-copy-symbol::after {left:0;top:.25em}
.mm-share-symbol {width:1.15em;height:1.15em;margin-left:.3em;flex:0 0 auto;vertical-align:-.13em;}
.mm-oq-share {
    display: none;
    align-items: center;
    gap: .32rem;
}
/* Full/lead Dossier Operating Question utility rail */
.mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    min-height: 2.9rem;
    margin: 1.5rem -2.1rem -1.85rem;
    padding: 0 1.9rem;
    border-top: 1px solid #a9afb2;
    background: transparent;
    color: #30393e;
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: .025em;
}
.mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-copy-actions {
    align-self: stretch;
    width: auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
}
.mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-copy {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    width: auto;
    padding: .45rem 0;
    font-family: var(--mm-sans);
    font-weight: 600;
    letter-spacing: 0;
    color: #30393e;
}
.mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-copy:hover {
    opacity: 1;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
}
.mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-copy.is-copied {
    color: #30393e;
    text-decoration: none;
}
/* Full/lead Dossier team action: exactly one device-appropriate action. */
.mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-share {
    display: none;
}
.mm-dossier-post .mm-operating-question-card .mm-callout-line {
    display: block !important;
    width: 100%;
}
.mm-oq-question-layout {
    display: grid;
    grid-template-columns: 12.3ch minmax(0, 1fr);
    column-gap: .82rem;
    row-gap: .72rem;
    align-items: center;
    width: 100%;
    min-width: 0;
}
.mm-home-summary-question-copy .mm-oq-team-action {
    grid-column: 2;
    margin-top: 0;
}
.mm-index-entry[data-mm-index-type="questions"] .mm-oq-team-action {
    margin-top: .72rem;
}
@media (max-width: 700px) {
    .mm-oq-question-layout {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 0;
    }
}
@media (max-width: 600px) {
    .mm-oq-team-action {
        gap: .55rem;
        margin-top: .65rem;
        font-size: 1.1rem;
    }
    .mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
        min-height: 4.4rem;
        margin: 1.3rem -1.55rem -1.55rem;
        padding: 0 1.25rem;
        gap: 0;
        font-size: 1.22rem;
    }
    .mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-copy-actions {
        align-self: stretch;
        width: auto;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
    }
    .mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-copy {
        width: auto;
        padding: .8rem 0;
    }
    html.mm-native-share-supported .mm-oq-team-action .mm-oq-copy--team {
        display: none;
    }
    html.mm-native-share-supported .mm-oq-team-action .mm-oq-share {
        display: inline-flex;
    }
    html.mm-native-share-supported .mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-copy--team {
        display: none;
    }
    html.mm-native-share-supported .mm-dossier-post .mm-operating-question-card > .mm-oq-team-action--bar .mm-oq-share {
        display: inline-flex;
        width: auto;
        padding: .8rem 0;
    }
}
/* ==========================================================================
   ARTICLE
   ========================================================================== */.kg-width-full figcaption {
padding:0 1.6rem
}.gh-content figcaption a {
color:var(--color-darker-gray);text-decoration:none
}.gh-canvas,
.kg-width-full.kg-content-wide {
--main:min(var(--content-width,720px),100% - var(--gap) * 2);--wide:minmax(0,calc((var(--container-width, 1200px) - var(--content-width, 720px))/2));--full:minmax(var(--gap),1fr);display:grid;grid-template-columns:[full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end]
}.gh-canvas>* {
grid-column:main
}.kg-content-wide>div,
.kg-width-wide {
grid-column:wide
}.kg-width-full {
grid-column:full
}.kg-width-full img {
width:100%
}.page-template .gh-article-header {
margin-top:var(--header-spacing,80px)
}.gh-article-tag {
color:var(--ghost-accent-color)
}.gh-article-title {
word-break:break-word
}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-article-title {
font-family:var(--gh-font-heading,var(--font-serif));letter-spacing:-.01em
}.gh-article-excerpt {
margin-top:2rem;font-size:2.1rem;line-height:1.5;color:var(--color-secondary-text)
}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-article-excerpt {
font-family:var(--gh-font-body,var(--font-serif))
}.gh-article-image img {
width:100%
}.gh-content {
margin-top:4rem;font-size:var(--content-font-size,1.8rem);letter-spacing:var(--content-letter-spacing,0);word-break:break-word
}.gh-content>*+* {
margin-top:calc(1.6em*var(--content-spacing-multiplier, 1));margin-bottom:0
}.gh-content>[id] {
margin:0
}.gh-content>.kg-card+[id] {
margin-top:calc(2em*var(--content-spacing-multiplier, 1))!important
}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-content>[id] {
font-family:var(--gh-font-heading,var(--font-serif));letter-spacing:-.01em
}.gh-content>[id]:not(:first-child) {
margin-top:calc(1.6em*var(--content-spacing-multiplier, 1))
}.gh-content>[id]+* {
margin-top:calc(.8em*var(--content-spacing-multiplier, 1))
}.gh-content>blockquote,
.gh-content>hr {
position:relative
}.gh-content>blockquote,
.gh-content>blockquote+*,
.gh-content>hr,
.gh-content>hr+* {
margin-top:calc(2.4em*var(--content-spacing-multiplier, 1))
}.gh-content h2 {
font-size:1.6em
}.gh-content h3 {
font-size:1.4em
}.gh-content a {
color:var(--ghost-accent-color);text-decoration:underline;word-break:break-word
}.gh-content dl,
.gh-content ol,
.gh-content ul {
padding-left:2.8rem
}.gh-content :is(li+li,li :is(ul,ol)) {
margin-top:.8rem
}.gh-content ol ol li {
list-style-type:lower-alpha
}.gh-content ol ol ol li {
list-style-type:lower-roman
}.gh-content table:not(.gist table) {
display:inline-block;width:auto;max-width:100%;overflow-x:auto;font-family:var(--font-sans);font-size:1.6rem;white-space:nowrap;vertical-align:top;border-spacing:0;border-collapse:collapse;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-repeat:no-repeat;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%
}.gh-content table:not(.gist table) td:first-child {
background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:20px 100%
}.gh-content table:not(.gist table) td:last-child {
background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-position:100% 0;background-size:20px 100%
}.gh-content table:not(.gist table) th {
font-size:1.2rem;font-weight:700;color:var(--color-darkgrey);text-align:left;text-transform:uppercase;letter-spacing:.2px;background-color:var(--color-white)
}.gh-content table:not(.gist table) td,
.gh-content table:not(.gist table) th {
padding:6px 12px;border:1px solid var(--color-light-gray)
}.page-template .gh-content:only-child {
margin-top:0!important
}.page-template .gh-content:only-child>:first-child:not(.kg-width-full) {
margin-top:var(--header-spacing,80px)
}.page-template .gh-content>:last-child:not(.kg-width-full) {
margin-bottom:var(--footer-spacing,0)
}.gh-content :not(.kg-card):not(table):not([id])+:is(.kg-card,table) {
margin-top:calc(2em*var(--content-spacing-multiplier, 1))
}.gh-content :is(.kg-card,table)+:not(.kg-card):not(table):not([id]) {
margin-top:calc(2em*var(--content-spacing-multiplier, 1))
}.gh-content>.kg-width-full+.kg-width-full:not(.kg-width-full.kg-card-hascaption+.kg-width-full) {
margin-top:0
}.kg-image {
margin-right:auto;margin-left:auto
}.kg-embed-card {
display:flex;flex-direction:column;align-items:center;width:100%
}.kg-gallery-image,
.kg-image[width][height] {
cursor:pointer
}.kg-gallery-image a:hover,
.kg-image-card a:hover {
opacity:1!important
}.kg-card.kg-toggle-card .kg-toggle-heading-text {
font-size:2rem;font-weight:700
}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .kg-toggle-card .kg-toggle-heading-text {
font-family:var(--gh-font-heading,var(--font-serif))
}blockquote.kg-blockquote-alt {
font-style:normal;font-weight:400;color:var(--color-secondary-text)
}.kg-card.kg-button-card .kg-btn {
font-size:1em
}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .kg-card.kg-header-card h2.kg-header-card-header {
font-family:var(--gh-font-heading,var(--font-serif))
}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .kg-header-card h3.kg-header-card-subheader {
font-family:var(--gh-font-body,var(--font-serif))
}.kg-audio-card,
.kg-bookmark-card a.kg-bookmark-container,
.kg-bookmark-card a.kg-bookmark-container:hover,
.kg-file-card-container,
.kg-file-card-container:hover,
.kg-product-card-container {
background:var(--background-color,#fff)!important;color:var(--color-darker-gray,#222)!important;opacity:1
}.kg-bookmark-card .kg-bookmark-container {
border-radius:.25em!important
}.kg-bookmark-card .kg-bookmark-content {
padding:1.15em
}.kg-bookmark-card .kg-bookmark-title {
font-size:.9em
}.kg-bookmark-card .kg-bookmark-description {
max-height:none;margin-top:.3em;font-size:.8em
}.kg-bookmark-card .kg-bookmark-metadata {
font-size:.8em
}.kg-bookmark-card .kg-bookmark-thumbnail img {
border-radius:0 .2em .2em 0
}.has-light-text .kg-audio-card button {
color:#fff
}.has-light-text .kg-audio-card .kg-audio-volume-slider {
color:hsla(0,0%,100%,.3)
}.gh-article {
padding:0
}.gh-article-header {
text-align:center
}.gh-article-meta {
margin-top:2.4rem;font-size:1.4rem;font-weight:500;color:var(--color-secondary-text);text-transform:uppercase
}.gh-article-meta a {
font-weight:700
}.gh-article-image {grid-column:main-start/main-end;margin-top:4rem;}.image-wide .gh-article-image {
grid-column:wide-start/wide-end
}.image-full .gh-article-image {
grid-column:full-start/full-end
}.image-full .gh-article-image img {
width:100%
}.mm-dossier-post .gh-content > hr + * {
margin-top: calc(.8em * var(--content-spacing-multiplier, 1));
}.mm-post-end {
max-width: 76rem;
    margin: 2.6rem auto 0;
}.mm-post-end-rule {
height: 2px;
    margin-top: 1.6rem;
    background: var(--mm-blue);
}.mm-post-end-meta {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}.mm-post-date {
font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 600;
    color: #62676C;
    text-transform: uppercase;
    letter-spacing:var(--mm-mono-track-standard);
}.mm-share {
display: flex;
    align-items: center;
    gap: .8rem;
}/* ==========================================================================
   CALLOUTS
   ========================================================================== */.gh-content .kg-callout-card .kg-callout-text,
.gh-content .kg-toggle-card .kg-toggle-content>ol,
.gh-content .kg-toggle-card .kg-toggle-content>p,
.gh-content .kg-toggle-card .kg-toggle-content>ul {
font-size:.95em
}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content .kg-callout-text,
.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content .kg-toggle-content>ol,
.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content .kg-toggle-content>p,
.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content .kg-toggle-content>ul,
.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>blockquote,
.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>dl,
.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>ol,
.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>p,
.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>ul {
font-family:var(--gh-font-body,var(--font-serif))
}.kg-callout-card.kg-card {
border-radius:.25em
}.kg-callout-card-accent a {
text-decoration:underline
}html.mm-callouts-pending .mm-dossier-post .kg-callout-card:not(.mm-technical-callout-card) {
visibility: hidden;
}.mm-dossier-post .kg-callout-card {
position: relative;
    display: block !important;
    margin: 1.6rem 0 0 !important;
    padding: 1.85rem 2.1rem !important;
    overflow: hidden;
    color: #22282c !important;
    background: #DEDEDC !important;
    border-top: 1px solid #a9afb2 !important;
    border-right: 1px solid #a9afb2 !important;
    border-bottom: 1px solid #a9afb2 !important;
    border-left: 3px solid #53636d !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}.mm-dossier-post .kg-callout-card[class*="kg-callout-card-"] {
color: #22282c !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-grey {
background: #DEDEDC !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-white {
background: #FFFFFF !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-blue {
background: #CDDFFD !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-green {
background: #D3E3CF !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-yellow {
background: #FADC7C !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-red {
background: #F2D8D7 !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-pink {
background: #FBD6D0 !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-purple {
background: #F9D8C0 !important;
}.mm-dossier-post .kg-callout-card.kg-callout-card-accent {
background: #CDDFFD !important;
}.mm-dossier-post .kg-callout-card .kg-callout-emoji {
display: none !important;
}.mm-dossier-post .kg-callout-card .kg-callout-text {
display: block !important;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    color: #22282c !important;
}.mm-dossier-post .kg-callout-card:not(.mm-technical-callout-card) .kg-callout-text {
font-family: "IBM Plex Sans", "MM Plex Sans Fallback", Arial, sans-serif !important;
    font-size: clamp(2rem, 1.46vw, 2.16rem) !important;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -.008em;
    color: #20272b !important;
}.mm-dossier-post .kg-callout-card:not(.mm-technical-callout-card) .kg-callout-text::first-line {
font-family: "IBM Plex Mono", "MM Plex Mono Fallback", ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size:var(--mm-mono-size-display);
    font-weight: 700;
    letter-spacing:var(--mm-mono-track-display);
    text-transform: uppercase;
    color: #2c3840;

}.mm-dossier-post .kg-callout-card.mm-technical-callout-card .kg-callout-text {
display: grid !important;
    grid-template-columns: 3.8rem minmax(0, 1fr);
    column-gap: 1.35rem;
    align-items: center !important;
}.mm-callout-icon svg {
display: block;
    width: 100%;
    height: 100%;
}.mm-callout-icon svg > circle {
fill: transparent;
    transition: fill .18s ease;
}.mm-dossier-post .kg-callout-card:hover .mm-callout-icon svg > circle,
.mm-dossier-post .kg-callout-card:focus-visible .mm-callout-icon svg > circle {
fill: var(--mm-yellow);
}.mm-callout-line {
display: flex !important;
    align-items: center !important;
    gap: .82rem !important;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center;
}.mm-callout-label {
display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "IBM Plex Mono", "MM Plex Mono Fallback", ui-monospace, SFMono-Regular, Menlo, monospace !important;
    font-size: var(--mm-mono-size-display) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: var(--mm-mono-track-display) !important;
    text-transform: uppercase;
    white-space: nowrap;
    color: #2c3840 !important;
}.mm-callout-body {
display: block;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 48ch;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "IBM Plex Sans", "MM Plex Sans Fallback", Arial, sans-serif !important;
    font-size: clamp(2rem, 1.46vw, 2.16rem) !important;
    font-weight: 400 !important;
    line-height: 1.24 !important;
    letter-spacing: -.008em !important;
    color: #20272b !important;
}.mm-highlight-callout-card:focus-visible {
outline: 2px solid var(--mm-blue);
    outline-offset: 4px;
}.mm-callout-highlight {
-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(to right, var(--mm-callout-highlight-color, #91B9FB), var(--mm-callout-highlight-color, #91B9FB));
    background-repeat: no-repeat;
    background-position: right 84%;
    background-size: 0% 78%;
    transition: background-size .72s cubic-bezier(.35, 0, .2, 1), background-position .72s cubic-bezier(.35, 0, .2, 1);
}.mm-highlight-callout-card:not(.mm-highlight-suppress-hover):hover .mm-callout-highlight,
.mm-highlight-callout-card:not(.mm-highlight-suppress-hover):focus-visible .mm-callout-highlight,
.mm-highlight-callout-card.mm-highlight-auto .mm-callout-highlight,
.mm-highlight-callout-card.mm-highlight-pinned .mm-callout-highlight {
background-position: left 84%;
    background-size: 100% 78%;
    transition-duration: .9s;
    transition-timing-function: cubic-bezier(.2, .65, .25, 1);
}.mm-highlight-callout-card.mm-highlight-static .mm-callout-highlight {
background-position: left 84%;
    background-size: 100% 78%;
    transition: none;
    animation: mm-static-sweep .9s cubic-bezier(.2, .65, .25, 1) .35s backwards;
}@keyframes mm-static-sweep {
from { background-size: 0% 78%; }
to { background-size: 100% 78%; }
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-static .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-static:hover .mm-callout-icon svg > circle {
fill: var(--mm-yellow);
    animation: mm-static-icon-fill .3s ease .35s backwards;
}@keyframes mm-static-icon-fill {
from { fill: transparent; }
to { fill: var(--mm-yellow); }
}@media (prefers-reduced-motion: reduce) {
.mm-highlight-callout-card.mm-highlight-static .mm-callout-highlight,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-static .mm-callout-icon svg > circle {
animation: none;
}
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-auto .mm-callout-icon,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned .mm-callout-icon,
.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-suppress-hover):hover .mm-callout-icon,
.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-suppress-hover):focus-visible .mm-callout-icon {
transform: scale(1.08);
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-auto .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-suppress-hover):hover .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-suppress-hover):focus-visible .mm-callout-icon svg > circle {
fill: var(--mm-yellow);
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-suppress-hover:hover .mm-callout-icon,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-suppress-hover:focus-visible .mm-callout-icon {
transform: scale(1);
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-suppress-hover:hover .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-suppress-hover:focus-visible .mm-callout-icon svg > circle {
fill: transparent;
}.mm-highlight-callout-card.mm-highlight-suppress-hover:hover .mm-callout-highlight,
.mm-highlight-callout-card.mm-highlight-suppress-hover:focus-visible .mm-callout-highlight {
background-position: right 84%;
    background-size: 0% 78%;
    transition-duration: .72s;
    transition-timing-function: cubic-bezier(.35, 0, .2, 1);
}.mm-dossier-post .mm-callout-body {
position: relative;
    isolation: isolate;
}.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-static) .mm-callout-highlight {
position: relative;
    z-index: 1;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    transition: none !important;
}.mm-dossier-post .mm-highlight-static .mm-callout-highlight {
position: relative;
    z-index: 1;
}.mm-dossier-post .mm-callout-highlight-layer {
position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: visible;
}.mm-dossier-post .mm-callout-highlight-band {
position: absolute;
    display: block;
    background: var(--mm-callout-highlight-color, #91B9FB);
    clip-path: inset(0 100% 0 0%);
    will-change: clip-path;
    pointer-events: none;
}.mm-callout-icon {display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;margin:0!important;color:#252b2f;align-self:center;transform:translateY(-0.06rem) scale(1);transform-origin:center center;transition:transform .18s ease;}.mm-dossier-post .kg-callout-card:hover .mm-callout-icon,
.mm-dossier-post .kg-callout-card:focus-visible .mm-callout-icon {transform:translateY(-0.06rem) scale(1.08);}.mm-callout-separator {display:inline-flex;align-items:center;flex:0 0 auto;margin:0!important;padding:0!important;font-family:"IBM Plex Mono", "MM Plex Mono Fallback", ui-monospace, SFMono-Regular, Menlo, monospace!important;font-size:1.72rem!important;font-weight:600!important;line-height:1!important;color:#667279!important;transform:translateY(-0.08em);}.mm-callout-label--stacked {line-height:1.02!important;display:block;flex:0 0 12.3ch;width:12.3ch;max-width:12.3ch;white-space:normal;overflow-wrap:normal;word-break:normal;}.mm-operational-fallacy-card .mm-callout-icon text {
fill: currentColor;
    pointer-events: none;
}.mm-dossier-post .mm-callout-body strong,
.mm-dossier-post .mm-callout-body b {
font-weight: 700 !important;
}.mm-dossier-post .mm-callout-body em,
.mm-dossier-post .mm-callout-body i {
font-style: italic !important;
}.mm-dossier-post .mm-callout-body strong em,
.mm-dossier-post .mm-callout-body strong i,
.mm-dossier-post .mm-callout-body b em,
.mm-dossier-post .mm-callout-body b i {
font-weight: 700 !important;
    font-style: italic !important;
}.mm-callout-deep-linked {
box-shadow: 0 0 0 3px rgba(11, 99, 246, .16);
    transition: box-shadow .7s ease;
}.mm-highlight-callout-card {cursor:default!important;scroll-margin-top:3rem;}.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-pinned):hover .mm-callout-icon,
.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-pinned):focus-visible .mm-callout-icon {
transform: scale(1) !important;
}.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-pinned):hover .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card:not(.mm-highlight-pinned):focus-visible .mm-callout-icon svg > circle {
fill: transparent !important;
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned .mm-callout-icon,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned:hover .mm-callout-icon,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned:focus-visible .mm-callout-icon {
transform: scale(1.08) !important;
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned:hover .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned:focus-visible .mm-callout-icon svg > circle {
fill: var(--mm-callout-highlight-color, #91B9FB) !important;
}.mm-dossier-post .mm-operational-fallacy-card.mm-highlight-pinned .mm-callout-icon svg > circle,
.mm-dossier-post .mm-operational-fallacy-card.mm-highlight-pinned:hover .mm-callout-icon svg > circle,
.mm-dossier-post .mm-operational-fallacy-card.mm-highlight-pinned:focus-visible .mm-callout-icon svg > circle {
fill: var(--mm-fallacy-red) !important;
    stroke: var(--mm-fallacy-red) !important;
}.mm-dossier-post .mm-operational-fallacy-card.mm-highlight-pinned .mm-callout-icon text,
.mm-dossier-post .mm-operational-fallacy-card.mm-highlight-pinned:hover .mm-callout-icon text,
.mm-dossier-post .mm-operational-fallacy-card.mm-highlight-pinned:focus-visible .mm-callout-icon text {
fill: #fff !important;
}.mm-dossier-post .mm-operational-fallacy-card .mm-callout-icon {
color: #252b2f !important;
}.mm-dossier-post .mm-operational-fallacy-card .mm-callout-icon svg > circle {
fill: transparent !important;
    stroke: #252b2f !important;
    transition: fill .18s ease, stroke .18s ease !important;
}.mm-dossier-post .mm-operational-fallacy-card .mm-callout-icon text {
fill: #252b2f !important;
    transition: fill .18s ease !important;
}.mm-dossier-post .mm-define-term-card .mm-callout-icon {
color: #252b2f !important;
}.mm-dossier-post .mm-define-term-card .mm-callout-icon svg > circle {
fill: transparent !important;
    stroke: #252b2f !important;
    transition: fill .18s ease, stroke .18s ease !important;
}.mm-dossier-post .mm-define-term-card .mm-callout-icon text {
fill: #252b2f !important;
    transition: fill .18s ease !important;
}/* Defined Term icon activation - mirrors the OF grammar EXACTLY:
   plain .mm-highlight-pinned plus the COMBINED pinned:hover /
   pinned:focus-visible variants, declared after the generic
   .mm-highlight-pinned rules above so the (0,5,2) specificity tie
   resolves by source order in this card's favor. Without the combined
   variants the generic rule paints the circle periwinkle under the
   white n. (1.9:1) for the whole hover - the defect that shipped in
   v1.20.64. Bare :hover / :focus-visible limbs are deliberately
   ABSENT: the generic :not(.mm-highlight-pinned):hover rule (0,5,2)
   always beats them, so before the sweep pins the card, hover keeps
   the rest state (ink n., transparent circle) - same as OF.
   Fill is --mm-blue with a white n. (5.09:1); the periwinkle tint
   never carries the white n. Note: mm-highlight-auto is a
   reserved-never-added class (no code in any theme version sets it);
   do not reintroduce it into these selector lists. */
.mm-dossier-post .mm-define-term-card.mm-highlight-pinned .mm-callout-icon svg > circle,
.mm-dossier-post .mm-define-term-card.mm-highlight-pinned:hover .mm-callout-icon svg > circle,
.mm-dossier-post .mm-define-term-card.mm-highlight-pinned:focus-visible .mm-callout-icon svg > circle {
fill: var(--mm-blue) !important;
    stroke: var(--mm-blue) !important;
}
.mm-dossier-post .mm-define-term-card.mm-highlight-pinned .mm-callout-icon text,
.mm-dossier-post .mm-define-term-card.mm-highlight-pinned:hover .mm-callout-icon text,
.mm-dossier-post .mm-define-term-card.mm-highlight-pinned:focus-visible .mm-callout-icon text {
fill: #fff !important;
}.mm-dossier-post .mm-define-term-card .mm-define-term-body .mm-callout-highlight br {
content: "";
    display: block;
    margin-top: .3rem;
}.mm-dossier-post .mm-define-term-card .mm-define-term-body .mm-callout-highlight strong:first-child,
.mm-dossier-post .mm-define-term-card .mm-define-term-body .mm-callout-highlight b:first-child {
font-size: 1.04em;
}.mm-dossier-post .mm-define-term-card .mm-define-term-body {
max-width: 50ch;
}/* ==========================================================================
   INDEX
   ========================================================================== *//* Canonical Operating Index. Intentionally standalone from article callouts. */.mm-index-main {
    padding-top: 7rem;
    padding-bottom: 9rem;
}.mm-operating-index > * { grid-column: main; }.mm-index-header { padding-bottom: 2.4rem; }.mm-operating-index .mm-index-title {
    margin: 0;
    font-family: var(--mm-serif);
    font-size: clamp(4.2rem, 5.2vw, 6.2rem);
    font-weight: 700;
    line-height: .98;
    letter-spacing: -.035em;
    color: #1d2428;
}.mm-index-deck {
    max-width: 60rem;
    margin: 1.2rem 0 0;
    font-family: var(--mm-sans);
    font-size: 1.72rem;
    line-height: 1.55;
    color: #5d666b;
}.mm-index-page-copy {
    margin-top: 1.4rem;
    font-family: var(--mm-sans);
    font-size: 1.6rem;
    color: #4c565b;
}.mm-index-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 2.6rem;
    margin-top: 2.3rem;
}.mm-index-filters a {
    position: relative;
    z-index: 0;
    display: inline-block;
    padding: .12rem .05rem;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing:var(--mm-mono-track-standard);
    text-transform: uppercase;
    color: #343c41;
    text-decoration: none;
    isolation: isolate;
}.mm-index-filters a::before {
    position: absolute;
    z-index: -1;
    right: -.16rem;
    bottom: -.04rem;
    left: -.16rem;
    height: .78em;
    content: "";
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .62s cubic-bezier(.22,.8,.28,1);
}.mm-index-filters a[data-mm-index-filter="all"]::before { background: #91B9FB; }.mm-index-filters a[data-mm-index-filter="questions"]::before { background: var(--mm-yellow); }.mm-index-filters a[data-mm-index-filter="fallacies"]::before { background: #E7A6A1; }.mm-index-filters a[data-mm-index-filter="terms"]::before { background: #91B9FB; }.mm-index-filters a:hover,
.mm-index-filters a:focus-visible,
.mm-index-filters a.is-active { color: #1f272c; opacity: 1; }.mm-index-filters a:hover::before,
.mm-index-filters a:focus-visible::before,
.mm-index-filters a.is-active::before { transform: scaleX(1); }.mm-index-list { margin-top: 2.6rem; }.mm-index-section + .mm-index-section { margin-top: 4.4rem; }.mm-index-section[hidden] + .mm-index-section { margin-top: 0; }body.mm-body .mm-operating-index .mm-index-section-heading {
    margin: 0 0 1.55rem;
    padding: 0;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-display);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing:var(--mm-mono-track-display);
    text-transform: uppercase;
    color: #2c3840;
}.mm-index-entry {
    --mm-index-text-inset: 5.15rem;
    position: relative;
    padding: 1.9rem 0 2rem;
    border-top: 1px solid #d7d8d6;
    scroll-margin-top: 2.4rem;
}.mm-index-entry:first-child,
.mm-index-entry.is-first-visible,
.mm-index-section .mm-index-entry:first-of-type { border-top: 0; }.mm-index-callout-row {
    display: grid;
    grid-template-columns: 3.8rem minmax(0, 1fr);
    column-gap: 1.35rem;
    align-items: start;
    width: 100%;
    min-width: 0;
}.mm-index-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    margin: 0;
    color: #111;
    align-self: start;
    transform: translateY(-.06rem) scale(1);
    transform-origin: center;
}.mm-index-icon svg { display: block; width: 100%; height: 100%; }.mm-index-icon svg > circle { fill: transparent; stroke: #252b2f; }.mm-index-entry[data-mm-index-type="fallacies"] .mm-index-icon text { fill: #252b2f; }.mm-index-entry[data-mm-index-type="terms"] .mm-index-icon svg > circle { fill: transparent; stroke: #252b2f; }.mm-index-entry[data-mm-index-type="terms"] .mm-index-icon text { fill: #252b2f; transition: fill .32s ease; }.mm-index-callout-line {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    min-width: 0;
}.mm-index-concept-heading { display:flex; align-items:baseline; gap:.55rem; width:100%; min-width:0; }body.mm-body .mm-index-entry .mm-index-concept {
    display: block;
    width: auto;
    max-width: 48ch;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-family: var(--mm-sans);
    font-size: clamp(2rem, 1.46vw, 2.16rem);
    font-weight: 700;
    line-height: 1.24;
    letter-spacing: -.008em;
    font-style: normal;
    color: #20272b;
}.mm-index-fallacy-name { display: block; font: inherit; color: inherit; }.mm-index-definition {
    display: block;
    width: 100%;
    max-width: 58ch;
    margin: .3rem 0 0;
    font-family: var(--mm-sans);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.48;
    letter-spacing: 0;
    color: #4f595e;
}.mm-index-entry[data-mm-index-type="terms"] .mm-index-definition {
    margin-top: .12rem;
}.mm-index-examples {
    margin-top: .5rem;
    margin-left: var(--mm-index-text-inset);
    min-width: 0;
}.mm-index-entry[data-mm-index-type="fallacies"] .mm-index-examples,
.mm-index-entry[data-mm-index-type="terms"] .mm-index-examples { margin-top: .65rem; }.mm-index-example-list { padding: 0; margin: 0; list-style: none; min-width: 0; max-width: 100%; }.mm-index-example {
    min-width: 0;
    margin: .12rem 0;
    font-family: var(--mm-sans);
    font-size: 1.44rem;
    line-height: 1.4;
}.mm-index-example a {
    display: inline;
    max-width: 100%;
    color: var(--mm-blue);
    text-decoration: underline;
    text-decoration-color: rgba(11,99,246,.34);
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
    overflow-wrap: anywhere;
}.mm-index-example a:hover,
.mm-index-example a:focus-visible { color: var(--mm-blue); text-decoration-color: currentColor; opacity: 1; }.mm-index-entry.is-targeted .mm-index-icon {
    transform: translateY(-.06rem) scale(1.08);
    transition: transform .28s ease;
}.mm-index-entry[data-mm-index-type="questions"].is-targeted .mm-index-icon svg > circle {
    fill: var(--mm-yellow);
    stroke: #252b2f;
    transition: fill .32s ease, stroke .32s ease;
}.mm-index-entry[data-mm-index-type="fallacies"].is-targeted .mm-index-icon svg > circle {
    fill: var(--mm-fallacy-red);
    stroke: var(--mm-fallacy-red);
    transition: fill .32s ease, stroke .32s ease;
}.mm-index-entry[data-mm-index-type="fallacies"].is-targeted .mm-index-icon text {
    fill: #fff;
    transition: fill .32s ease;
}.mm-index-entry[data-mm-index-type="terms"].is-targeted .mm-index-icon svg > circle {
    fill: var(--mm-blue);
    stroke: var(--mm-blue);
    transition: fill .32s ease, stroke .32s ease;
}.mm-index-entry[data-mm-index-type="terms"].is-targeted .mm-index-icon text {
    fill: #fff;
}.mm-post-index-links { display: flex; flex-direction: column; gap: .55rem; }.mm-post-index-context { display:none; font-family:var(--mm-mono); font-size:var(--mm-mono-size-micro); font-weight:700; line-height:1.2; letter-spacing:var(--mm-mono-track-micro); text-transform:uppercase; color:#667077; }.mm-post-index-links:has(.mm-post-index-link) { padding: 1.15rem 0 .85rem; border-top: 1px solid #dedfdd; }.mm-post-index-links:has(.mm-post-index-link) .mm-post-index-context { display:block; margin-bottom:.18rem; }.mm-post-index-link {
    display: grid;
    grid-template-columns: minmax(11.5rem,15rem) minmax(0,1fr);
    gap: 1rem;
    align-items: baseline;
    color: #252b2f;
    text-decoration: none;
}.mm-post-index-link-kind {
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-micro);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing:var(--mm-mono-track-micro);
    text-transform: uppercase;
    color: #747c80;
}.mm-post-index-link-text {
    font-family: var(--mm-sans);
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--mm-blue);
    text-decoration: underline;
    text-decoration-color: rgba(11,99,246,.3);
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
}.mm-post-index-link:hover .mm-post-index-link-text,
.mm-post-index-link:focus-visible .mm-post-index-link-text { text-decoration-color: currentColor; }/* ==========================================================================
   ABOUT/PAGES
   ========================================================================== */.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-card-title {
font-family:var(--gh-font-heading,var(--font-serif));letter-spacing:-.01em
}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-card-excerpt {
font-family:var(--gh-font-body,var(--font-serif))
}.gh-card {
word-break:break-word
}.gh-pagehead {
margin-bottom:4rem
}/* Author backstop: the pagehead shares the home summaries' geometry
   (.mm-home-summary is a centered 76rem article). gh-canvas on the section
   fixes alignment at <=768, but at desktop the summaries are narrower than
   the canvas, so without this the title sits 20px off the text edge. */
.mm-home-main > .gh-pagehead {
    max-width: 76rem;
    margin-left: auto;
    margin-right: auto;
    --content-width: 68rem; /* same canvas token the summaries set, so the
                               title shares their exact text edge */
}.gh-pagehead-title {
font-size:3.6rem
}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-pagehead-title {
font-family:var(--gh-font-heading,var(--font-serif));letter-spacing:-.01em
}.gh-pagehead-description {
margin-top:.8rem;font-size:1.7rem;line-height:1.5;color:var(--color-secondary-text)
}.gh-card-link {
position:relative;display:block;padding:3.2rem 0;border-top:1px solid var(--color-light-gray)
}.gh-card-link:hover {
opacity:1
}.gh-card:first-child .gh-card-link {
padding-top:0;border-top:0
}.gh-card-image {
margin-bottom:2.4rem
}.gh-card-date {
font-size:1.3rem;font-weight:700;letter-spacing:-.01em
}.gh-card-month {
margin-right:.2rem;color:var(--ghost-accent-color);text-transform:uppercase
}.gh-card-title {
margin-top:.4rem;font-size:2.4rem;font-weight:800;word-break:break-word
}.gh-card-link:hover .gh-card-title {
opacity:.8
}.gh-card-excerpt {
margin-top:1.2rem;font-size:1.7rem;line-height:1.5;color:var(--color-secondary-text);word-break:break-word
}body.mm-body :is(h1,h2,h3,h4,h5,h6,.gh-article-title,.gh-pagehead-title) {
font-family: var(--mm-serif);
}.mm-page-main .gh-article,
.mm-archive-main {
max-width: 76rem; margin: 0 auto;
}.mm-page-main .gh-article-header {
padding-top: 3rem;
}.mm-page-main .gh-article-title,
.mm-archive-main .gh-pagehead-title {
font-size: 5.2rem; line-height: 1;
}.mm-pagination {
margin: 5rem auto 0; text-align: center;
}/* ==========================================================================
   404
   ========================================================================== */.mm-404-label {
margin: 0 auto 1.45rem;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 700;
    line-height: 1;
    color: var(--mm-blue);
    text-transform: uppercase;
    letter-spacing:var(--mm-mono-track-standard);
}/* ==========================================================================
   RESPONSIVE
   ========================================================================== */@media (min-width: 992px) {.page-template .mm-index-main { padding-top: 12.1rem; }}@media (max-width: 991px) {.page-template .mm-index-main { padding-top: 5.9rem; }}@media (max-width: 767px) {.mm-index-main { padding-top: 3.8rem; padding-bottom: 6rem; }.mm-index-header { padding-bottom: 2rem; }.mm-operating-index .mm-index-title { font-size: clamp(3.8rem,11vw,5rem); }.mm-index-deck { margin-top: 1rem; font-size: 1.6rem; }.mm-index-filters { gap: .9rem 1.7rem; margin-top: 1.8rem; }.mm-index-list { margin-top: 1.8rem; }body.mm-body .mm-operating-index .mm-index-section-heading { margin-bottom: 1.3rem; }.mm-index-entry { --mm-index-text-inset: 4.45rem; padding-top: 1.65rem; padding-bottom: 1.75rem; }.mm-index-callout-row { grid-template-columns: 3.45rem minmax(0,1fr); column-gap: 1rem; }.mm-index-icon { width: 3.45rem; height: 3.45rem; }body.mm-body .mm-index-entry .mm-index-concept { max-width: 48ch; font-size: clamp(1.76rem,4.65vw,1.96rem); line-height: 1.3; overflow-wrap: anywhere; word-break: normal; }.mm-index-definition { margin-top: .25rem; font-size: 1.5rem; line-height: 1.48; }.mm-index-entry[data-mm-index-type="terms"] .mm-index-definition { margin-top: .12rem; }.mm-index-examples { margin-top: .42rem; }.mm-index-entry[data-mm-index-type="fallacies"] .mm-index-examples { margin-top: .55rem; }}@media (max-width: 600px) {.page-template .mm-index-main { padding-top: 5.75rem; }.mm-index-example { max-width: 100%; }.mm-index-header { padding-bottom: .7rem; }.mm-operating-index .mm-index-filters { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1.2rem 2rem; margin-top: 1.8rem; }.mm-operating-index .mm-index-filters a { width: max-content; max-width: 100%; line-height: 1.18; white-space: nowrap; }.mm-index-list { margin-top: 1.25rem; }.mm-index-section + .mm-index-section { margin-top: 3.4rem; }.mm-index-callout-line { display: grid; grid-template-columns: minmax(0,1fr); }body.mm-body .mm-index-entry .mm-index-concept { grid-column: 1; font-size: clamp(1.68rem,4.35vw,1.84rem); }.mm-post-index-link { grid-template-columns: 1fr; gap: .12rem; }}@media (prefers-reduced-motion: reduce) {.mm-index-filters a::before,
    .mm-index-entry.is-targeted .mm-index-icon,
    .mm-index-entry.is-targeted .mm-index-icon svg > circle,
    .mm-index-entry.is-targeted .mm-index-icon text { transition: none; }}@media (max-width:767px) {
:root {
--h1-size:3.2rem!important;--gap:2rem;--header-spacing:48px
}}@media (prefers-reduced-motion:reduce) {html:focus-within {
scroll-behavior:auto
}*,
:after,
:before {
transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important
}}@media (max-width:767px) {h2 {
font-size:2.4rem
}h3 {
font-size:2.1rem
}}@media (max-width:767px) {#gh-main {
padding-top:4.8rem;padding-bottom:4.8rem
}}@media (max-width:767px) {.gh-article-excerpt {
font-size:1.9rem
}.gh-article-image {
margin-top:2.4rem
}}@media (max-width:767px) {.gh-content {
margin-top:3.2rem;font-size:1.7rem
}}@media (max-width:767px) {.gh-pagehead {
margin-bottom:3.6rem
}}@media (prefers-reduced-motion: reduce) {.mm-publication-dash,
.mm-publication-arrow {
transition: opacity .01ms linear;
        transform: none;
}.mm-publication-title:hover .mm-publication-dash-1,
.mm-publication-title:hover .mm-publication-dash-2,
.mm-publication-title:hover .mm-publication-arrow,
.mm-publication-title:focus-visible .mm-publication-dash-1,
.mm-publication-title:focus-visible .mm-publication-dash-2,
.mm-publication-title:focus-visible .mm-publication-arrow {
transition-delay: 0ms;
}}@media (min-width: 992px) {.mm-subscribe-label {
margin-bottom: .15rem;
}.mm-subscribe-form {
height: 4.35rem;
}}@media (min-width: 1201px) {.mm-shell {
grid-template-columns: clamp(40rem, 24vw, 58rem) minmax(0, 1fr);
}.mm-rail-subscribe {
width: min(100%, 40rem);
}}@media (max-width: 1200px) and (min-width: 992px) {.mm-shell {
grid-template-columns: 31% minmax(0,1fr);
}.mm-rail-inner {
padding: 4rem;
}.mm-publication-title {
font-size: clamp(4.3rem, 4.6vw, 5.4rem);
}.mm-home-main,
.mm-post-main,
.mm-page-main,
.mm-archive-main {
padding-left: 4rem; padding-right: 4rem;
}}@media (max-width: 991px) {.mm-shell {
display: block;
}.mm-rail {
position: relative;
        height: auto;
        min-height: 0;
}.mm-rail-inner {
height: auto;
        padding: 3.6rem 3.2rem 3.8rem;
}.mm-publication-title {
max-width: 62rem;

}.mm-home-main,
.mm-post-main,
.mm-page-main,
.mm-archive-main {
min-height: 0;
        padding: 4.6rem 3.2rem 6rem;
}.mm-latest-article .gh-article-title,
.mm-post-article .gh-article-title {
font-size: clamp(3.7rem, 7vw, 5rem);
}}@media (max-width: 600px) {.mm-rail-inner {
padding: 3rem 2.4rem 3.2rem;
}.mm-publication-tagline {
max-width: 32rem;
}.mm-rail-nav {
gap: 2.2rem;
}.mm-home-main,
.mm-post-main,
.mm-page-main,
.mm-archive-main {
padding: 4rem 2.4rem 5rem;
}.mm-latest-article .gh-article-title,
.mm-post-article .gh-article-title {
font-size: clamp(3.2rem, 9vw, 4.2rem);
}.gh-content.mm-home-content,
.mm-post-article > .gh-content {
--content-font-size: 1.7rem; margin-top: 4rem;
}.mm-post-end {
margin-top: 2.4rem;
}.mm-post-end-meta {
align-items: flex-start; flex-direction: column; gap: 1rem;
}.mm-post-end-rule {
margin-top: 1.8rem;
}}@media (hover: none), (pointer: coarse) {.mm-dossier-post .mm-highlight-callout-card:hover .mm-callout-icon {
transform: scale(1);
}.mm-dossier-post .mm-highlight-callout-card:hover .mm-callout-icon svg > circle {
fill: transparent;
}.mm-highlight-callout-card:hover .mm-callout-highlight {
background-position: right 84%;
        background-size: 0% 78%;
        transition-duration: .72s;
        transition-timing-function: cubic-bezier(.35, 0, .2, 1);
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-auto:hover .mm-callout-icon,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned:hover .mm-callout-icon {
transform: scale(1.08);
}.mm-dossier-post .mm-highlight-callout-card.mm-highlight-auto:hover .mm-callout-icon svg > circle,
.mm-dossier-post .mm-highlight-callout-card.mm-highlight-pinned:hover .mm-callout-icon svg > circle {
fill: var(--mm-yellow);
}.mm-highlight-callout-card.mm-highlight-auto:hover .mm-callout-highlight,
.mm-highlight-callout-card.mm-highlight-pinned:hover .mm-callout-highlight {
background-position: left 84%;
        background-size: 100% 78%;
        transition-duration: .9s;
        transition-timing-function: cubic-bezier(.2, .65, .25, 1);
}}@media (max-width: 600px) {.mm-dossier-post .kg-callout-card {
margin: 1.4rem 0 0 !important;
        padding: 1.55rem 1.55rem !important;
}.mm-dossier-post .kg-callout-card.mm-technical-callout-card .kg-callout-text {
grid-template-columns: 3.45rem minmax(0, 1fr);
        column-gap: 1rem;
        align-items: center !important;
}.mm-callout-icon {
width: 3.45rem;
        height: 3.45rem;
}.mm-callout-line {
gap: .6rem !important;
}.mm-callout-label {
}.mm-callout-separator {
font-size: 1.35rem !important;
}.mm-callout-body {
max-width: none;
        font-size: clamp(1.76rem, 4.65vw, 1.96rem) !important;
        line-height: 1.3 !important;
}}@media (max-width: 430px) {.mm-dossier-post .kg-callout-card.mm-technical-callout-card .kg-callout-text {
align-items: start !important;
}.mm-callout-icon {
margin-top: .05rem !important;
}.mm-callout-line {
display: grid !important;
        grid-template-columns: max-content auto !important;
        column-gap: .55rem !important;
        row-gap: .55rem !important;
        align-items: center !important;
}.mm-callout-body {
grid-column: 1 / -1 !important;
}}@media (prefers-reduced-motion: reduce) {.mm-publication-intro .mm-publication-dash-1,
.mm-publication-intro .mm-publication-dash-2,
.mm-publication-intro .mm-publication-arrow {
animation: none;
}}@media (max-width: 991px) {.mm-rail-subscribe {
margin-top: 3rem;
}}@media (max-width: 991px) {.mm-home-main,
.mm-post-main {
padding-top: 3.4rem;
}.mm-latest-article .gh-article-header,
.mm-post-article .gh-article-header {
padding-top: 2.5rem;
}}@media (max-width: 600px) {.mm-home-main,
.mm-post-main {
padding-top: 3rem;
}.mm-latest-article .gh-article-header,
.mm-post-article .gh-article-header {
padding-top: 2.75rem;
}}@media (max-width: 600px) {.mm-callout-label--stacked {
flex-basis: 12.3ch;
        width: 12.3ch;
        max-width: 12.3ch;
}}@media (prefers-reduced-motion: reduce) {.mm-callout-deep-linked{
transition: none;
}}@media (min-width: 992px) {.page-template .mm-page-main {
padding-top: 5.6rem;
}.page-template .mm-page-main .gh-article-header {
padding-top: 6.5rem;
}}@media (max-width: 991px) {.page-template .mm-page-main {
padding-top: 3.4rem;
}.page-template .mm-page-main .gh-article-header {
padding-top: 2.5rem;
}}@media (max-width: 600px) {.page-template .mm-page-main {
padding-top: 3rem;
}.page-template .mm-page-main .gh-article-header {
padding-top: 2.75rem;
}}@media (max-width: 700px) {.mm-dossier-post .kg-callout-card.mm-technical-callout-card .kg-callout-text {
grid-template-columns: 3.45rem minmax(0, 1fr) !important;
        column-gap: 1rem !important;
        align-items: start !important;
        min-width: 0 !important;
}.mm-dossier-post .kg-callout-card.mm-technical-callout-card .mm-callout-icon {
align-self: start !important;
        margin-top: .04rem !important;
}.mm-dossier-post .kg-callout-card.mm-technical-callout-card .mm-callout-line {
display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}.mm-dossier-post .kg-callout-card.mm-technical-callout-card .mm-callout-label--stacked {
display: block !important;
        width: 12.3ch !important;
        max-width: 12.3ch !important;
        margin: 0 0 .72rem 0 !important;
        white-space: normal !important;
}.mm-dossier-post .kg-callout-card.mm-technical-callout-card .mm-callout-body {
display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
}.mm-dossier-post .kg-callout-card.mm-technical-callout-card .mm-callout-highlight {
white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
}}@media (max-width: 600px) {.mm-rail-subscribe {
margin-top: 1.5rem;
}}@media (max-width: 600px) {.mm-404-label {
margin-bottom: 1.15rem;
        font-size: 1.15rem;
}}@media (max-width: 600px) {.mm-home-summary {
margin-top: 4.5rem;
}.mm-home-summary-title {
font-size: clamp(2.8rem, 8vw, 3.6rem);
}.mm-home-summary-body {
margin-top: 1.5rem;
}.mm-home-summary-excerpt {
font-size: 1.7rem;
        line-height: 1.6;
}.mm-home-summary-question {

        align-items: start;

}.mm-home-summary-question .mm-home-summary-question-icon {

        align-self: start;
}.mm-home-summary-question-copy {

        align-items: start;
}.mm-home-summary-question .mm-home-summary-question-text {
        font-size: 1.62rem;
        line-height: 1.32;
}.mm-home-summary-meta {
align-items: flex-start;
        flex-direction: column;
        gap: .75rem;
}}@media (max-width: 600px) {.mm-home-summary-excerpt + .mm-home-summary-meta {
margin-top: 1.5rem;
}}/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */.mm-visually-hidden {
position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}.mm-skip-link {
position: fixed;
    top: 1rem;
    left: 1rem;
    z-index: 10000;
    padding: .9rem 1.2rem;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing:var(--mm-mono-track-standard);
    color: #111;
    background: #fff;
    border: 2px solid #111;
    border-radius: 2px;
    opacity: 0;
    transform: translateY(calc(-100% - 2rem));
    transition: transform .14s ease, opacity .14s ease;
}.mm-skip-link:focus,
.mm-skip-link:focus-visible {
opacity: 1;
    transform: translateY(0);
    outline: 3px solid var(--mm-yellow);
    outline-offset: 2px;
}
/* ==========================================================================
   SOURCES
   ========================================================================== */
/* Sources remain canonical Source: paragraphs inside Dossiers. /sources/ renders
   lightweight source references, then enriches them from each unique Dossier URL
   when JavaScript is available. Without JavaScript, the story links remain usable. */

.mm-sources-page .mm-sources-section[hidden] + .mm-sources-section { margin-top: 0; }

.mm-sources-page [hidden] { display: none !important; }
.mm-sources-page .mm-index-list { margin-top: 2.5rem; }
.mm-sources-page .mm-sources-section + .mm-sources-section { margin-top: 3.7rem; }
.mm-sources-type-heading { margin-bottom: .2rem; }

/* The source finder is an enhancement: no dead search control without JS. */
.mm-sources-search { display: none; }
html.js .mm-sources-search { display: block; }
.mm-sources-tools { margin-top: 2.5rem; }
.mm-sources-search-label {
    display: block;
    margin-bottom: .65rem;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-micro);
    line-height: 1.3;
    font-weight: 700;
    letter-spacing:var(--mm-mono-track-micro);
    text-transform: uppercase;
    color: rgba(37, 43, 47, .72);
}
.mm-sources-search-field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 62rem;
    min-height: 4.6rem;
    border: 1px solid #c9cbc8;
    background: #fff;
}
.mm-sources-search-field:focus-within {
    border-color: var(--mm-blue);
    box-shadow: 0 0 0 1px var(--mm-blue);
}
.mm-sources-search-icon {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    margin-left: 1.35rem;
    color: rgba(37, 43, 47, .58);
}
.mm-sources-search-field input {
    min-width: 0;
    width: 100%;
    height: 4.4rem;
    padding: 0 1.1rem;
    border: 0;
    background: transparent;
    font-family: var(--mm-sans);
    font-size: 1.6rem; /* 16px floor: iOS zooms on focus of inputs under 16px */
    line-height: 1;
    color: #252b2f;
    -webkit-appearance: none;
    appearance: none;
}
.mm-sources-search-field input::placeholder { color: rgba(37, 43, 47, .48); }
.mm-sources-search-field input::-webkit-search-cancel-button { display: none; }
.mm-sources-search-clear {
    flex: 0 0 auto;
    margin-right: .7rem;
    padding: .6rem .65rem;
    border: 0;
    background: transparent;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-micro);
    font-weight: 700;
    letter-spacing:var(--mm-mono-track-micro);
    text-transform: uppercase;
    color: var(--mm-blue);
    cursor: pointer;
}
.mm-sources-search-clear:hover,
.mm-sources-search-clear:focus-visible { text-decoration: underline; text-underline-offset: .18em; }

.mm-sources-page .mm-sources-filters { margin-top: 1.8rem; }
.mm-sources-status {
    min-height: 1.4em;
    margin: .85rem 0 0;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-micro);
    font-weight: 600;
    letter-spacing:var(--mm-mono-track-micro);
    text-transform: uppercase;
    color: rgba(37, 43, 47, .55);
}
.mm-sources-empty {
    margin: 2.5rem 0 0;
    font-family: var(--mm-serif);
    font-size: 1.7rem;
    line-height: 1.55;
    color: #30383d;
}

.mm-sources-page .mm-sources-entry {
    padding-top: 2.15rem;
    padding-bottom: 2.3rem;
    border-top: 0;
}
.mm-sources-work-list .mm-sources-entry + .mm-sources-entry::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 5.15rem;
    height: 1px;
    content: "";
    background: #d7d8d6;
}
.mm-sources-page .mm-sources-entry .mm-index-icon {
    width: 3.45rem;
    height: 3.45rem;
    margin-top: .06rem;
    opacity: .82;
}
.mm-sources-entry .mm-index-icon svg > circle { fill: transparent; stroke: #252b2f; }
.mm-sources-page .mm-sources-entry.is-targeted .mm-index-icon { opacity: 1; }
.mm-sources-work { scroll-margin-top: 4.5rem; }

body.mm-body .mm-sources-page .mm-sources-work-title {
    margin: 0 0 .16rem;
    max-width: 65ch;
}
.mm-sources-entry .mm-sources-citation {
    display: block;
    max-width: 70ch;
    margin: 0 0 1rem;
    font-family: var(--mm-serif);
    font-size: 1.56rem;
    line-height: 1.58;
    font-weight: 500;
    letter-spacing: -.004em;
    color: #30383d;
}
.mm-sources-entry .mm-sources-citation--primary {
    max-width: 66ch;
    font-size: 1.7rem;
    line-height: 1.52;
}
.mm-sources-entry .mm-sources-citation--primary a,
.mm-sources-entry .mm-sources-citation--primary em,
.mm-sources-entry .mm-sources-citation--primary cite { font-weight: 600; }
.mm-sources-citation-item { display: block; }
.mm-sources-citation-item + .mm-sources-citation-item { margin-top: .45rem; }
.mm-sources-citation a { color: var(--mm-blue); text-underline-offset: .16em; }
.mm-sources-citation a:hover,
.mm-sources-citation a:focus-visible { text-decoration-thickness: 1.5px; }

.mm-sources-entry .mm-index-examples { margin-top: .1rem; margin-left: 0; }
.mm-sources-entry .mm-index-example {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: .72rem;
    align-items: baseline;
    margin: 0;
    font-family: var(--mm-sans);
    font-size: 1.46rem;
    font-weight: 500;
    line-height: 1.42;
}
.mm-sources-entry .mm-index-example + .mm-index-example { margin-top: .25rem; }
.mm-sources-entry .mm-index-example a {
    min-width: 0;
    color: var(--mm-blue);
    text-decoration: none;
}
.mm-sources-entry .mm-index-example a:hover,
.mm-sources-entry .mm-index-example a:focus-visible {
    color: var(--mm-blue);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
}
.mm-sources-used-label {
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-micro);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing:var(--mm-mono-track-micro);
    text-transform: uppercase;
    color: rgba(37, 43, 47, .70);
    white-space: nowrap;
}
.mm-dossier-post .gh-content .mm-source-line { scroll-margin-top: 4.5rem; }

/* Rail navigation is intentionally a vertical table of contents. */
body.mm-body .mm-rail-nav .nav {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: .95rem;
}
body.mm-body .mm-rail-nav .nav li { width: max-content; max-width: 100%; }
body.mm-body .mm-rail-subscribe { margin-top: 3.6rem; }

/* Sources filters use the same marker/highlighter language as the Index. */
.mm-index-filters a[data-mm-sources-filter="all"]::before { background: #91B9FB; }
.mm-index-filters a[data-mm-sources-filter="books"]::before { background: var(--mm-yellow); }
.mm-index-filters a[data-mm-sources-filter="articles"]::before { background: #91B9FB; }
.mm-index-filters a[data-mm-sources-filter="research"]::before { background: var(--mm-green, #2F8F4E); }
.mm-index-filters a[data-mm-sources-filter="other"]::before { background: var(--mm-orange, #F15A24); }
.mm-sources-page .mm-index-filters a::before {
    right: -.22rem;
    bottom: -.055rem;
    left: -.22rem;
    height: .86em;
}

/* Arrival emphasis mirrors Operating Index deep-link emphasis. */
.mm-sources-work.is-targeted .mm-index-icon {
    transform: translateY(-.06rem) scale(1.08);
    transition: transform .28s ease;
}
.mm-sources-work[data-mm-source-kind="articles"].is-targeted .mm-index-icon svg > circle {
    fill: var(--mm-blue);
    stroke: var(--mm-blue);
    transition: fill .32s ease, stroke .32s ease;
}
.mm-sources-work[data-mm-source-kind="articles"].is-targeted .mm-sources-periodical-lines { stroke: #fff; transition: stroke .32s ease; }
.mm-sources-work[data-mm-source-kind="books"].is-targeted .mm-index-icon svg > circle {
    fill: var(--mm-yellow);
    stroke: #252b2f;
    transition: fill .32s ease, stroke .32s ease;
}
.mm-sources-work[data-mm-source-kind="books"].is-targeted .mm-sources-book-pages { fill: #fff; transition: fill .32s ease; }
.mm-sources-work[data-mm-source-kind="research"].is-targeted .mm-index-icon svg > circle {
    fill: var(--mm-green, #2F8F4E);
    stroke: var(--mm-green, #2F8F4E);
}
.mm-sources-work[data-mm-source-kind="research"].is-targeted .mm-sources-research-lines { stroke: #fff; }
.mm-sources-work[data-mm-source-kind="other"].is-targeted .mm-index-icon svg > circle {
    fill: var(--mm-orange, #F15A24);
    stroke: var(--mm-orange, #F15A24);
}
.mm-sources-work[data-mm-source-kind="other"].is-targeted .mm-sources-other-lines { stroke: #fff; }

@media (max-width: 767px) {
    .mm-sources-tools { margin-top: 2.1rem; }
    .mm-sources-page .mm-index-list { margin-top: 1.85rem; }
    .mm-sources-page .mm-sources-section + .mm-sources-section { margin-top: 3rem; }
    .mm-sources-page .mm-sources-entry { padding-top: 1.8rem; padding-bottom: 1.95rem; }
    .mm-sources-work-list .mm-sources-entry + .mm-sources-entry::before { left: 4.45rem; }
    .mm-sources-page .mm-sources-entry .mm-index-icon { width: 3.2rem; height: 3.2rem; }
    .mm-sources-entry .mm-sources-citation { max-width: 60ch; font-size: 1.5rem; line-height: 1.56; }
    .mm-sources-entry .mm-sources-citation--primary { font-size: 1.58rem; }
    .mm-sources-entry .mm-index-example { font-size: 1.42rem; }
    .mm-sources-used-label { }
}
@media (max-width: 600px) {
    .mm-sources-search-field { max-width: none; min-height: 4.4rem; }
    .mm-sources-search-field input { height: 4.2rem; font-size: 1.5rem; }
    .mm-sources-page .mm-sources-filters {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 0 1.55rem;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .mm-sources-page .mm-sources-filters::-webkit-scrollbar { display: none; }
    .mm-sources-page .mm-index-filters a { width: max-content; flex: 0 0 auto; }
    .mm-sources-page .mm-index-list { margin-top: 1.35rem; }
}
@media (prefers-reduced-motion: reduce) {
    .mm-sources-work.is-targeted .mm-index-icon,
    .mm-sources-work.is-targeted .mm-index-icon svg > circle,
    .mm-sources-work.is-targeted .mm-sources-periodical-lines,
    .mm-sources-work.is-targeted .mm-sources-book-pages { transition: none; }
}

/* v1.15.8 About page geometry
   Give About the same canonical 720px page frame and title origin as Sources
   and the Operating Index. */
body.page-about .mm-page-main .gh-article {
    max-width: calc(72rem + (var(--gap) * 2));
}

body.page-about .mm-page-main .gh-article-header {
    margin-top: 0;
}

body.page-about .mm-page-main .gh-article-title {
    margin: 0;
    font-family: var(--mm-serif);
    font-size: clamp(4.2rem, 5.2vw, 6.2rem);
    font-weight: 700;
    line-height: .98;
    letter-spacing: -.035em;
    text-wrap: balance;
}

body.page-about .mm-page-main .gh-content {
    --content-width: 72rem;
}

@media (max-width: 767px) {
    body.page-about .mm-page-main .gh-article-title {
        font-size: clamp(3.8rem, 11vw, 5rem);
    }
}

/* v1.15.9 Narrow rail compression + About width consistency
   Preserve the rail's large masthead character, but remove excess vertical
   air on tablet/mobile. A legacy high-specificity subscribe margin is
   explicitly overridden here so the compact rhythm actually wins. */
@media (max-width: 991px) {
    .mm-rail-inner {
        padding-top: 2.45rem;
        padding-bottom: 2.25rem;
    }

    .mm-publication {
        margin-top: 1.55rem;
    }

    .mm-publication-title {
        font-size: clamp(4rem, 6.85vw, 5.25rem);
    }

    .mm-publication-tagline {
        margin-top: .78rem;
        font-size: 1.66rem;
    }

    .mm-rail-nav {
        margin-top: 1.25rem;
    }

    body.mm-body .mm-rail-nav .nav {
        gap: .72rem;
    }

    body.mm-body .mm-rail-subscribe {
        margin-top: 2rem;
    }

    .mm-subscribe-label {
        margin-bottom: .24rem;
    }
}

@media (max-width: 600px) {
    .mm-rail-inner {
        padding-top: 1.75rem;
        padding-bottom: 1.55rem;
    }

    .mm-publication {
        margin-top: .82rem;
    }

    .mm-publication-title {
        font-size: clamp(3.45rem, 9.55vw, 4.32rem);
        line-height: .91;
    }

    .mm-publication-tagline {
        margin-top: .55rem;
        font-size: 1.5rem;
    }

    .mm-rail-nav {
        margin-top: .82rem;
    }

    body.mm-body .mm-rail-nav .nav {
        gap: .52rem;
    }

    

    body.mm-body .mm-rail-subscribe {
        margin-top: 1.45rem;
    }

    .mm-subscribe-label {
        margin-bottom: .14rem;
    }

    .mm-subscribe-form {
        height: 4.6rem;
    }
}

/* ========================================================================== */
/* 1.16.0 — Narrow article start spacing                                      */
/* Pull the first article toward the rail without changing the rail itself.   */
/* ========================================================================== */
@media (max-width: 991px) {
    .mm-home-main,
    .mm-post-main {
        padding-top: .8rem;
    }

    .mm-latest-article .gh-article-header,
    .mm-post-article .gh-article-header {
        padding-top: .2rem;
    }
}

/* ========================================================================== */
/* 1.16.1 — Narrow rail horizontal containment                               */
/* Keep right-aligned rail controls fully inside the blue masthead at phone   */
/* widths without changing the established rail height or vertical rhythm.    */
/* ========================================================================== */
@media (max-width: 600px) {
    .mm-rail-inner,
    .mm-rail-top,
    .mm-rail-subscribe,
    .mm-subscribe-block,
    .mm-subscribe-form {
        min-width: 0;
        box-sizing: border-box;
    }

    .mm-rail-inner {
        width: 100%;
        max-width: 100%;
    }

    /* Earlier theme layers allow the two right-aligned controls to consume
       the rail's right padding at very narrow widths. Restore that safe area
       explicitly while leaving the left alignment and vertical layout alone. */
    .mm-rail-top,
    .mm-rail-subscribe {
        width: calc(100% - 2.4rem);
        max-width: calc(100% - 2.4rem);
    }

    .mm-subscribe-block,
    .mm-subscribe-form {
        width: 100%;
        max-width: 100%;
    }

    .mm-subscribe-form {
        grid-template-columns: minmax(0, 1fr) 3.4rem;
    }

    .mm-subscribe-form input {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .mm-search,
    .mm-subscribe-form button {
        flex: 0 0 auto;
    }
}

/* ========================================================================== */
/* MOBILE DOSSIER GEOMETRY                                                    */
/* One phone-width contract for the homepage lead and permanent Dossiers.     */
/* ========================================================================== */
@media (max-width: 600px) {
    .mm-home-main,
    .mm-post-main {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }
    .mm-home-feed {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .mm-latest-article.mm-dossier-post,
    .mm-post-article.mm-dossier-post {
        width: 100vw !important;
        inline-size: 100vw !important;
        max-width: 100vw !important;
        max-inline-size: 100vw !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    .mm-dossier-post > .gh-article-header.gh-canvas,
    .mm-dossier-post > .gh-content.gh-canvas {
        display: block !important;
        width: calc(100vw - 4rem) !important;
        inline-size: calc(100vw - 4rem) !important;
        max-width: calc(100vw - 4rem) !important;
        max-inline-size: calc(100vw - 4rem) !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    .mm-dossier-post > .gh-content.gh-canvas { --gap: .8rem; }
    .mm-dossier-post .gh-article-title,
    .mm-dossier-post > .gh-content.gh-canvas > * {
        width: 100% !important;
        inline-size: 100% !important;
        max-width: 100% !important;
        max-inline-size: 100% !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word;
    }
    .mm-dossier-post .gh-article-title {
        overflow-wrap: normal;
        word-break: normal;
    }
    .mm-dossier-post > .gh-content.gh-canvas > .kg-callout-card {
        width: 100% !important;
        inline-size: 100% !important;
        max-width: 100% !important;
        max-inline-size: 100% !important;
        justify-self: auto !important;
    }
    .mm-dossier-post .kg-callout-card {
        padding-left: 1.4rem !important;
        padding-right: 1.4rem !important;
    }
    .mm-dossier-post .kg-callout-text,
    .mm-dossier-post .mm-callout-line,
    .mm-dossier-post .mm-callout-body {
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

/* ========================================================================== */
/* 1.16.8 — Mobile homepage summary polish                                   */
/* Give summary Operating Questions a little more signature presence without  */
/* changing the mobile body measure, and align pagination to the same inset.   */
/* ========================================================================== */
@media (max-width: 600px) {
    .mm-home-summary-question {
        grid-template-columns: 3rem minmax(0, 1fr);
        column-gap: 1rem;
        margin-top: 1.85rem;
    }

    .mm-home-summary-question .mm-home-summary-question-icon {
        width: 2.8rem;
        height: 2.8rem;
    }

    .mm-home-summary-question-copy {
        grid-template-columns: 8.5rem minmax(0, 1fr);
        column-gap: 1rem;
    }

    .mm-home-summary-question-label {
        line-height: 1.08;
        color: #555b60;
    }

    .mm-home-summary-question + .mm-home-summary-meta {
        margin-top: 2.25rem;
    }

    .mm-home-pagination {
        width: 100%;
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        box-sizing: border-box;
    }
}

/* ========================================================================== */
/* HOMEPAGE POST SEPARATORS                                                   */
/* Blue is the publication-level break between stories on /. Rules inside    */
/* individual Dossiers remain the standard quiet gray.                        */
/* ========================================================================== */
.mm-home-feed .mm-latest-article .mm-post-end-rule,
.mm-home-feed .mm-home-summary-rule {
    height: 2px;
    background: var(--mm-blue);
}
@media (max-width: 600px) {
    .mm-latest-article + .mm-home-summary { margin-top: 3.2rem; }
}

/* v1.18.10 — Operating Index: concept-first team action and grouped references. */
.mm-index-team-action { display:flex; align-items:center; flex-wrap:wrap; gap:.8rem; margin-top:.38rem; }
.mm-index-entry[data-mm-index-type="questions"] .mm-index-callout-row + .mm-index-team-action { margin-top:.42rem; margin-left:var(--mm-index-text-inset); }.mm-index-entry[data-mm-index-type="questions"] .mm-index-team-action + .mm-index-examples { margin-top:1.35rem; }
.mm-index-team-action .mm-oq-copy { font-family:var(--mm-sans); font-weight:600; line-height:1.3; letter-spacing:0; color:var(--mm-blue); text-decoration:none; }
.mm-index-team-action .mm-oq-copy:focus { }
.mm-index-team-action .mm-oq-copy:hover { color:var(--mm-blue); opacity:1; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.18em; }
.mm-index-team-action .mm-oq-copy:focus-visible { color:var(--mm-blue); opacity:1; text-decoration:none; }
.mm-index-team-action .mm-oq-copy.is-copied { color:#30393e; text-decoration:none; }
.mm-index-team-share { display:none; }
.mm-index-used-in { margin:0 0 .24rem; font-family:var(--mm-mono); font-size:var(--mm-mono-size-micro); font-weight:700; line-height:1.2; letter-spacing:var(--mm-mono-track-micro); text-transform:uppercase; color:#667077; }
@media (max-width:600px) { .mm-index-team-action { margin-top:.42rem; }  .mm-index-team-action .mm-index-team-share { font-family:var(--mm-sans); font-weight:600; line-height:1.3; letter-spacing:0; color:var(--mm-blue); } html.mm-native-share-supported .mm-index-team-copy { display:none; } html.mm-native-share-supported .mm-index-team-share { display:inline-flex; align-items:center; } }

/* v1.19.3 dynamic source categories */
.mm-sources-filters [hidden] { display: none; }

/* Sources optional categories: prevent first-paint flash before JS resolves availability */
html.js .mm-sources-page [data-mm-sources-optional] {
    visibility: hidden;
}
html.js .mm-sources-page [data-mm-sources-optional].mm-source-visible {
    visibility: visible;
}

/* ========================================================================== */
/* 1.20.31 — Publication-first rail hierarchy                                */
/* The Dossier leads; the author moves to a quiet publisher imprint.          */
/* ========================================================================== */
.mm-rail-top {
    justify-content: flex-end;
}

.mm-publication {
    margin-top: 1.35rem;
}

.mm-author-imprint {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1rem;
    width: max-content;
    max-width: 100%;
    margin-top: auto;
    padding-top: 3rem;
    color: rgba(255,255,255,.76);
    text-decoration: none;
}

/* 1.20.73 — Publisher portrait at the imprint (owner decision, Aug 2026).
   Engraved-from-photo portrait, mirrored to face the page interior,
   sized as a printer's device: subordinate to the wordmark, never above it. */
.mm-author-imprint-portrait {
    display: block;
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.85);
    background: #fff;
}

.mm-author-imprint-text {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.mm-author-imprint-label {
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-micro);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing:var(--mm-mono-track-micro);
    text-transform: uppercase;
}

.mm-author-imprint-name {
    font-family: var(--mm-sans);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .015em;
    color: #fff;
}

.mm-author-imprint:hover .mm-author-imprint-name {
    color: var(--mm-yellow);
}

.mm-author-imprint:focus-visible {
    outline: 2px solid var(--mm-yellow);
    outline-offset: 5px;
}

@media (max-width: 991px) {
    .mm-publication {
        margin-top: .75rem;
    }

    .mm-author-imprint {
        margin-top: 0;
        padding-top: 1.8rem;
    }
}

@media (max-width: 600px) {
    .mm-publication {
        margin-top: .42rem;
    }

    .mm-author-imprint {
        padding-top: 1.35rem;
    }

    .mm-author-imprint-portrait {
        width: 40px;
        height: 40px;
    }

    .mm-author-imprint-name {
        font-size: 1.2rem;
    }
}

/* ========================================================================== */
/* 1.20.32 — Narrower editorial rail                                          */
/* Reduce the wide-screen blue field while preserving a stable two-line mark. */
/* ========================================================================== */
@media (min-width: 1201px) {
    .mm-shell {
        grid-template-columns: clamp(34rem, 22vw, 46rem) minmax(0, 1fr);
    }

    .mm-rail-inner {
        padding-right: clamp(4rem, 2.7vw, 5.2rem);
        padding-left: clamp(4rem, 2.7vw, 5.2rem);
    }

    .mm-publication-title {
        font-size: clamp(5rem, 3.15vw, 6rem);
    }
}

/* ========================================================================== */
/* 1.20.33 — Dossier navigation + editorial article opener                   */
/* Use the mono information language in navigation and replace the generic    */
/* centered post header with a dated, left-aligned publication treatment.     */
/* ========================================================================== */
.mm-rail-nav a,
.mm-rail-nav button {
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing:var(--mm-mono-track-standard);
}

.mm-latest-article .gh-article-header,
.mm-post-article .gh-article-header {
    padding-top: 2.4rem;
    text-align: left;
}

.mm-article-date {
    display: block;
    margin: 0 0 1.15rem;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing:var(--mm-mono-track-standard);
    text-transform: uppercase;
    color: #62676c;
}

.mm-latest-article .gh-article-title,
.mm-post-article .gh-article-title {
    max-width: 74rem;
    margin: 0;
    font-size: clamp(5.8rem, 5.3vw, 7.2rem);
    line-height: .94;
    letter-spacing: -.05em;
    text-align: left;
}

.mm-article-deck {
    max-width: 68rem;
    margin: 1.6rem 0 0;
    font-family: var(--mm-sans);
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: -.008em;
    color: #4e5459;
    text-wrap: balance;
}

.mm-latest-article .gh-article-image,
.mm-post-article .gh-article-image {
    margin-top: 3.2rem;
}

.gh-content.mm-home-content,
.mm-post-article > .gh-content {
    margin-top: 4rem;
}

@media (max-width: 991px) {
    

    .mm-latest-article .gh-article-header,
    .mm-post-article .gh-article-header {
        padding-top: .2rem;
    }

    .mm-article-date {
        margin-bottom: 1rem;
    }

    .mm-latest-article .gh-article-title,
    .mm-post-article .gh-article-title {
        font-size: clamp(3.7rem, 7vw, 5rem);
        line-height: .96;
    }

    .mm-article-deck {
        max-width: 62rem;
        margin-top: 1.4rem;
        font-size: 1.85rem;
    }

    .mm-latest-article .gh-article-image,
    .mm-post-article .gh-article-image {
        margin-top: 2.6rem;
    }
}

@media (max-width: 600px) {
    .mm-rail-nav a,
    .mm-rail-nav button {
    }

    .mm-article-date {
        margin-bottom: .85rem;
    }

    .mm-latest-article .gh-article-title,
    .mm-post-article .gh-article-title {
        font-size: clamp(3.4rem, 9.4vw, 4.25rem);
        line-height: .97;
        letter-spacing: -.042em;
    }

    .mm-article-deck {
        margin-top: 1.25rem;
        font-size: 1.72rem;
        line-height: 1.43;
        text-wrap: pretty;
    }

    .mm-latest-article .gh-article-image,
    .mm-post-article .gh-article-image {
        margin-top: 2.3rem;
    }

    .gh-content.mm-home-content,
    .mm-post-article > .gh-content {
        margin-top: 3.4rem;
    }
}

/* ========================================================================== */
/* 1.20.34 — Compact mobile publication masthead                             */
/* Preserve the Dossier title while removing vertical air around the rail.   */
/* ========================================================================== */
@media (max-width: 600px) {
    .mm-rail-inner {
        padding: 1.35rem 2.2rem 1.3rem;
    }

    .mm-rail-top {
        min-height: 2.8rem;
    }

    .mm-search {
        width: 2.8rem;
        height: 2.8rem;
    }

    .mm-search svg {
        width: 2rem;
        height: 2rem;
    }

    .mm-publication {
        margin-top: .25rem;
    }

    .mm-publication-tagline {
        margin-top: .38rem;
        font-size: 1.45rem;
        line-height: 1.32;
    }

    .mm-rail-nav {
        margin-top: .68rem;
    }

    body.mm-body .mm-rail-nav .nav {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: .34rem 1.35rem;
    }

    body.mm-body .mm-rail-nav .nav li {
        width: auto;
        max-width: 100%;
    }

    .mm-rail-nav a,
    .mm-rail-nav button {
        padding: .22rem 0;
        line-height: 1.25;
    }

    body.mm-body .mm-rail-subscribe {
        margin-top: .92rem;
    }

    .mm-subscribe-label {
        margin-bottom: .1rem; }

    .mm-subscribe-form {
        height: 4.2rem;
    }

    .mm-subscribe-form input {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }

    .mm-author-imprint {
        gap: .85rem;
        padding-top: .85rem;
        color: rgba(255,255,255,.58);
    }

    .mm-author-imprint-portrait {
        width: 44px;
        height: 44px;
        border-color: rgba(255,255,255,.7);
    }

    .mm-author-imprint-label {
        font-weight: 600;
    }

    .mm-author-imprint-name {
        font-size: 1.08rem;
        font-weight: 600;
        color: rgba(255,255,255,.78);
    }
}

/* ========================================================================== */
/* 1.20.35 — Editorial reading measure                                        */
/* Let the opener span 740px while keeping long-form reading at 680px.        */
/* ========================================================================== */
.mm-latest-article,
.mm-post-article {
    max-width: 81.2rem;
}

.mm-latest-article .gh-article-header,
.mm-post-article .gh-article-header {
    --content-width: 74rem;
}

.gh-content.mm-home-content,
.mm-post-article > .gh-content,
.mm-dossier-post > .mm-post-end {
    --content-width: 68rem;
}

/* ========================================================================== */
/* 1.20.36 — Unified homepage summary hierarchy                               */
/* Date, title, description, question, and reading action now share one flow. */
/* ========================================================================== */
.mm-home-summary-header,
.mm-home-summary-body {
    --content-width: 68rem;
}

.mm-home-summary-date {
    display: block;
    margin: 0 0 1rem;
    font-family: var(--mm-mono);
    font-size:var(--mm-mono-size-standard);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing:var(--mm-mono-track-standard);
    text-transform: uppercase;
    color: #62676c;
}

.mm-home-summary-body {
    margin-top: 1.6rem;
}

.mm-home-summary-meta {
    justify-content: flex-start;
}

@media (max-width: 600px) {
    .mm-home-summary-date {
        margin-bottom: .82rem;
    }

    .mm-home-summary-body {
        margin-top: 1.35rem;
    }

    .mm-home-summary-meta {
        flex-direction: row;
        align-items: center;
        gap: 0;
    }
}

/* ========================================================================== */
/* 1.20.37 — Restrained navigation state                                      */
/* A tiny yellow circle identifies the current publication section.           */
/* ========================================================================== */
.mm-rail-nav .nav-current > a::before,
body.post-template .mm-rail-nav .nav-dossier > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1.15rem;
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    background: var(--mm-yellow);
    transform: translateY(-50%);
}

@media (max-width: 600px) {
    .mm-rail-nav .nav-current > a::before,
    body.post-template .mm-rail-nav .nav-dossier > a::before {
        left: -.95rem;
        width: .52rem;
        height: .52rem;
    }
}

/* ========================================================================== */
/* 1.20.38 — Publication subscription language + editorial captions           */
/* Keep descriptions quiet; let linked and labeled credits read as sources.  */
/* ========================================================================== */
body.mm-body figcaption {
    margin-top: .9rem;
    font-family: var(--mm-sans);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: .002em;
    color: #6c7378;
    text-align: left;
}

body.mm-body figcaption a {
    font-family: var(--mm-mono);
    font-size: .95em;
    font-weight: 600;
    letter-spacing: .018em;
    color: #596167;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .16em;
}

body.mm-body figcaption:has(a) {
    font-family: var(--mm-mono);
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .012em;
}

body.mm-body figcaption > strong:first-child,
body.mm-body figcaption > b:first-child {
    font-family: var(--mm-mono);
    font-size: .94em;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
    color: #596167;
}

body.mm-body figcaption a:hover,
body.mm-body figcaption a:focus-visible {
    color: var(--mm-blue);
}

@media (max-width: 600px) {
    body.mm-body figcaption {
        margin-top: .75rem;
        font-size: 1.2rem;
    }

    body.mm-body figcaption:has(a) {
        font-size: 1.15rem;
    }
}

html:not(.js) .mm-sources-tools {
    display: none;
}

/* Essay heading tier: the sans structural voice inside serif running text.
   Designed ahead of long essays - see the TYPE RULE comment. */
.mm-dossier-post .gh-content > h2,
.mm-page-article .gh-content > h2 {
    font-family: var(--mm-sans);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -.014em;
    color: #1f272c;
}
.mm-dossier-post .gh-content > h3,
.mm-page-article .gh-content > h3 {
    font-family: var(--mm-sans);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.008em;
    color: #1f272c;
}
/* Desktop text measure: cap running text at ~62rem while callouts, figures,
   and embeds keep the full canvas - the measure is meant to be broken. */
.mm-dossier-post .gh-content > p,
.mm-dossier-post .gh-content > ul,
.mm-dossier-post .gh-content > ol,
.mm-dossier-post .gh-content > blockquote,
.mm-dossier-post .gh-content > h2,
.mm-dossier-post .gh-content > h3,
.mm-dossier-post .gh-content > h4,
.mm-page-article .gh-content > p,
.mm-page-article .gh-content > ul,
.mm-page-article .gh-content > ol,
.mm-page-article .gh-content > blockquote,
.mm-page-article .gh-content > h2,
.mm-page-article .gh-content > h3,
.mm-page-article .gh-content > h4 {
    max-width: 62rem;
}

/* ==========================================================================
   FOCUS RULE - two-token focus language, site-wide
   Every interactive element gets a designed ring: blue on light surfaces,
   yellow inside the blue rail. Written with :where() so the handful of
   deliberately tuned rings (publication title, skip link, copy buttons)
   keep their offsets. outline: none is banned - a suppression may only be
   replaced by an equal-or-better visible ring.
   ========================================================================== */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--mm-blue);
    outline-offset: 3px;
}
:where(.mm-rail) :where(a, button, input):focus-visible {
    outline: 2px solid var(--mm-yellow);
    outline-offset: 3px;
}
/* Portal request in flight: the form says so instead of freezing silently. */
.mm-subscribe-form.loading {
    opacity: .55;
}
.mm-subscribe-form.loading button {
    cursor: progress;
}
.mm-subscribe-form.loading button svg {
    animation: mm-subscribe-spin .9s linear infinite;
}
@keyframes mm-subscribe-spin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .mm-subscribe-form.loading button svg { animation: none; }
}
/* Portal never booted (blocked or disabled): a form that cannot submit is
   worse than no form - remove it rather than strand the reader. */
.mm-rail-subscribe.mm-no-portal {
    display: none;
}

/* Operating Index mobile pass (scoped: .mm-index-filters is shared with
   Sources, which keeps its own scrolling row pattern). */
@media (max-width: 600px) {
    /* 24px+ filter targets without moving the marker: the visible chip stays
       compact; an invisible ::after pad extends the hit area. */
    .mm-operating-index .mm-index-filters a::after {
        content: "";
        position: absolute;
        inset: -.55rem -.4rem;
    }
    /* 32px+ copy/share targets in the entry action row. */
    .mm-operating-index .mm-index-team-action .mm-oq-copy {
        align-items: center;
        min-height: 3.2rem;
        padding-top: .2rem;
        padding-bottom: .2rem;
    }
    /* With one type filtered, the lone section heading repeats the active
       filter chip word for word. Hide it visually, keep it for AT - the
       heading still labels the section for screen reader navigation. */
    .mm-operating-index.mm-index-type-filtered .mm-index-section-heading {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }
}

/* Share row: demoted from social coins to the end matter's own mono voice.
   SHARE: X · LINKEDIN · COPY LINK - text links, no badges in the reading
   column, no Facebook. */
.mm-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 1.15rem;
}
.mm-share-lead,
.mm-share-sep,
.mm-share .mm-share-link {
    font-family: var(--mm-mono);
    font-size: var(--mm-mono-size-standard);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: var(--mm-mono-track-standard);
    text-transform: uppercase;
}
.mm-share-lead {
    color: #62676C;
}
.mm-share-sep {
    color: #b4babf;
}
.mm-share .mm-share-link {
    appearance: none;
    display: inline-flex;
    align-items: center;
    min-height: 3.2rem;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--mm-blue);
    /* Persistent underline - the site's standing "this is a link" mark -
       so the actions read as actions beside the gray mono dateline instead
       of dissolving into one metadata string. */
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .22em;
    text-decoration-color: rgba(11, 99, 246, .55);
    cursor: pointer;
}
.mm-share .mm-share-link:hover,
.mm-share .mm-share-link:focus-visible {
    text-decoration-color: var(--mm-blue);
    text-decoration-thickness: 2px;
}
/* Copied confirmation: ink, per the color rule; the check rides the label. */
.mm-share .mm-copy-link.is-copied {
    color: #30393e;
    text-decoration: none;
}
.mm-share .mm-copy-link.is-copied::after {
    content: " \2713";
}

/* Adjacent-dossier lines: the onward route out of an essay. One line per
   direction, mono label + linked serif title - never a related-posts module. */
.mm-post-adjacent-nav {
    margin: 2.1rem 0 1.7rem;
}
.mm-post-adjacent-nav:empty {
    display: none;
}
.mm-post-adjacent {
    display: grid;
    grid-template-columns: minmax(11.5rem,15rem) minmax(0,1fr);
    gap: 1rem;
    align-items: baseline;
    margin: 0;
}
.mm-post-adjacent + .mm-post-adjacent {
    margin-top: .85rem;
}
.mm-post-adjacent-label {
    flex: 0 0 auto;
    font-family: var(--mm-mono);
    font-size: var(--mm-mono-size-standard);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: var(--mm-mono-track-standard);
    text-transform: uppercase;
    color: #62676C;
}
.mm-post-adjacent-link {
    min-width: 0;
    font-family: var(--mm-serif);
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.32;
    color: #1f272c;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .22em;
    text-decoration-color: rgba(31, 39, 44, .55);
}
.mm-post-adjacent-link:hover,
.mm-post-adjacent-link:focus-visible {
    color: var(--mm-blue);
    text-decoration-color: var(--mm-blue);
}
@media (max-width: 600px) {
    .mm-post-adjacent {
        grid-template-columns: 1fr;
        gap: .2rem;
    }
    .mm-post-adjacent + .mm-post-adjacent {
        margin-top: 1.15rem;
    }
}

/* Ghost static pages (the charter today, every future page automatically)
   speak the article dialect: left-aligned serif title on the article scale,
   the 1.9rem body, and the 62rem text measure via the same
   text-children-only scoping extended above, so embedded callouts keep
   breaking the measure exactly as in posts. Scoped to .mm-page-article
   only - the 404 keeps its own designed header (mm-error-article is never
   swept up by these rules), and page-about's bespoke title rules outrank
   them where they apply. */
.mm-page-article .gh-article-header {
    text-align: left;
}
.mm-page-article .gh-article-title {
    margin: 0;
    font-family: var(--mm-serif);
    font-size: clamp(4.4rem, 4.3vw, 6rem);
    font-weight: 700;
    line-height: .98;
    letter-spacing: -0.045em;
    text-wrap: balance;
}
.mm-page-article > .gh-content {
    --content-font-size: 1.9rem;
}

/* The X share link is an 8px glyph; extend its hit area with the theme's
   established ::after pattern (as on filter chips) rather than padding plus
   negative margin, which would crowd the row's gaps. 24x43px effective. */
.mm-share .mm-share-x {
    position: relative;
}
.mm-share .mm-share-x::after {
    content: "";
    position: absolute;
    inset: -.55rem -.8rem;
}
/* End matter at phone widths: the nested canvas was double-applying the
   gutter (children at x=40 against a body column at x=20). Span the full
   canvas so the end matter honors the same column edge as the prose. */
@media (max-width: 600px) {
    .mm-post-end.gh-canvas > * {
        grid-column: 1 / -1;
    }
}

/* No-JS readers: the Index copy/share row is JS-driven; hide it without JS,
   matching the Sources tools pattern. */
/* Filter chips are client-side-only controls on both the Operating Index
   and Sources: without JavaScript a chip click reloads the page and filters
   nothing. Hide the rows no-JS, matching the .mm-sources-tools and
   .mm-index-team-action precedent. The server render (all sections visible)
   is the correct no-JS experience. */
html:not(.js) .mm-index-filters {
    display: none !important;
}
html:not(.js) .mm-index-team-action {
    display: none;
}

/* The subscribe arrow is itself yellow: a yellow focus ring would read as a
   halo of the button, not a state. White (5.09:1 on the rail blue) is this
   one control's ring; everything else in the rail keeps yellow. */
.mm-rail .mm-subscribe-form button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

/* Windows High Contrast / forced-colors: every active-state indicator on the
   site is a background-painted mark (the filter chips' underline band, the
   rail's yellow current-page dot) and forced-colors erases backgrounds, so
   active and inactive states rendered identically. Underline is the site's
   own standing link grammar - no new visual vocabulary. Inert outside
   forced-colors mode. */
@media (forced-colors: active) {
    .mm-index-filters a.is-active,
    .mm-index-filters a[aria-current] {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: .22em;
    }
    .mm-rail-nav .nav-current > a {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: .22em;
    }
}

/* ========================================================================== */
/* 1.20.74 — Mobile subscribe disclosure                                      */
/* On phones the blue band was top-heavy: wordmark, tagline, nav, then a      */
/* three-part subscribe stack (yellow label, white input, yellow button)      */
/* louder than anything else on screen. Under 600px the block collapses to   */
/* its label as a one-line button; tapping reveals the form and focuses the  */
/* input. Desktop unchanged. No-JS phones keep the full form (fail-open).    */
/* ========================================================================== */
.mm-subscribe-disclose {
    display: none;
}

@media (max-width: 600px) {
    html.js .mm-subscribe-disclose {
        display: flex;
        align-items: center;
        gap: .7rem;
        width: 100%;
        min-height: 4.4rem; /* touch target */
        padding: 0;
        background: transparent;
        border: 0;
        cursor: pointer;
        text-align: left;
        font-family: var(--mm-sans);
        font-size: 1.9rem;
        font-weight: 800;
        letter-spacing: .06em;
        color: var(--mm-yellow-soft);
    }

    html.js .mm-subscribe-disclose svg {
        width: 16px;
        height: 16px;
        flex: none;
        transition: transform .2s ease;
    }

    html.js .mm-subscribe-block.is-open .mm-subscribe-disclose svg {
        transform: rotate(180deg);
    }

    html.js .mm-subscribe-disclose:focus-visible {
        outline: 2px solid var(--mm-yellow);
        outline-offset: 4px;
    }

    /* Collapsed: hide the form and its status messages. Open: the button
       stays as the heading, so the duplicate static label stays hidden at
       this width in both states. */
    html.js .mm-subscribe-block .mm-subscribe-label {
        display: none;
    }

    html.js .mm-subscribe-block:not(.is-open) .mm-subscribe-form,
    html.js .mm-subscribe-block:not(.is-open) .mm-subscribe-message {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.js .mm-subscribe-disclose svg {
        transition: none;
    }
}