.writing-page {
  min-height: 100vh;
  background: var(--bg);
}

.writing-page [hidden] { display: none !important; }

.writing-skip-link {
  position: fixed;
  z-index: 100;
  top: 10px;
  left: 10px;
  padding: 8px 12px;
  background: var(--card);
  transform: translateY(-160%);
}

.writing-skip-link:focus { transform: translateY(0); }

.writing-shell {
  width: min(100% - 40px, var(--portfolio-shell-max));
  min-height: calc(100vh - 72px);
  margin: 0 auto;
  padding: 56px 0 72px;
}

.writing-eyebrow,
.writing-section-heading > p,
.writing-card-meta,
.writing-count,
.writing-featured-card__index,
.writing-archive-row__index,
.writing-archive-row__details,
.writing-reading-time,
.writing-article-header__labels,
.writing-article-meta,
.writing-article-rail dt,
.writing-toc > p {
  font-family: var(--mono);
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.writing-archive-header {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  gap: 48px;
  align-items: end;
  padding: 0 0 38px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.writing-eyebrow {
  margin: 0 0 12px;
  color: var(--accent);
  font-size: .72rem;
}

.writing-archive-header h1 {
  margin: 0;
  font-size: clamp(3rem, 7vw, 6.2rem);
  font-weight: 750;
  letter-spacing: -.055em;
  line-height: .92;
}

.writing-archive-header__copy > p:first-child {
  max-width: 66ch;
  margin: 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  line-height: 1.65;
}

.writing-count {
  margin: 18px 0 0;
  color: var(--accent);
  font-size: .68rem;
}

.writing-status {
  display: grid;
  justify-items: start;
  gap: 8px;
  width: min(100%, 760px);
  margin: 56px auto;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .1);
  color: var(--muted);
  background: rgba(255, 255, 255, .018);
}

.writing-status strong { color: var(--text); font-size: 1.1rem; }
.writing-status span { line-height: 1.55; }
.writing-status__links { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 8px; }
.writing-status__links a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

.writing-archive-content { padding-top: 48px; }
.writing-featured-section { display: grid; grid-template-columns: minmax(150px, .28fr) minmax(0, 1fr); gap: 28px; }
.writing-featured-heading,
.writing-featured-card--supporting { display: none; }
.writing-featured-grid { min-width: 0; }

.writing-section-heading { padding-top: 10px; }
.writing-section-heading > p { margin: 0 0 7px; color: var(--accent); font-size: .65rem; }
.writing-section-heading h2 { margin: 0; font-size: 1.02rem; line-height: 1.3; }

.writing-featured-card {
  position: relative;
  display: grid;
  padding: clamp(28px, 4vw, 54px);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .02);
  transition: border-color .18s ease, transform .18s ease;
}

.writing-featured-card:hover { border-color: rgba(47, 158, 216, .42); transform: translateY(-2px); }
.writing-featured-card--primary { cursor: pointer; }
.writing-featured-card--primary .writing-featured-card__link::after {
  position: absolute;
  inset: 0;
  content: "";
}
.writing-featured-card--primary:focus-within {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.writing-featured-card--primary .writing-read-action {
  position: relative;
  z-index: 2;
}

.writing-featured-card__index {
  position: absolute;
  top: 20px;
  right: 22px;
  color: rgba(154, 164, 178, .52);
  font-size: .72rem;
}

.writing-card-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: var(--accent); font-size: .67rem; }
.writing-card-meta time { color: var(--muted); }
.writing-featured-card h3 { max-width: 19ch; margin: 24px 0 14px; font-size: clamp(2rem, 4.2vw, 4.5rem); letter-spacing: -.045em; line-height: .98; }
.writing-featured-card h3 a { text-decoration: none; }
.writing-featured-card h3 a:hover { color: #fff; }
.writing-card-subtitle { max-width: 56ch; margin: 0; color: var(--text); font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.45; }
.writing-card-summary { max-width: 72ch; margin: 20px 0 0; color: var(--muted); line-height: 1.65; }
.writing-featured-rationale { display: contents; }
.writing-archive-row__why { display: none; }
.writing-featured-excerpt { display: none; }

.writing-featured-card__footer {
  display: flex;
  gap: 24px;
  align-items: end;
  justify-content: space-between;
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .09);
}

.writing-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.writing-tags li { padding: 5px 8px; border: 1px solid rgba(255, 255, 255, .11); color: var(--muted); font: 650 .65rem/1.2 var(--mono); letter-spacing: .035em; }
.writing-featured-card__actions { display: grid; flex: 0 0 auto; gap: 9px; justify-items: end; }
.writing-reading-time { color: var(--muted); font-size: .63rem; }
.writing-read-action { color: var(--accent); font: 750 .73rem/1.2 var(--mono); letter-spacing: .075em; text-transform: uppercase; }
.writing-read-action span { display: inline-block; transition: transform .16s ease; }
.writing-read-action:hover span { transform: translateX(3px); }

.writing-all-section { margin-top: 72px; }
.writing-section-heading--row { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 0 0 14px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.writing-section-heading--row h2 { font-family: var(--mono); font-size: .78rem; letter-spacing: .09em; text-transform: uppercase; }
.writing-section-heading--row span { color: var(--muted); font: 700 .61rem/1.2 var(--mono); letter-spacing: .07em; }

.writing-archive-list { display: grid; }
.writing-archive-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(170px, .38fr) 34px;
  gap: 18px;
  align-items: center;
  padding: 24px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
  transition: background-color .16s ease, border-color .16s ease;
}
.writing-archive-row:hover { border-color: rgba(47, 158, 216, .34); background: rgba(47, 158, 216, .035); }
.writing-archive-row__index { color: var(--muted); font-size: .64rem; }
.writing-archive-row__identity h3 { margin: 0; font-size: 1.15rem; line-height: 1.3; }
.writing-archive-row__identity p { max-width: 76ch; margin: 6px 0 0; color: var(--muted); font-size: .86rem; line-height: 1.5; }
.writing-archive-row__details { display: grid; gap: 5px; color: var(--muted); font-size: .58rem; }
.writing-archive-row__details span:first-child { color: var(--accent); }
.writing-archive-row__action { display: grid; width: 32px; height: 32px; place-items: center; color: var(--accent); font-size: 1.15rem; }
.writing-archive-row__action span { display: inline-block; }
.writing-archive-row__action-label { display: none !important; }

