:root {
  --dd-ink: #132633;
  --dd-muted: #53616b;
  --dd-paper: #f7f4ec;
  --dd-line: #d9dedb;
  --dd-orange: #be5c42;
  --md-primary-fg-color: #132633;
  --md-accent-fg-color: #af513b;
  --md-default-bg-color: #f7f4ec;
  --md-default-fg-color: #132633;
  --md-typeset-a-color: #a74732;
}
html { scroll-behavior: smooth; }
body { background: var(--dd-paper); }
.md-header { background: var(--dd-ink); box-shadow: none; }
.md-header__title { font-family: Georgia, "Times New Roman", serif; font-size: .95rem; letter-spacing: -.02em; }
.md-tabs { background: var(--dd-ink); }
.md-tabs__link { font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; }
.md-search__form { background: rgba(255,255,255,.12); border-radius: 3px; }
.md-typeset { color: var(--dd-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: .84rem; line-height: 1.8; }
.md-typeset h1, .md-typeset h2, .md-typeset h3 { font-family: Georgia, "Times New Roman", serif; letter-spacing: -.035em; color: var(--dd-ink); }
.md-typeset h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.13; font-weight: 400; margin-bottom: 1rem; }
.md-typeset h2 { font-size: 1.65rem; font-weight: 400; margin-top: 2.2em; }
.md-typeset h3 { font-size: 1.2rem; font-weight: 400; }
.md-typeset a { text-decoration-thickness: 1px; text-underline-offset: .18em; }
.md-typeset blockquote { border-left-color: var(--dd-orange); }
.md-content__inner { padding-top: 1.8rem; }
.md-nav__link { line-height: 1.4; }
.md-nav__item--active > .md-nav__link { font-weight: 700; }
.md-footer { background: var(--dd-ink); }
.md-footer-meta { background: #0c1b25; }
.dd-article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--dd-orange); font-size: .61rem; font-weight: 760; letter-spacing: .15em; text-transform: uppercase; margin: 0 0 1.1rem; }
.dd-article-meta__sep { width: 3px; height: 3px; border-radius: 50%; background: #80908f; }

/* Home is a magazine-like reading surface within the existing MkDocs site. */
body:has(.dd-home) .md-main__inner { max-width: none; margin: 0; padding: 0; }
body:has(.dd-home) .md-content { margin: 0; }
body:has(.dd-home) .md-content__inner { margin: 0; padding: 0; }
body:has(.dd-home) .md-sidebar { display: none; }
body:has(.dd-home) .md-content__inner::before { display: none; }
.dd-home { color: var(--dd-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; }
.dd-home * { box-sizing: border-box; }
.dd-home h1, .dd-home h2, .dd-home p { margin: 0; }
.dd-home a { color: inherit; text-decoration: none; }
.dd-home a:focus-visible { outline: 3px solid var(--dd-orange); outline-offset: 4px; }
.dd-eyebrow { font-size: .73rem; font-weight: 700; line-height: 1.4; text-transform: uppercase; letter-spacing: .16em; }
.dd-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--dd-orange); margin-right: 9px; }
.dd-hero, .dd-feature, .dd-explore, .dd-manifesto, .dd-footer-note { padding-left: max(5vw, calc((100vw - 1340px) / 2)); padding-right: max(5vw, calc((100vw - 1340px) / 2)); }
.dd-hero { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(290px, .65fr); gap: clamp(3rem, 8vw, 10rem); min-height: 610px; align-items: center; padding-top: clamp(70px, 8vw, 115px); padding-bottom: clamp(80px, 9vw, 130px); background: radial-gradient(circle at 82% 22%, #e9ede8 0, transparent 29%), var(--dd-paper); }
.dd-hero__copy { max-width: 830px; }
.dd-hero h1 { max-width: 850px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.35rem, 7.5vw, 7.1rem); line-height: .99; font-weight: 400; letter-spacing: -.066em; margin-top: 30px; }
.dd-hero h1 em, .dd-manifesto h2 em { color: var(--dd-orange); font-weight: 400; }
.dd-hero__lead { max-width: 610px; color: var(--dd-muted); font-size: clamp(1.05rem, 1.55vw, 1.35rem); line-height: 1.55; margin-top: 36px !important; }
.dd-actions { display: flex; align-items: center; gap: 32px; flex-wrap: wrap; margin-top: 35px; }
.dd-button { display: inline-flex; align-items: center; justify-content: space-between; min-width: 180px; gap: 35px; padding: 15px 20px; font-size: .9rem; font-weight: 650; }
.dd-button--dark { background: var(--dd-ink); color: white !important; transition: background .2s, transform .2s; }
.dd-button--dark:hover { background: #294354; transform: translateY(-2px); }
.dd-text-link, .dd-inline-link { font-size: .92rem; font-weight: 680; border-bottom: 1px solid var(--dd-orange); padding-bottom: 4px; width: fit-content; }
.dd-text-link span, .dd-inline-link span { margin-left: 12px; color: var(--dd-orange); }
.dd-hero__aside { align-self: center; border-top: 1px solid var(--dd-ink); padding-top: 16px; max-width: 330px; }
.dd-aside-number, .dd-aside-foot, .dd-diagram-label { font-size: .7rem; font-weight: 700; letter-spacing: .16em; }
.dd-hero__aside p { font: 400 clamp(1.38rem, 2vw, 1.85rem)/1.37 Georgia, "Times New Roman", serif; letter-spacing: -.035em; margin: 30px 0 48px; }
.dd-aside-rule { display: block; height: 1px; width: 45px; background: var(--dd-orange); margin-bottom: 17px; }
.dd-aside-foot { color: var(--dd-muted); text-transform: uppercase; }
.dd-feature { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; padding-top: 105px; padding-bottom: 110px; background: #e9ede8; }
.dd-section-intro h2, .dd-section-heading h2 { font: 400 clamp(2.7rem, 4.7vw, 4.8rem)/1.06 Georgia, "Times New Roman", serif; letter-spacing: -.055em; margin: 23px 0 25px; }
.dd-section-intro > p:not(.dd-eyebrow) { max-width: 565px; font-size: 1.1rem; color: #40515b; line-height: 1.65; margin-bottom: 31px; }
.dd-feature__diagram { border: 1px solid #bfcac8; padding: 29px clamp(22px, 3.5vw, 48px) 35px; background: rgba(255,255,255,.27); }
.dd-diagram-label { display: block; padding-bottom: 25px; border-bottom: 1px solid #bdcac8; }
.dd-diagram-step { display: grid; grid-template-columns: 30px 1fr; column-gap: 18px; margin-top: 17px; }
.dd-diagram-step > span { color: var(--dd-orange); font-size: .73rem; font-weight: 750; }
.dd-diagram-step strong { font: 400 1.25rem/1.1 Georgia, "Times New Roman", serif; }
.dd-diagram-step small { grid-column: 2; color: var(--dd-muted); font-size: .82rem; margin-top: 5px; }
.dd-diagram-connector { height: 24px; border-left: 1px solid var(--dd-orange); margin-left: 48px; }
.dd-explore { padding-top: 110px; padding-bottom: 135px; }
.dd-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 4rem; border-bottom: 1px solid var(--dd-line); padding-bottom: 34px; }
.dd-section-heading h2 { margin-bottom: 0; }
.dd-section-heading > p { max-width: 385px; color: var(--dd-muted); font-size: .98rem; }
.dd-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--dd-line); border: 1px solid var(--dd-line); margin-top: 35px; }
.dd-card { display: flex; flex-direction: column; min-height: 320px; padding: 29px 29px 23px; background: var(--dd-paper); transition: background .2s; }
.dd-card:hover { background: #ecefe9; }
.dd-card__meta { color: var(--dd-orange); text-transform: uppercase; font-size: .69rem; font-weight: 760; letter-spacing: .14em; }
.dd-card strong { display: block; font: 400 clamp(1.55rem, 2.35vw, 2.05rem)/1.17 Georgia, "Times New Roman", serif; letter-spacing: -.035em; margin: 25px 0 15px; }
.dd-card > span:nth-of-type(2) { color: var(--dd-muted); font-size: .91rem; line-height: 1.55; }
.dd-card__arrow { margin-top: auto; padding-top: 20px; align-self: end; color: var(--dd-orange); font-size: 1.3rem; }
.dd-manifesto { background: var(--dd-ink); color: var(--dd-paper); padding-top: 110px; padding-bottom: 120px; }
.dd-manifesto .dd-eyebrow { color: #b6cac8; }
.dd-manifesto h2 { color: white; font: 400 clamp(2.8rem, 6vw, 6rem)/1.04 Georgia, "Times New Roman", serif; letter-spacing: -.055em; margin: 28px 0; }
.dd-manifesto h2 em { color: #e89a7e; }
.dd-manifesto > p { max-width: 690px; color: #cedad9; font-size: 1.05rem; line-height: 1.65; margin-bottom: 35px; }
.dd-manifesto .dd-inline-link { color: #fff; }
.dd-manifesto .dd-inline-link span { color: #e89a7e; }
.dd-footer-note { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 40px; padding-top: 58px; padding-bottom: 68px; align-items: start; }
.dd-footer-note > span { font-size: .68rem; letter-spacing: .13em; font-weight: 750; color: var(--dd-orange); }
.dd-footer-note p { font: 400 1.14rem/1.52 Georgia, "Times New Roman", serif; }
.dd-footer-note a { justify-self: end; white-space: nowrap; font-size: .84rem; font-weight: 700; border-bottom: 1px solid var(--dd-orange); }
@media (max-width: 960px) {
  .dd-hero { grid-template-columns: 1fr; gap: 55px; min-height: 0; }
  .dd-hero__aside { max-width: 590px; }
  .dd-feature { grid-template-columns: 1fr; }
  .dd-card-grid { grid-template-columns: 1fr 1fr; }
  .dd-footer-note { grid-template-columns: 1fr 2fr; }
  .dd-footer-note a { grid-column: 2; justify-self: start; }
}
@media (max-width: 650px) {
  .dd-hero, .dd-feature, .dd-explore, .dd-manifesto, .dd-footer-note { padding-left: 22px; padding-right: 22px; }
  .dd-hero { padding-top: 65px; padding-bottom: 75px; }
  .dd-hero h1 { font-size: clamp(3rem, 13vw, 4.3rem); margin-top: 25px; }
  .dd-hero__lead { margin-top: 25px !important; }
  .dd-feature, .dd-explore, .dd-manifesto { padding-top: 72px; padding-bottom: 80px; }
  .dd-section-heading { display: block; }
  .dd-section-heading > p { margin-top: 20px; }
  .dd-card-grid { grid-template-columns: 1fr; }
  .dd-card { min-height: 255px; }
  .dd-footer-note { grid-template-columns: 1fr; gap: 19px; }
  .dd-footer-note a { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .dd-button, .dd-card { transition: none; } }

/* ---------- Narrative pages: problem → consequence → idea → picture → example → detail ---------- */
.md-status { display: none; }
.dd-chapter-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px; padding: 0 0 14px; margin: 0 0 22px; border-bottom: 1px solid var(--dd-line); font-size: .66rem; }
.md-typeset .dd-chapter-bar a { color: inherit; text-decoration: none; }
.dd-chapter-bar__chapter { display: inline-flex; gap: 10px; align-items: baseline; color: var(--dd-muted); }
.dd-chapter-bar__chapter:hover span:last-child { color: var(--dd-orange); }
.dd-chapter-bar__label { font-weight: 760; letter-spacing: .14em; text-transform: uppercase; color: var(--dd-ink); }
.dd-chapter-bar__steps { display: inline-flex; align-items: center; gap: 6px; }
.md-typeset .dd-chapter-bar__step { display: block; width: 22px; height: 4px; background: var(--dd-line); border-radius: 2px; }
.md-typeset .dd-chapter-bar__step.is-done { background: #c9a497; }
.md-typeset .dd-chapter-bar__step.is-current { background: var(--dd-orange); }
.dd-chapter-bar__count { margin-left: 6px; color: var(--dd-muted); font-variant-numeric: tabular-nums; }
.dd-status--draft { color: #7a6a2a; }

/* Stage headings carry a small label naming the stage */
.md-typeset h2:is(#problem, #consequence, #idea, #picture, #example, #detail) { margin-top: 2.6em; padding-top: 1.1em; border-top: 1px solid var(--dd-line); }
.md-typeset h2:is(#problem, #consequence, #idea, #picture, #example, #detail)::before { display: block; margin-bottom: .55em; font: 760 .6rem/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--dd-orange); }
.md-typeset h2#problem { border-top: 0; padding-top: 0; margin-top: 1.4em; }
.md-typeset h2#problem::before { content: "1 · Problem"; }
.md-typeset h2#consequence::before { content: "2 · Consequence"; }
.md-typeset h2#idea::before { content: "3 · Idea"; }
.md-typeset h2#picture::before { content: "4 · Picture"; }
.md-typeset h2#example::before { content: "5 · Example"; }
.md-typeset h2#detail::before { content: "6 · Detail"; }
.md-typeset h2#problem + p { font-size: 1.08em; }

.md-typeset .dd-idea { margin: 1.2em 0 1.4em; padding: 1.3em 1.5em; background: var(--dd-ink); color: #f3efe4; font: 400 1.15rem/1.5 Georgia, "Times New Roman", serif; letter-spacing: -.01em; }
.md-typeset .dd-idea p { margin: 0; }
.md-typeset .dd-idea strong { color: #f0a88c; font-weight: 400; }

.md-typeset .dd-figure { margin: 1.2em 0 .6em; padding: 1.4em; background: #fbfaf6; border: 1px solid var(--dd-line); overflow-x: auto; }
.md-typeset .dd-figure figcaption { max-width: none; margin: 1.1em 0 0; font-size: .72rem; color: var(--dd-muted); font-style: normal; text-align: left; }
.dd-svg { display: block; overflow: visible; width: 100%; min-width: 560px; height: auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.dd-svg .fx-band { fill: #eef0ea; }
.dd-svg .fx-band--strong { fill: #e3e8e2; }
.dd-svg .fx-box { fill: #fffdf8; stroke: #bfcac8; stroke-width: 1; }
.dd-svg .fx-box--accent { stroke: #be5c42; stroke-width: 1.5; }
.dd-svg .fx-ink-fill { fill: #132633; }
.dd-svg .fx-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; fill: #be5c42; }
.dd-svg .fx-title { font: 400 22px Georgia, "Times New Roman", serif; fill: #132633; }
.dd-svg .fx-title-sm { font: 400 17px Georgia, "Times New Roman", serif; fill: #132633; }
.dd-svg .fx-body { font-size: 15px; fill: #132633; }
.dd-svg .fx-muted { font-size: 13px; fill: #53616b; }
.dd-svg .fx-small { font-size: 13px; fill: #132633; }
.dd-svg .fx-n { font-size: 11px; font-weight: 750; fill: #be5c42; letter-spacing: .08em; }
.dd-svg .fx-number { font: 400 26px Georgia, "Times New Roman", serif; fill: #be5c42; }
.dd-svg .fx-number-sm { font: 400 17px Georgia, "Times New Roman", serif; fill: #132633; }
.dd-svg .fx-def { font: italic 400 17px Georgia, "Times New Roman", serif; fill: #be5c42; }
.dd-svg .fx-on-ink { font: 400 18px Georgia, "Times New Roman", serif; fill: #fffdf8; }
.dd-svg .fx-on-ink-muted { font-size: 13px; fill: #b6cac8; }
.dd-svg .fx-th { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; fill: #53616b; }
.dd-svg .fx-td { font-size: 14px; fill: #132633; font-variant-numeric: tabular-nums; }
.dd-svg .fx-td-strong { font-size: 14px; font-weight: 700; fill: #132633; font-variant-numeric: tabular-nums; }
.dd-svg .fx-tag { font-size: 10px; font-weight: 700; letter-spacing: .14em; fill: #e89a7e; }
.dd-svg .fx-tag-accent { font-size: 10px; font-weight: 700; letter-spacing: .14em; fill: #be5c42; }
.dd-svg .fx-rule { stroke: #d9dedb; }
.dd-svg .fx-rule-strong { stroke: #132633; }
.dd-svg .fx-divider { stroke: #d9dedb; stroke-dasharray: 3 5; }
.dd-svg .fx-accent-line { stroke: #be5c42; stroke-width: 1; opacity: .5; }
.dd-svg .fx-flow { stroke: #53616b; stroke-width: 1.3; fill: none; }
.dd-svg .fx-flow-accent { stroke: #be5c42; stroke-width: 2; fill: none; }
.dd-svg .fx-arrowhead { fill: #53616b; }
.dd-svg .fx-arrowhead-accent { fill: #be5c42; }

.md-typeset .dd-example { margin: 1em 0 1.4em; padding: 1.2em 1.5em 1.3em; background: #e9ede8; border-left: 3px solid var(--dd-orange); }
.md-typeset .dd-example > p:last-child { margin-bottom: 0; }
.md-typeset .dd-example__label { margin: 0 0 .5em !important; font-size: .62rem; font-weight: 760; letter-spacing: .15em; text-transform: uppercase; color: var(--dd-orange); }

.md-typeset .dd-not, .md-typeset .dd-open { margin: 1.6em 0; padding: 1em 1.3em; border: 1px solid var(--dd-line); }
.md-typeset .dd-not > p:first-child, .md-typeset .dd-open > p:first-child { margin: 0 0 .3em; font-size: .62rem; letter-spacing: .15em; text-transform: uppercase; color: var(--dd-muted); }
.md-typeset .dd-open { border-style: dashed; }
.md-typeset .dd-not ul, .md-typeset .dd-open ul { margin: 0; }

/* Stage rail (replaces the table of contents on narrative pages) */
.dd-stages { padding: .4rem 0 0 .6rem; }
.dd-stages__title { margin: 0 0 .9rem; font-size: .6rem; font-weight: 760; letter-spacing: .15em; text-transform: uppercase; color: var(--dd-muted); }
.dd-stages__list { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--dd-line); }
.dd-stages__list a { display: flex; gap: .7rem; align-items: baseline; padding: .38rem 0 .38rem .9rem; margin-left: -1px; border-left: 2px solid transparent; font-size: .72rem; color: var(--dd-muted); }
.dd-stages__list a:hover { color: var(--dd-ink); }
.dd-stages__list a.is-active { border-left-color: var(--dd-orange); color: var(--dd-ink); font-weight: 650; }
.dd-stages__n { font-size: .6rem; font-weight: 750; color: var(--dd-orange); font-variant-numeric: tabular-nums; }

/* Continue the argument */
.dd-continue { margin: 3.2rem 0 0; padding-top: 1.6rem; border-top: 1px solid var(--dd-ink); }
.md-typeset .dd-continue a { text-decoration: none; }
.md-typeset .dd-continue__next { position: relative; display: block; padding: 1.3rem 3.4rem 1.3rem 1.4rem; background: var(--dd-ink); color: #fffdf8; transition: background .2s; }
.md-typeset .dd-continue__next:hover { background: #294354; color: #fffdf8; }
.dd-continue__eyebrow { display: block; font-size: .6rem; font-weight: 760; letter-spacing: .15em; text-transform: uppercase; color: #e89a7e; }
.dd-continue__next strong { display: block; margin: .45rem 0 .3rem; font: 400 1.35rem/1.25 Georgia, "Times New Roman", serif; }
.dd-continue__problem { display: block; font-size: .78rem; color: #cedad9; line-height: 1.55; }
.dd-continue__arrow { position: absolute; right: 1.4rem; top: 50%; transform: translateY(-50%); font-size: 1.3rem; color: #e89a7e; }
.md-typeset .dd-continue__previous { display: inline-block; margin-top: .9rem; font-size: .72rem; color: var(--dd-muted); }

.dd-related { margin-top: 2.6rem; }
.md-typeset .dd-related__title { margin: 0 0 .9rem; padding: 0; border: 0; font: 760 .6rem/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .15em; text-transform: uppercase; color: var(--dd-muted); }
.dd-related__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1px; background: var(--dd-line); border: 1px solid var(--dd-line); }
.md-typeset .dd-related__item { display: flex; flex-direction: column; gap: .35rem; padding: 1rem 1.1rem; background: var(--dd-paper); color: var(--dd-ink); text-decoration: none; }
.md-typeset .dd-related__item:hover { background: #ecefe9; }
.dd-related__meta { font-size: .56rem; font-weight: 760; letter-spacing: .14em; text-transform: uppercase; color: var(--dd-orange); }
.dd-related__item strong { font: 400 1rem/1.3 Georgia, "Times New Roman", serif; }
.dd-related__item > span:last-child:not(.dd-related__meta) { font-size: .7rem; line-height: 1.5; color: var(--dd-muted); }

/* The argument page */
.dd-argument__head { max-width: 42rem; margin-bottom: 2.4rem; }
.md-typeset .dd-argument__head h1 { margin: 1rem 0 1rem; font-size: clamp(2.4rem, 6vw, 3.6rem); }
.dd-argument__chapters { list-style: none; margin: 0 !important; padding: 0; border-top: 1px solid var(--dd-ink); }
.md-typeset .dd-argument__chapters > li { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1.5rem; margin: 0; padding: 1.8rem 0; border-bottom: 1px solid var(--dd-line); }
.dd-argument__label { font-size: .62rem; font-weight: 760; letter-spacing: .15em; text-transform: uppercase; color: var(--dd-orange); }
.md-typeset .dd-argument__body h2 { margin: 0 0 .4rem; font-size: 1.7rem; }
.md-typeset .dd-argument__question { margin: 0 0 .8rem; font: 400 1.05rem/1.45 Georgia, "Times New Roman", serif; color: var(--dd-ink); }
.md-typeset .dd-argument__problem { margin: 0 0 .8rem; max-width: 40rem; font-size: .76rem; color: var(--dd-muted); }
.dd-argument__problem span { margin-right: .6rem; font-size: .58rem; font-weight: 760; letter-spacing: .14em; text-transform: uppercase; color: var(--dd-ink); }
.md-typeset .dd-argument__origin { margin: 0 0 .8rem; font-size: .72rem; color: var(--dd-muted); }
.md-typeset .dd-argument__steps { list-style: none; margin: .4rem 0 0 !important; padding: 0; border: 1px solid var(--dd-line); }
.md-typeset .dd-argument__steps li { margin: 0; border-bottom: 1px solid var(--dd-line); }
.md-typeset .dd-argument__steps li:last-child { border-bottom: 0; }
.md-typeset .dd-argument__steps a { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: 1rem; align-items: baseline; padding: .8rem 1rem; color: var(--dd-ink); text-decoration: none; background: #fbfaf6; }
.md-typeset .dd-argument__steps a:hover { background: #ecefe9; }
.dd-argument__step-n { font-size: .62rem; font-weight: 750; color: var(--dd-orange); }
.dd-argument__step-body strong { display: block; font: 400 1rem/1.3 Georgia, "Times New Roman", serif; }
.dd-argument__step-body span { display: block; margin-top: .2rem; font-size: .7rem; line-height: 1.5; color: var(--dd-muted); }
.dd-argument__step-meta { font-size: .56rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--dd-muted); white-space: nowrap; }
.md-typeset .dd-argument__pending { display: inline-block; margin: .2rem 0 0; padding: .25rem .6rem; border: 1px dashed #b7c0bd; font-size: .6rem; letter-spacing: .12em; text-transform: uppercase; color: var(--dd-muted); }
.md-typeset .dd-argument__chapter.is-pending h2 { color: #6d7a80; }

@media (max-width: 700px) {
  .md-typeset .dd-argument__chapters > li { grid-template-columns: 1fr; gap: .4rem; }
  .md-typeset .dd-argument__steps a { grid-template-columns: 1.4rem minmax(0, 1fr); }
  .dd-argument__step-meta { grid-column: 2; }
  .md-typeset .dd-idea { font-size: 1.02rem; padding: 1.1em 1.2em; }
  .md-typeset .dd-figure { padding: 1rem; margin-left: -.8rem; margin-right: -.8rem; }
}

/* Home: the argument as a path */
.md-typeset .dd-story { list-style: none; margin: 35px 0 0; padding: 0; display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--dd-line); border: 1px solid var(--dd-line); counter-reset: none; }
.dd-story__item > a, .dd-story__item > div { display: flex; flex-direction: column; height: 100%; min-height: 230px; padding: 26px 26px 22px; background: var(--dd-paper); transition: background .2s; }
.dd-story__item > a:hover { background: #ecefe9; }
.dd-story__label { color: var(--dd-orange); text-transform: uppercase; font-size: .69rem; font-weight: 760; letter-spacing: .14em; }
.dd-story__item strong { display: block; font: 400 clamp(1.4rem, 2vw, 1.8rem)/1.17 Georgia, "Times New Roman", serif; letter-spacing: -.03em; margin: 18px 0 12px; }
.dd-story__question { color: var(--dd-muted); font-size: .9rem; line-height: 1.55; }
.dd-story__meta { margin-top: auto; padding-top: 18px; font-size: .74rem; font-weight: 700; letter-spacing: .06em; color: var(--dd-ink); }
.dd-story__item.is-pending strong { color: #6d7a80; }
.dd-story__item.is-pending .dd-story__meta { color: #8a969a; font-weight: 600; text-transform: uppercase; font-size: .64rem; letter-spacing: .14em; }
@media (max-width: 960px) { .md-typeset .dd-story { grid-template-columns: 1fr 1fr; } }
@media (max-width: 650px) { .md-typeset .dd-story { grid-template-columns: 1fr; } .dd-story__item > a, .dd-story__item > div { min-height: 0; } }
.md-typeset .dd-story > li { margin: 0 !important; display: block; }

/* Edit/view-source buttons stay; the repository widget in the header is hidden */
.md-header__source { display: none; }
.md-content__button { color: var(--dd-muted); }
/* Repository links are for the editor only (see overrides/main.html). */
html:not(.dd-editor) .md-content__button,
html:not(.dd-editor) .md-nav__source { display: none; }
.md-content__button:hover { color: var(--dd-orange); }

/* Discussion (overrides/partials/comments.html) */
.md-typeset .dd-discuss { margin: 3rem 0 1rem; padding: 1.6rem 1.7rem 1.4rem; border-top: 3px solid var(--dd-orange); background: #efece3; }
.md-typeset .dd-discuss .dd-eyebrow { margin: 0; color: var(--dd-orange); font-size: .61rem; font-weight: 760; letter-spacing: .15em; text-transform: uppercase; }
.md-typeset .dd-discuss h2 { margin: .3rem 0 .6rem; }
.md-typeset ul.dd-discuss__types:not([hidden]) { list-style: none; margin: .4rem 0 1rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: .3rem 1.2rem; }
[dir] .md-typeset ul.dd-discuss__types li { margin: 0; color: var(--dd-muted); }
.md-typeset .dd-discuss__types strong { display: block; color: var(--dd-ink); }
.md-typeset .dd-discuss__rules, .md-typeset .dd-discuss__note { color: var(--dd-muted); font-size: .74rem; }
.md-typeset .dd-discuss__load { margin: .4rem 0 0; padding: .55rem 1.1rem; border: 1px solid var(--dd-ink); background: var(--dd-ink); color: var(--dd-paper); font: inherit; font-weight: 700; cursor: pointer; }
.md-typeset .dd-discuss__load:hover { background: var(--dd-orange); border-color: var(--dd-orange); }
.md-typeset .dd-discuss__load:focus-visible { outline: 3px solid var(--dd-orange); outline-offset: 3px; }
.md-typeset .dd-discuss__note { margin-top: .5rem; }
.md-typeset .dd-discuss__thread { margin-top: 1rem; }
@media (max-width: 650px) { .md-typeset .dd-discuss { padding: 1.2rem 1rem; margin-left: -.8rem; margin-right: -.8rem; } }

/* Diagram additions (Chapter 2) */
.dd-svg .fx-paper { fill: #fbfaf6; }
.dd-svg .fx-dash { stroke: #80908f; stroke-width: 1.3; stroke-dasharray: 5 6; fill: none; }
.dd-svg .fx-cross { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; fill: #be5c42; }
.dd-svg .fx-strike { text-decoration: line-through; fill: #80908f; }
.dd-svg .fx-eyebrow--muted { fill: #53616b; }
.dd-svg .fx-stamp { fill: #be5c42; }
.dd-svg .fx-stamp-text { font-size: 9.5px; font-weight: 700; letter-spacing: .1em; fill: #fffdf8; }
.dd-svg .fx-stamp-ghost { fill: none; stroke: #be5c42; stroke-dasharray: 3 3; }
.dd-svg .fx-stamp-text-ghost { font-size: 9.5px; font-weight: 700; letter-spacing: .1em; fill: #be5c42; }