.writing-progress { display: none; }
.writing-reader-shell { width: min(100% - 40px, 1180px); }
.writing-reader { min-width: 0; }
.writing-back-link { color: var(--text); font-family: var(--mono); text-decoration: none; text-transform: uppercase; }
.writing-back-link__arrow { color: var(--accent); font-size: 1rem; line-height: 1; }
.writing-back-link--top { display: inline-flex; min-height: 40px; align-items: center; gap: 9px; margin-bottom: 24px; padding: 9px 13px; border: 1px solid rgba(126, 155, 169, .36); border-radius: 1px; background: rgba(6, 16, 24, .72); font: 700 .72rem/1 var(--mono); letter-spacing: .07em; transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease; }
.writing-back-link--top:hover,
.writing-back-link--top:focus-visible { border-color: var(--accent); color: var(--text); background: rgba(43, 184, 196, .07); }
.writing-back-link--rail { display: flex; width: 100%; min-height: 36px; align-items: center; gap: 8px; margin: 16px 0 0; padding: 8px 10px; border: 1px solid rgba(126, 155, 169, .28); border-left: 2px solid var(--accent); border-radius: 0; background: rgba(5, 14, 21, .66); font: 700 .64rem/1.2 var(--mono); letter-spacing: .065em; }
.writing-back-link--rail:hover,
.writing-back-link--rail:focus-visible { border-color: rgba(43, 184, 196, .72); color: var(--text); background: rgba(43, 184, 196, .07); }
.writing-back-link--scroll { position: fixed; z-index: 35; left: 14px; bottom: 14px; display: inline-flex; min-height: 40px; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid rgba(126, 155, 169, .46); border-left: 2px solid var(--accent); border-radius: 1px; background: rgba(5, 14, 21, .96); box-shadow: 0 8px 20px rgba(0, 0, 0, .34); font: 700 .63rem/1 var(--mono); letter-spacing: .06em; }
.writing-back-link--scroll:hover,
.writing-back-link--scroll:focus-visible { border-color: var(--accent); color: var(--text); background: #071720; outline: none; }
.writing-back-link--scroll[hidden] { display: none; }

.writing-article-header { max-width: 980px; margin: 0 auto; padding: 0 0 44px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.writing-article-header__labels { display: flex; flex-wrap: wrap; gap: 8px 22px; color: var(--accent); font-size: .67rem; }
.writing-article-header__labels span:last-child { color: var(--muted); }
.writing-article-header h1 { max-width: 22ch; margin: 20px 0 16px; font-size: clamp(2.15rem, 4.2vw, 4rem); font-weight: 750; letter-spacing: -.042em; line-height: 1.02; }
.writing-article-subtitle { max-width: 62ch; margin: 0; color: var(--muted); font-size: clamp(1.08rem, 1.7vw, 1.35rem); line-height: 1.55; }
.writing-article-meta { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 26px; color: var(--muted); font-size: .63rem; }
.writing-article-meta span { display: inline-flex; gap: 8px; }
.writing-article-meta b { color: var(--text); font-weight: 700; }
.writing-article-byline { display: inline-flex; align-items: baseline; gap: 7px; text-transform: none; }
.writing-article-byline b { color: var(--muted); font-weight: 700; text-transform: uppercase; }
.writing-article-byline a { color: var(--text); font-weight: 700; text-decoration: none; }
.writing-article-byline a:hover,
.writing-article-byline a:focus-visible { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.writing-article-header > .writing-tags { margin-top: 18px; }

.writing-reader-layout { display: grid; grid-template-columns: 210px minmax(0, 760px); gap: clamp(38px, 6vw, 74px); justify-content: center; align-items: start; padding-top: 54px; }
.writing-article-rail { position: sticky; top: 102px; min-width: 0; align-self: start; }
.writing-article-rail dl { display: grid; gap: 0; margin: 0; }
.writing-article-rail dl > div { padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .09); }
.writing-article-rail dt { margin-bottom: 4px; color: var(--accent); font-size: .55rem; }
.writing-article-rail dd { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.4; }
.writing-toc { margin-top: 24px; }
.writing-toc > p { margin: 0 0 10px; color: var(--text); font-size: .59rem; }
.writing-toc ol { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.writing-toc__link { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); column-gap: .55rem; align-items: start; min-width: 0; color: var(--muted); font-size: .72rem; line-height: 1.35; text-decoration: none; }
.writing-toc__number { padding-top: 5px; color: rgba(154, 164, 178, .72); font: 650 .62rem/1.35 var(--mono); letter-spacing: .025em; text-align: right; white-space: nowrap; }
.writing-toc__label { min-width: 0; padding: 5px 0 5px 10px; border-left: 1px solid rgba(255, 255, 255, .1); }
.writing-toc__link--utility .writing-toc__label { grid-column: 2; }
.writing-toc__title { display: block; min-width: 0; overflow-wrap: normal; word-break: normal; }
.writing-toc__link:hover .writing-toc__label,
.writing-toc__link[aria-current="location"] .writing-toc__label { border-left-color: var(--accent); }
.writing-toc__link:hover .writing-toc__title,
.writing-toc__link[aria-current="location"] .writing-toc__title { color: var(--text); }
.writing-toc__link--numbered[aria-current="location"] .writing-toc__number { color: var(--enhanced-accent-detail); }
.writing-article-body[data-numbered-sections] > h2:not([data-section-number="false"]) { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: baseline; column-gap: .65rem; }
.writing-section-heading__number { color: rgba(154, 164, 178, .72); font: 600 .68em/1 var(--mono); letter-spacing: .03em; }
.writing-section-heading__title { min-width: 0; }
.writing-related { margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .09); }
.writing-related > p { margin: 0 0 10px; color: var(--text); font: 700 .59rem/1.2 var(--mono); letter-spacing: .075em; text-transform: uppercase; }
.writing-related ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.writing-related li { margin: 0; padding: 0; }
.writing-related li > a { display: grid; gap: 3px; padding: 9px 0 9px 10px; border-left: 1px solid rgba(255, 255, 255, .1); text-decoration: none; }
.writing-related li > a:hover,
.writing-related li > a:focus-visible { border-left-color: var(--accent); }
.writing-related__title { color: var(--text); font-size: .72rem; font-weight: 650; line-height: 1.35; }
.writing-related__meta { color: var(--muted); font: 650 .55rem/1.3 var(--mono); letter-spacing: .045em; text-transform: uppercase; }

.writing-article-body { min-width: 0; align-self: start; color: #d5dde3; font-size: 1.04rem; font-weight: 450; line-height: 1.82; }
.writing-article-body > :first-child { margin-top: 0; }
.writing-article-body p { margin: 0 0 1.45em; }
.writing-article-body h2,
.writing-article-body h3 { color: var(--text); letter-spacing: -.025em; scroll-margin-top: 104px; }
.writing-article-overview-anchor { display: block; height: 0; scroll-margin-top: 104px; }
.writing-article-body h2 { margin: 2.35em 0 .72em; padding-top: .35em; font-size: clamp(1.55rem, 2.6vw, 2.15rem); line-height: 1.2; }
.writing-article-body h3 { margin: 1.9em 0 .65em; font-size: 1.3rem; line-height: 1.3; }
.writing-article-body ul,
.writing-article-body ol { margin: 0 0 1.5em; padding-left: 1.35em; }
.writing-article-body li { margin: .42em 0; padding-left: .3em; }
.writing-article-body li::marker { color: var(--accent); }
.writing-article-body blockquote { margin: 1.7em 0; padding: .7em 1.15em; border-left: 3px solid var(--accent); color: var(--text); background: rgba(47, 158, 216, .055); }
.writing-article-body blockquote p { margin: 0; font: 650 1rem/1.65 var(--mono); }
.writing-article-body a { color: #66bce8; text-decoration: underline; text-decoration-color: rgba(102, 188, 232, .45); text-underline-offset: 3px; }
.writing-article-body .article-citation,
.writing-article-body .article-citation-group { position: relative; top: -.15em; margin-left: .16em; font-size: .72em; line-height: 0; white-space: nowrap; }
.writing-article-body .article-citation a,
.writing-article-body .article-citation-group a { color: var(--accent); font-weight: 650; text-decoration: none; }
.writing-article-body .article-citation a:hover,
.writing-article-body .article-citation a:focus-visible,
.writing-article-body .article-citation-group a:hover,
.writing-article-body .article-citation-group a:focus-visible { text-decoration: underline; text-underline-offset: .16em; }
.writing-article-body .article-citation-group a.is-active-citation { color: var(--accent); font-weight: 750; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.writing-article-body .article-references { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, .12); }
.writing-article-body .article-references h2 { margin-top: 0; padding-top: .35em; }
.writing-article-body .article-references ol { margin: 1rem 0 0; padding-left: 1.4rem; }
.writing-article-body .article-references li { margin-bottom: .85rem; padding-left: .25rem; line-height: 1.55; scroll-margin-top: 7rem; overflow-wrap: anywhere; }
.writing-article-body .article-references li:target { background: rgba(47, 158, 216, .07); }
.writing-article-body .article-references a { overflow-wrap: anywhere; }
.writing-article-body .article-references .article-reference-citation,
.writing-article-body .article-references .article-reference-accessed { display: block; }
.writing-article-body .article-references .article-reference-link { display: block; width: fit-content; max-width: 100%; margin: .2rem 0; color: var(--accent); font: .76em/1.45 var(--mono); overflow-wrap: anywhere; word-break: break-word; text-decoration: none; }
.writing-article-body .article-references .article-reference-link:hover,
.writing-article-body .article-references .article-reference-link:focus-visible { text-decoration: underline; text-underline-offset: .16em; }
.article-citation-popover { position: fixed; z-index: 45; width: min(520px, calc(100vw - 24px)); color: var(--text); pointer-events: none; }
.article-citation-popover__body { position: relative; z-index: 1; padding: 9px 12px; border: 1px solid rgba(102, 188, 232, .28); background: rgba(5, 13, 20, .97); box-shadow: 0 8px 22px rgba(0, 0, 0, .28); }
.article-citation-popover__primary { color: var(--text); font-size: .72rem; line-height: 1.35; }
.article-citation-popover__secondary { margin-top: .14rem; color: var(--muted); font: .64rem/1.3 var(--mono); }
.article-citation-popover__number { margin-right: .3rem; color: var(--accent); font-family: var(--mono); font-weight: 700; }
.article-citation-popover__source { font-weight: 650; }
.article-citation-popover__title { font-style: normal; }
.article-citation-popover__close { position: absolute; top: 0; right: .35rem; z-index: 2; display: grid; width: 1.45rem; height: 1.25rem; padding: 0; place-items: center; border: 1px solid rgba(102, 188, 232, .35); border-bottom: 0; background: #050d14; color: var(--muted); font: .82rem/1 var(--mono); cursor: pointer; opacity: 0; transform: translateY(.35rem); pointer-events: none; transition: opacity 160ms ease, transform 160ms cubic-bezier(.2, .8, .2, 1); }
.article-citation-popover__url-tray { position: absolute; right: 0; bottom: 0; left: 0; z-index: 0; padding: .34rem .65rem .38rem; overflow: hidden; border: 1px solid rgba(102, 188, 232, .35); border-top: 0; background: #050d14; opacity: 0; transform: translateY(-.4rem); pointer-events: none; transition: opacity 160ms ease, transform 160ms cubic-bezier(.2, .8, .2, 1); }
.article-citation-popover__url { display: block; overflow: hidden; color: var(--accent); font: 650 .65rem/1.3 var(--mono); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.article-citation-popover__url:hover,
.article-citation-popover__url:focus-visible { text-decoration: underline; text-underline-offset: .16em; }
.article-citation-popover[data-state="pinned"] { pointer-events: auto; }
.article-citation-popover[data-state="pinned"] .article-citation-popover__close { opacity: 1; transform: translateY(calc(-100% + 1px)); pointer-events: auto; }
.article-citation-popover[data-state="pinned"] .article-citation-popover__url-tray { opacity: 1; transform: translateY(calc(100% - 1px)); pointer-events: auto; }
@media (prefers-reduced-motion: reduce) {
  .article-citation-popover__close,
  .article-citation-popover__url-tray { transition: none; }
}
.writing-article-body code { padding: .12em .35em; border: 1px solid rgba(255, 255, 255, .1); border-radius: 3px; color: #dff8fa; background: rgba(0, 0, 0, .24); font: .88em/1.4 var(--mono); }
.writing-article-body pre { max-width: 100%; margin: 1.7em 0; padding: 18px; overflow: auto; border: 1px solid rgba(255, 255, 255, .1); background: #080e16; }
.writing-article-body pre code { padding: 0; border: 0; background: transparent; }
.writing-article-body pre.article-diagram {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2rem 0;
  padding: 2rem 2.25rem;
  overflow-x: auto;
  text-align: left;
}
.writing-article-body pre.article-diagram code {
  display: block;
  width: max-content;
  min-width: max-content;
  margin: 0;
  white-space: pre;
  text-align: left;
  font-variant-ligatures: none;
  letter-spacing: 0;
  tab-size: 2;
}
@media (max-width: 600px) {
  .writing-back-link--scroll { min-height: 44px; }
  .writing-article-body pre.article-diagram { padding: 20px 14px; }
}
.writing-article-body hr { height: 1px; margin: 2.5em 0; border: 0; background: rgba(255, 255, 255, .12); }
.writing-article-body figure { margin: 2em 0; }
.writing-article-body .writing-article-figure { margin: 1.55em 0 1.95em; }
.writing-article-body .writing-article-figure__trigger { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; cursor: zoom-in; text-align: inherit; }
.writing-article-body .writing-article-figure__trigger:disabled { cursor: default; }
.writing-article-body .writing-article-figure__image { display: block; width: 100%; height: auto; border: 1px solid rgba(255, 255, 255, .12); background: #050b11; object-fit: contain; transition: border-color 140ms ease, box-shadow 140ms ease; }
.writing-article-body .writing-article-figure--portrait { width: min(100%, 560px); margin-right: auto; margin-left: auto; }
.writing-article-body .writing-article-figure--portrait .writing-article-figure__image { width: 100%; height: auto; object-fit: contain; }
.writing-article-body .writing-article-figure__trigger:hover .writing-article-figure__image,
.writing-article-body .writing-article-figure__trigger:focus-visible .writing-article-figure__image { border-color: rgba(80, 205, 214, .68); box-shadow: 0 0 0 1px rgba(80, 205, 214, .16); }
.writing-article-body .writing-article-figure__trigger:focus-visible { outline: 1px solid var(--accent); outline-offset: 4px; }
.writing-article-body .writing-article-figure:not(.has-image) > .article-figure-caption { display: none; }
.writing-article-body .writing-article-figure.has-image > .article-media-placeholder { display: none; }
.writing-article-body .writing-article-figure.is-image-missing > .article-media-placeholder { display: block; }
.writing-article-body .article-media-placeholder { padding: 18px; border: 1px solid rgba(255, 255, 255, .12); background: #080e16; }
.writing-article-body .article-media-placeholder > div { color: var(--text); font: 700 .72rem/1.4 var(--mono); letter-spacing: .05em; }
.writing-article-body .article-media-placeholder p { margin: .75rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.55; overflow-wrap: anywhere; }
.writing-article-body .article-figure--diagram .article-diagram { margin: 0; }
.writing-article-body .article-figure-caption { display: grid; gap: 5px; margin-top: 0; padding: 10px 12px 11px; border: 1px solid rgba(255, 255, 255, .12); border-top: 0; background: rgba(5, 13, 20, .72); }
.writing-article-body .article-figure-caption__heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: .42rem; font-family: var(--mono); line-height: 1.25; text-transform: uppercase; }
.writing-article-body .article-figure-caption__number { color: var(--accent); font-size: .62rem; font-weight: 750; letter-spacing: .085em; }
.writing-article-body .article-figure-caption__separator { color: rgba(154, 164, 178, .55); font-size: .61rem; font-weight: 500; }
.writing-article-body .article-figure-caption__title { color: rgba(230, 238, 246, .86); font-size: .62rem; font-weight: 650; letter-spacing: .07em; }
.writing-article-body .article-figure-caption__text { color: var(--muted); font-family: inherit; font-size: .78rem; font-weight: 450; line-height: 1.5; }
.writing-article-body figure img { display: block; width: 100%; height: auto; border: 1px solid rgba(255, 255, 255, .12); background: #050b11; }
.writing-article-body figcaption { margin-top: 9px; color: var(--muted); font-size: .78rem; line-height: 1.5; }
@media (max-width: 760px) {
  .writing-article-body .writing-article-figure--portrait { width: min(100%, 460px); }
}
.writing-article-body table { width: 100%; margin: 1.8em 0; border-collapse: collapse; font-size: .88rem; }
.writing-article-body th,
.writing-article-body td { padding: 10px 12px; border: 1px solid rgba(255, 255, 255, .12); text-align: left; vertical-align: top; }
.writing-article-body th { color: var(--text); background: rgba(255, 255, 255, .035); }

.writing-article-footer { display: block; max-width: 980px; margin: 64px auto 0; padding-top: 0; border-top: 1px solid rgba(255, 255, 255, .1); }
.writing-article-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.writing-article-navigation > a { min-width: 0; text-decoration: none; }
.writing-article-navigation__article { display: grid; grid-column: 1; align-content: center; gap: 6px; min-height: 94px; padding: 16px 18px; border-right: 1px solid rgba(255, 255, 255, .09); }
.writing-article-navigation__article--older { grid-column: 2; border-right: 0; border-left: 1px solid rgba(255, 255, 255, .09); text-align: right; }
.writing-article-navigation__direction { color: var(--accent); font: 700 .58rem/1.2 var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.writing-article-navigation__article strong { display: block; color: var(--text); font-size: .82rem; font-weight: 650; line-height: 1.35; }
.writing-article-navigation > a:hover,
.writing-article-navigation > a:focus-visible { color: var(--text); background: rgba(43, 184, 196, .06); outline: none; }
.article-image-viewer { position: fixed; inset: 0; z-index: 120; display: grid; padding: 5dvh 3vw; place-items: center; opacity: 0; transition: opacity 150ms ease; }
.article-image-viewer[hidden] { display: none; }
.article-image-viewer.is-open { opacity: 1; }
.article-image-viewer__backdrop { position: absolute; inset: 0; background: rgba(1, 5, 9, .9); }
.article-image-viewer__window { position: relative; z-index: 1; display: grid; max-width: 94vw; max-height: 90dvh; margin: 0; border: 1px solid rgba(126, 155, 169, .46); border-top-color: rgba(80, 205, 214, .72); border-radius: 1px; background: #061019; box-shadow: 0 22px 58px rgba(0, 0, 0, .58); opacity: 0; transform: translateY(2px); transition: opacity 150ms ease, transform 150ms ease; }
.article-image-viewer.is-open .article-image-viewer__window { opacity: 1; transform: translateY(0); }
.article-image-viewer__image { display: block; max-width: 100%; max-height: calc(90dvh - 58px); width: auto; height: auto; margin: auto; object-fit: contain; background: #02070b; }
.article-image-viewer__close { position: absolute; top: -33px; right: -1px; display: grid; width: 33px; height: 33px; padding: 0; place-items: center; border: 1px solid rgba(126, 155, 169, .52); border-bottom-color: rgba(80, 205, 214, .58); border-radius: 0; background: #07131d; color: var(--text); font: 1rem/1 var(--mono); cursor: pointer; }
.article-image-viewer__close:hover,
.article-image-viewer__close:focus-visible { border-color: var(--accent); color: var(--accent); outline: none; }
.article-image-viewer__caption { display: grid; grid-template-columns: 1fr; gap: 4px; padding: 9px 11px 10px; border-top: 1px solid rgba(126, 155, 169, .28); background: #07131d; }
.article-image-viewer__heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: .42rem; font-family: var(--mono); line-height: 1.25; text-transform: uppercase; }
.article-image-viewer__number { color: var(--accent); font-size: .62rem; font-weight: 750; letter-spacing: .085em; }
.article-image-viewer__separator { color: rgba(154, 164, 178, .55); font-size: .61rem; font-weight: 500; }
.article-image-viewer__title { color: rgba(230, 238, 246, .86); font-size: .62rem; font-weight: 650; letter-spacing: .07em; }
.article-image-viewer__description { color: var(--muted); font-family: inherit; font-size: .78rem; font-weight: 450; line-height: 1.5; }
@media (max-width: 600px) {
  .article-image-viewer { padding: 10px; }
  .article-image-viewer__window { max-width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .article-image-viewer__image { max-height: calc(100dvh - 92px); }
  .article-image-viewer__close { top: 0; right: 0; width: 44px; height: 44px; }
  .article-image-viewer__caption { padding-right: 50px; }
}
@media (prefers-reduced-motion: reduce) {
  .article-image-viewer,
  .article-image-viewer__window,
  .writing-article-body .writing-article-figure__image { transition: none; }
}

.writing-page a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

[data-portfolio-mode="enhanced"] .writing-page { background: var(--enhanced-page); }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-shell {
  padding-top: 28px;
}
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-archive-header {
  grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
  gap: 40px;
  padding: 34px 36px;
  border: 1px solid var(--enhanced-divider);
  background: rgba(4, 12, 19, .68);
}
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-archive-header__copy > p:first-child {
  max-width: 68ch;
  font-size: 1.02rem;
  line-height: 1.55;
}
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-eyebrow {
  margin-bottom: 9px;
}
[data-portfolio-mode="enhanced"] .writing-eyebrow,
[data-portfolio-mode="enhanced"] .writing-count,
[data-portfolio-mode="enhanced"] .writing-section-heading > p,
[data-portfolio-mode="enhanced"] .writing-card-meta,
[data-portfolio-mode="enhanced"] .writing-archive-row__details span:first-child,
[data-portfolio-mode="enhanced"] .writing-article-header__labels,
[data-portfolio-mode="enhanced"] .writing-article-rail dt { color: var(--enhanced-accent-detail); }
[data-portfolio-mode="enhanced"] .writing-featured-section { display: block; }
[data-portfolio-mode="enhanced"] .writing-section-heading--legacy { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[data-portfolio-mode="enhanced"] .writing-featured-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--enhanced-border); }
[data-portfolio-mode="enhanced"] .writing-featured-heading h2 { margin: 0; color: var(--enhanced-accent-detail); font: 700 .7rem/1.2 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
[data-portfolio-mode="enhanced"] .writing-featured-heading > span { color: var(--enhanced-text-secondary); font: 700 .61rem/1.2 var(--mono); letter-spacing: .07em; }
[data-portfolio-mode="enhanced"] .writing-featured-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .8fr); gap: clamp(.8rem, 1.25vw, 1.15rem); align-items: stretch; }
[data-portfolio-mode="enhanced"] .writing-featured-grid--solo { grid-template-columns: minmax(0, 1fr); }
[data-portfolio-mode="enhanced"] .writing-featured-card { border-color: var(--enhanced-border-strong); border-radius: 1px; background: var(--enhanced-surface); }
[data-portfolio-mode="enhanced"] .writing-featured-card--primary { box-shadow: inset 3px 0 var(--enhanced-accent); }
[data-portfolio-mode="enhanced"] .writing-featured-card--supporting { display: grid; min-width: 0; align-self: stretch; padding: 12px 16px 10px; border-color: var(--enhanced-border); box-shadow: none; }
[data-portfolio-mode="enhanced"] .writing-featured-card:hover { border-color: rgba(43, 184, 196, .5); background: rgba(7, 19, 26, .96); }
[data-portfolio-mode="enhanced"] .writing-archive-content { padding-top: 18px; }
[data-portfolio-mode="enhanced"] .writing-featured-card--primary { padding: 18px 24px 14px; }
[data-portfolio-mode="enhanced"] .writing-featured-card--primary h3 { max-width: 18ch; margin: 10px 0 8px; font-size: clamp(2.15rem, 2.7vw, 3rem); line-height: .98; }
[data-portfolio-mode="enhanced"] .writing-featured-card--primary .writing-featured-rationale { display: block; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--enhanced-border); }
[data-portfolio-mode="enhanced"] .writing-archive-row__why-label { display: block; margin-bottom: 7px; color: var(--enhanced-accent-detail); font: 700 .55rem/1.2 var(--mono); letter-spacing: .075em; text-transform: uppercase; }
[data-portfolio-mode="enhanced"] .writing-card-subtitle { max-width: 64ch; font-size: clamp(1rem, 1.2vw, 1.12rem); line-height: 1.4; }
[data-portfolio-mode="enhanced"] .writing-featured-card--primary .writing-card-summary { display: none; }
[data-portfolio-mode="enhanced"] .writing-featured-excerpt { display: block; max-width: none; margin-top: 10px; padding: 6px 10px 7px; border-left: 2px solid rgba(43, 184, 196, .52); background: rgba(2, 10, 16, .34); }
[data-portfolio-mode="enhanced"] .writing-featured-excerpt__label { display: block; margin-bottom: 5px; color: var(--enhanced-accent-detail); font: 700 .55rem/1.2 var(--mono); letter-spacing: .075em; text-transform: uppercase; }
[data-portfolio-mode="enhanced"] .writing-featured-excerpt p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--enhanced-text-body); font-size: .86rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-portfolio-mode="enhanced"] .writing-featured-card__footer { align-items: center; margin-top: 10px; padding-top: 9px; }
[data-portfolio-mode="enhanced"] .writing-featured-card__actions { grid-template-columns: auto auto; gap: 16px; align-items: center; }
[data-portfolio-mode="enhanced"] .writing-featured-card--supporting .writing-featured-card__index { top: 10px; right: 13px; font-size: .58rem; }
[data-portfolio-mode="enhanced"] .writing-featured-card--supporting .writing-card-meta { gap: 4px 10px; padding-right: 24px; font-size: .52rem; }
[data-portfolio-mode="enhanced"] .writing-featured-card--supporting h3 { display: -webkit-box; max-width: 23ch; margin: 6px 0 5px; overflow: hidden; font-size: clamp(1.15rem, 1.3vw, 1.38rem); letter-spacing: -.025em; line-height: 1.1; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-portfolio-mode="enhanced"] .writing-supporting-rationale { display: -webkit-box; margin: 0; overflow: hidden; color: var(--enhanced-text-secondary); font-size: .68rem; line-height: 1.32; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
[data-portfolio-mode="enhanced"] .writing-supporting-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 6px; padding-top: 5px; border-top: 1px solid var(--enhanced-divider); }
[data-portfolio-mode="enhanced"] .writing-supporting-footer .writing-read-action { font-size: .63rem; }
[data-portfolio-mode="enhanced"] .writing-featured-card--supporting h3 a::after { position: absolute; z-index: 1; inset: 0; content: ""; }
[data-portfolio-mode="enhanced"] .writing-supporting-footer .writing-read-action { position: relative; z-index: 2; }
[data-portfolio-mode="enhanced"] .writing-all-section { margin-top: clamp(2.25rem, 4vh, 3.5rem); }
[data-portfolio-mode="enhanced"] .writing-archive-row { position: relative; }
[data-portfolio-mode="enhanced"] .writing-archive-row__identity p { display: none; }
[data-portfolio-mode="enhanced"] .writing-archive-row__why { display: block; }
[data-portfolio-mode="enhanced"] .writing-archive-row__why p { margin: 0; color: var(--enhanced-text-secondary); font-size: .84rem; line-height: 1.45; }
[data-portfolio-mode="enhanced"] .writing-archive-row:focus-within { outline: 1px solid var(--enhanced-accent); outline-offset: -1px; }
[data-portfolio-mode="enhanced"] .writing-archive-row__identity h3 a::after { position: absolute; z-index: 1; inset: 0; content: ""; }
[data-portfolio-mode="enhanced"] .writing-archive-row__action { position: relative; z-index: 2; display: inline-flex; width: auto; min-width: 64px; gap: 5px; color: var(--enhanced-accent-detail); font: 700 .62rem/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; }
[data-portfolio-mode="enhanced"] .writing-archive-row__action-label { display: inline-block !important; }
[data-portfolio-mode="enhanced"] .writing-archive-row__action:hover span { transform: translateX(2px); }

@media (min-width: 901px) {
  [data-portfolio-mode="enhanced"] .writing-featured-grid:not(.writing-featured-grid--solo) { grid-template-rows: repeat(2, minmax(0, 1fr)); min-height: 320px; }
  [data-portfolio-mode="enhanced"] .writing-featured-grid--one-support { grid-template-rows: auto minmax(0, 1fr); }
  [data-portfolio-mode="enhanced"] .writing-featured-card--primary { grid-column: 1; grid-row: 1 / span 2; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--supporting:nth-child(2) { grid-column: 2; grid-row: 1; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--supporting:nth-child(3) { grid-column: 2; grid-row: 2; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--primary { grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); column-gap: clamp(1.5rem, 2.5vw, 2.75rem); }
  [data-portfolio-mode="enhanced"] .writing-featured-card--primary .writing-card-meta { grid-column: 1 / -1; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--primary h3 { grid-column: 1; grid-row: 2; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--primary .writing-featured-rationale { grid-column: 2; grid-row: 2; align-self: start; margin-top: 8px; padding: 2px 0 0 clamp(1.25rem, 2vw, 2rem); border-top: 0; border-left: 1px solid var(--enhanced-border); }
  [data-portfolio-mode="enhanced"] .writing-featured-card--primary .writing-featured-excerpt,
  [data-portfolio-mode="enhanced"] .writing-featured-card--primary .writing-featured-card__footer { grid-column: 1 / -1; }
  [data-portfolio-mode="enhanced"] .writing-featured-excerpt p { -webkit-line-clamp: 2; }

  [data-portfolio-mode="enhanced"] .writing-archive-row {
    grid-template-columns: 36px minmax(280px, .9fr) minmax(320px, 1.1fr);
    grid-template-rows: auto;
    gap: 24px;
    min-height: 100px;
    padding: 13px 8px 12px;
  }

  [data-portfolio-mode="enhanced"] .writing-archive-row__index { grid-column: 1; grid-row: 1; align-self: start; padding-top: 3px; }
  [data-portfolio-mode="enhanced"] .writing-archive-row__identity { grid-column: 2; grid-row: 1; align-self: start; padding-bottom: 27px; }
  [data-portfolio-mode="enhanced"] .writing-archive-row__identity h3 { max-width: 24ch; font-size: 1.32rem; }
  [data-portfolio-mode="enhanced"] .writing-archive-row__why { grid-column: 3; grid-row: 1; align-self: stretch; padding: 2px 0 25px 24px; border-left: 1px solid var(--enhanced-border); }
  [data-portfolio-mode="enhanced"] .writing-archive-row__details { grid-column: 2; grid-row: 1; align-self: end; display: flex; flex-wrap: wrap; gap: 5px 16px; padding: 0; border: 0; }
  [data-portfolio-mode="enhanced"] .writing-archive-row__action { grid-column: 3; grid-row: 1; align-self: end; justify-self: end; }
}
[data-portfolio-mode="enhanced"] .writing-tags li { border-color: var(--enhanced-border); border-radius: 0; color: var(--enhanced-text-secondary); }
[data-portfolio-mode="enhanced"] .writing-section-heading--row,
[data-portfolio-mode="enhanced"] .writing-archive-row,
[data-portfolio-mode="enhanced"] .writing-article-header,
[data-portfolio-mode="enhanced"] .writing-article-footer { border-color: var(--enhanced-border); }
[data-portfolio-mode="enhanced"] .writing-archive-row:hover { border-color: rgba(43, 184, 196, .46); background: var(--enhanced-accent-soft); }
[data-portfolio-mode="enhanced"] .writing-status { border-color: var(--enhanced-border-strong); border-radius: 0; background: var(--enhanced-surface); }
[data-portfolio-mode="enhanced"] .writing-progress { position: fixed; z-index: 20; top: 71px; right: 0; left: 0; display: block; height: 2px; pointer-events: none; }
[data-portfolio-mode="enhanced"] .writing-progress span { display: block; width: 100%; height: 100%; background: var(--enhanced-accent); transform: scaleX(0); transform-origin: left center; transition: transform 80ms linear; }
[data-portfolio-mode="enhanced"] .writing-article-rail dl > div,
[data-portfolio-mode="enhanced"] .writing-toc__label { border-color: var(--enhanced-border); }
[data-portfolio-mode="enhanced"] .writing-toc__link:hover .writing-toc__label,
[data-portfolio-mode="enhanced"] .writing-toc__link[aria-current="location"] .writing-toc__label { border-left-color: var(--enhanced-accent); }
[data-portfolio-mode="enhanced"] .writing-toc__link:hover .writing-toc__title,
[data-portfolio-mode="enhanced"] .writing-toc__link[aria-current="location"] .writing-toc__title { color: var(--enhanced-text-primary); }
[data-portfolio-mode="enhanced"] .writing-article-body { color: var(--enhanced-text-body); }
[data-portfolio-mode="enhanced"] .writing-article-body h2,
[data-portfolio-mode="enhanced"] .writing-article-body h3 { color: var(--enhanced-text-primary); }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-reader-layout { padding-top: 28px; }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body__first-heading { margin-top: 0; padding-top: 0; }
[data-portfolio-mode="enhanced"] .writing-article-body blockquote { border-color: var(--enhanced-accent); background: var(--enhanced-accent-soft); }
[data-portfolio-mode="enhanced"] .writing-article-figure img { border-color: var(--enhanced-border-strong); }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--enhanced-border); }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body thead th { color: var(--enhanced-accent-detail); background: rgba(30, 68, 79, .16); font: 650 .72rem/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body tbody th { color: var(--enhanced-text-primary); background: rgba(255, 255, 255, .025); font-weight: 600; }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body tbody td { color: var(--enhanced-text-body); font-weight: 400; }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body th,
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body td { border-color: rgba(112, 130, 141, .18); padding: 18px 24px; }
[data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body tbody tr:hover { background: rgba(80, 205, 214, .035); }

@media (min-width: 981px) {
  .writing-article-rail {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-height: calc(100vh - 118px);
    max-height: calc(100dvh - 118px);
    padding-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: auto;
    scrollbar-gutter: stable;
    padding-bottom: 10px;
  }

  @supports selector(::-webkit-scrollbar) {
    .writing-article-rail { scrollbar-width: auto; scrollbar-color: auto; }
    .writing-article-rail::-webkit-scrollbar { width: 6px; height: 6px; }
    .writing-article-rail::-webkit-scrollbar-button,
    .writing-article-rail::-webkit-scrollbar-button:single-button,
    .writing-article-rail::-webkit-scrollbar-button:double-button,
    .writing-article-rail::-webkit-scrollbar-button:start,
    .writing-article-rail::-webkit-scrollbar-button:end,
    .writing-article-rail::-webkit-scrollbar-button:vertical:start:decrement,
    .writing-article-rail::-webkit-scrollbar-button:vertical:end:increment { display: none; width: 0; height: 0; min-width: 0; min-height: 0; background: transparent; }
    .writing-article-rail::-webkit-scrollbar-track { border: 0; border-radius: 0; background: rgba(4, 12, 19, .72); box-shadow: inset 0 0 0 1px rgba(126, 155, 169, .2); }
    .writing-article-rail::-webkit-scrollbar-thumb { min-height: 36px; border: 1px solid rgba(4, 12, 19, .96); border-radius: 0; background: rgba(126, 155, 169, .58); background-clip: padding-box; box-shadow: inset 0 0 0 1px rgba(190, 207, 216, .2); }
    .writing-article-rail::-webkit-scrollbar-thumb:hover { border-radius: 0; background: rgba(80, 205, 214, .62); box-shadow: inset 0 0 0 1px rgba(174, 238, 242, .34); }
    .writing-article-rail::-webkit-scrollbar-thumb:active { border-radius: 0; background: rgba(80, 205, 214, .78); box-shadow: inset 0 0 0 1px rgba(216, 249, 251, .44); }
    .writing-article-rail::-webkit-scrollbar-corner { background: rgba(4, 12, 19, .72); }
  }

  @supports (-moz-appearance: none) {
    .writing-article-rail { scrollbar-width: thin; scrollbar-color: rgba(126, 155, 169, .58) rgba(5, 14, 21, .72); }
  }
  .writing-article-rail:focus-visible { outline: 1px solid rgba(80, 205, 214, .58); outline-offset: 6px; }

  .writing-back-link--scroll { display: none !important; }
}

@media (max-width: 980px) {
  .writing-featured-section { grid-template-columns: 1fr; }
  .writing-section-heading { display: flex; align-items: baseline; gap: 12px; padding-top: 0; }
  .writing-reader-layout { grid-template-columns: minmax(0, 760px); padding-top: 38px; }
  .writing-article-rail { position: static; display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 1fr); gap: 28px; max-height: none; overflow: visible; scrollbar-gutter: auto; padding-bottom: 0; }
  .writing-article-rail dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .writing-article-rail dl > div { padding-right: 12px; }
  .writing-toc { margin-top: 0; }
  .writing-back-link--rail,
  .writing-related--rail { display: none; }
  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-reader-layout { padding-top: 24px; }
}

@media (max-width: 900px) {
  [data-portfolio-mode="enhanced"] .writing-featured-grid { grid-template-columns: minmax(0, 1fr); }
  [data-portfolio-mode="enhanced"] .writing-featured-card--primary { grid-column: 1 / -1; grid-row: auto; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--supporting { grid-row: auto; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--supporting:nth-child(2) { grid-column: 1; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--supporting:nth-child(3) { grid-column: 1; }

  [data-portfolio-mode="enhanced"] .writing-featured-grid--two-supports { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-portfolio-mode="enhanced"] .writing-featured-grid--two-supports .writing-featured-card--primary { grid-column: 1 / -1; }
  [data-portfolio-mode="enhanced"] .writing-featured-grid--two-supports .writing-featured-card--supporting:nth-child(2) { grid-column: 1; }
  [data-portfolio-mode="enhanced"] .writing-featured-grid--two-supports .writing-featured-card--supporting:nth-child(3) { grid-column: 2; }

  [data-portfolio-mode="enhanced"] .writing-archive-row {
    grid-template-columns: 34px minmax(0, 1fr) 64px;
    grid-template-rows: auto auto auto;
    gap: 11px 14px;
    padding: 20px 4px;
  }

  [data-portfolio-mode="enhanced"] .writing-archive-row__index { grid-column: 1; grid-row: 1 / -1; }
  [data-portfolio-mode="enhanced"] .writing-archive-row__identity { grid-column: 2 / 4; grid-row: 1; }
  [data-portfolio-mode="enhanced"] .writing-archive-row__details { grid-column: 2 / 4; grid-row: 2; display: flex; flex-wrap: wrap; gap: 6px 14px; align-self: start; }
  [data-portfolio-mode="enhanced"] .writing-archive-row__why { grid-column: 2 / 4; grid-row: 3; padding: 11px 72px 0 0; border-top: 1px solid var(--enhanced-border); }
  [data-portfolio-mode="enhanced"] .writing-archive-row__action { grid-column: 3; grid-row: 3; align-self: end; justify-self: end; }
}

@media (max-width: 760px) {
  .writing-shell,
  .writing-reader-shell { width: min(100% - 28px, var(--portfolio-shell-max)); padding: 36px 0 54px; }
  .writing-archive-header { grid-template-columns: 1fr; gap: 24px; padding-bottom: 28px; }
  .writing-archive-header h1 { font-size: clamp(3rem, 16vw, 5rem); }
  .writing-archive-content { padding-top: 34px; }
  .writing-featured-card { padding: 28px 22px; }
  .writing-featured-card h3 { max-width: 18ch; margin-top: 22px; font-size: clamp(2rem, 10vw, 3.2rem); }
  .writing-featured-card__footer { align-items: start; flex-direction: column; }
  .writing-featured-card__actions { width: 100%; grid-template-columns: 1fr auto; align-items: center; justify-items: start; }
  .writing-all-section { margin-top: 52px; }
  .writing-archive-row { grid-template-columns: 34px minmax(0, 1fr) 32px; gap: 12px; padding: 20px 4px; }
  .writing-archive-row__details { grid-column: 2; display: flex; flex-wrap: wrap; gap: 6px 14px; }
  .writing-archive-row__action { grid-column: 3; grid-row: 1 / span 2; }
  .writing-article-header h1 { max-width: none; font-size: clamp(2rem, 9vw, 3.1rem); line-height: 1.04; }
  .writing-reader-layout { gap: 32px; }
  .writing-article-rail { grid-template-columns: 1fr; gap: 18px; }
  .writing-article-body { font-size: 1rem; line-height: 1.76; }
  .writing-article-body table { display: block; overflow-x: auto; }
  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body th,
  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-article-body td { padding: 12px 14px; font-size: .86rem; }
  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="article"] .writing-reader-layout { padding-top: 22px; }
  [data-portfolio-mode="enhanced"] .writing-featured-card { padding: 24px 20px 22px; }
  [data-portfolio-mode="enhanced"] .writing-featured-card h3 { max-width: none; margin-top: 14px; font-size: clamp(2rem, 9vw, 2.8rem); }
  [data-portfolio-mode="enhanced"] .writing-featured-excerpt p { -webkit-line-clamp: 2; }
  [data-portfolio-mode="enhanced"] .writing-featured-card__footer { align-items: flex-start; }
  [data-portfolio-mode="enhanced"] .writing-featured-card__actions { width: 100%; grid-template-columns: 1fr auto; }
  [data-portfolio-mode="enhanced"] .writing-featured-grid--two-supports { grid-template-columns: minmax(0, 1fr); }
  [data-portfolio-mode="enhanced"] .writing-featured-grid--two-supports .writing-featured-card--supporting:nth-child(2),
  [data-portfolio-mode="enhanced"] .writing-featured-grid--two-supports .writing-featured-card--supporting:nth-child(3) { grid-column: 1; }
  [data-portfolio-mode="enhanced"] .writing-featured-card--supporting { padding: 16px 18px 14px; }
  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-shell { padding-top: 16px; }
  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-archive-header {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 26px 22px;
  }
}

@media (max-width: 700px) {
  .writing-article-navigation { grid-template-columns: 1fr; }
  .writing-article-navigation__article,
  .writing-article-navigation__article--older { grid-column: 1; min-height: 82px; border-right: 0; border-left: 0; border-bottom: 1px solid rgba(255, 255, 255, .09); text-align: left; }
}

@media (max-width: 480px) {
  .writing-featured-card__index { top: 14px; right: 15px; }
  .writing-card-meta { padding-right: 26px; }
  .writing-article-meta { display: grid; gap: 8px; }
  .writing-article-rail dl { grid-template-columns: 1fr; }
  .writing-article-rail dl > div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; }
  .writing-toc__link { font-size: .76rem; }
}

@media (max-width: 900px) {
  [data-portfolio-mode="enhanced"] .writing-progress { top: 63px; }
}

/* Writing archive vertical rhythm. Keep the reader and SIMPLE presentation on
   their existing spacing, with a compact pass for laptop-height desktops. */
@media (min-width: 1100px) {
  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-shell {
    padding-top: 28px;
    padding-bottom: 4rem;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-archive-header {
    padding: 34px 36px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-eyebrow {
    margin-bottom: 9px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-count {
    margin-top: 12px;
  }
}

@media (min-width: 1100px) and (max-height: 950px) {
  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-shell {
    padding-top: 20px;
    padding-bottom: 1.6rem;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-archive-header {
    padding: 25px 32px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-eyebrow {
    margin-bottom: 6px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-count {
    margin-top: 9px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-archive-content {
    padding-top: 16px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-featured-card--primary {
    padding: 1.25rem 1.75rem .9rem;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-featured-card--primary h3 {
    margin-top: 8px;
    font-size: clamp(2.15rem, 2.7vw, 3rem);
    line-height: .98;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-featured-rationale {
    margin-top: 8px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-featured-excerpt {
    margin-top: 7px;
    padding: 5px 9px 6px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-featured-excerpt__label {
    margin-bottom: 3px;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-featured-excerpt p {
    line-height: 1.4;
    -webkit-line-clamp: 2;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-featured-card__footer {
    margin-top: .7rem;
    padding-top: .65rem;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-all-section {
    margin-top: 1.5rem;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-section-heading--row {
    padding-bottom: .625rem;
  }

  [data-portfolio-mode="enhanced"] .writing-page[data-writing-view="archive"] .writing-archive-row {
    min-height: 96px;
    gap: 24px;
    padding: 10px 8px 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .writing-featured-card,
  .writing-read-action span,
  [data-portfolio-mode="enhanced"] .writing-progress span { transition: none; }
  .writing-featured-card:hover { transform: none; }
}
.writing-article-body.article-drift-day .article-callout { border-left: 2px solid var(--accent, #2f9ed8); padding: .75rem 1rem; margin: 1.5rem 0; }
.writing-article-body.article-drift-day .article-callout__label { display: block; font: 700 .7rem/1.2 var(--mono, monospace); letter-spacing: .08em; text-transform: uppercase; color: var(--accent, #2f9ed8); }
.writing-article-body.article-drift-day .article-callout__text { margin: .35rem 0 0; }
.writing-article-body.article-drift-day .article-reference-list--two-column { columns: 2; column-gap: 2rem; }
.writing-article-body.article-drift-day .article-reference-list--two-column li { break-inside: avoid; }
.writing-article-body.article-drift-day .article-zone-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--enhanced-divider, rgba(112,130,141,.2)); }
.writing-article-body.article-drift-day .article-zone { padding: 1rem; }
.writing-article-body.article-drift-day .article-zone--used { border-left: 1px solid var(--enhanced-divider, rgba(112,130,141,.2)); }
.writing-article-body.article-drift-day .article-symptom-strip { display: flex; flex-wrap: wrap; gap: .45rem .8rem; margin: 1rem 0; padding: .7rem; border-block: 1px solid var(--enhanced-divider, rgba(112,130,141,.2)); color: var(--enhanced-accent-detail, #5fd6e6); font: 700 .7rem/1.3 var(--mono, monospace); }
@media (max-width: 760px) {
  .writing-article-body.article-drift-day .article-reference-list--two-column { columns: 1; }
  .writing-article-body.article-drift-day .article-zone-layout { grid-template-columns: 1fr; }
  .writing-article-body.article-drift-day .article-zone--used { border-left: 0; border-top: 1px solid var(--enhanced-divider, rgba(112,130,141,.2)); }
}