/* About the engineer (/engineer/): the drakestapleton.com stylesheets, scoped
   under .engineer when that site merged into aienos.com on 2026-10-26.
   Source: aien-spark/drakestapleton.com@4b2313b public/assets (style, reader,
   engine, interest, universe, turing). Generated once; edit by hand from here.
   No web fonts: the stacks fall back to local fonts. */
/* style.css */
.engineer{--navy: #2b2233; --navy-deep: #18111f; --blue: #5a4668; --blue-pale: #ede6ef; --red: #a9462b; --red-deep: #7d2f1d; --paper: #f4efe6; --white: #fffaf3; --ink: #29232b; --copy: #544a52; --muted: #6d626a; --line: rgba(43, 34, 51, 0.18); --line-strong: rgba(43, 34, 51, 0.42); --on-dark: #fff8ee; --on-dark-copy: #ded3df; --on-dark-muted: #bca9c2; --on-accent-copy: #f6ddd2; --on-accent-muted: #f8e3db; --accent-bright: #ef8b67; --display: Georgia, "Times New Roman", serif; --sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --page: 1200px; --reading: 760px; --gutter: clamp(20px, 4vw, 48px); --section: clamp(84px, 10vw, 148px); --site-nav-height: 76px; --chapter-nav-height: 52px;}
.engineer *{box-sizing: border-box;}
.engineer{scroll-behavior: smooth; scroll-padding-top: calc( var(--site-nav-height) + var(--chapter-nav-height) + 16px );}
.engineer section[id], .engineer article[id], .engineer div[id]{scroll-margin-top: calc( var(--site-nav-height) + var(--chapter-nav-height) + 16px );}
.engineer{min-height: 100%;}
.engineer{margin: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font: 16px/1.65 var(--sans); text-rendering: optimizeLegibility;}
.engineer a{color: inherit; text-decoration: none;}
.engineer a:hover{color: var(--red);}
.engineer a:focus-visible, .engineer button:focus-visible, .engineer input:focus-visible, .engineer [tabindex]:focus-visible{outline: 3px solid var(--red); outline-offset: 4px;}
.engineer ::selection{background: var(--red); color: var(--white);}
.engineer img, .engineer svg{max-width: 100%;}
.engineer button, .engineer input, .engineer textarea, .engineer select{font: inherit;}
.engineer code{font-family: var(--mono); font-size: 0.92em;}
.engineer blockquote{margin: 0; text-wrap: pretty;}
.engineer{min-height: 100vh;}
.engineer .wrap{width: min(100%, var(--page)); margin-inline: auto; padding-inline: var(--gutter);}
.engineer .wrap{padding-top: clamp(72px, 8vw, 112px); padding-bottom: var(--section);}
.engineer .visually-hidden{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.engineer .his-words{position: relative; padding-left: 1.15em; color: var(--navy); font-weight: 600;}
.engineer .his-words::before{content: ""; position: absolute; left: 0.2em; top: 0.45em; width: 0.5em; height: 0.5em; background: var(--red); border-radius: 1px; transform: rotate(45deg);}
.engineer .his-words-block{position: relative; margin: 36px 0; padding: 6px 0 6px 30px; border-left: 3px solid var(--red); color: var(--navy); font-family: var(--display); font-style: italic; font-size: 1.4rem; line-height: 1.55; text-wrap: pretty;}
.engineer .his-words-block::before{content: ""; position: absolute; left: -8px; top: 16px; width: 12px; height: 12px; background: var(--red); border-radius: 2px; box-shadow: 0 0 0 5px var(--paper); transform: rotate(45deg);}
.engineer .kicker{margin: 0; color: var(--red); font-size: 11px; font-weight: 780; letter-spacing: 0.17em; text-wrap: balance; text-transform: uppercase;}
.engineer h1, .engineer h2, .engineer h3, .engineer h4{overflow-wrap: break-word; text-wrap: balance; word-break: normal;}
.engineer p, .engineer li, .engineer dd{overflow-wrap: normal; text-wrap: pretty; word-break: normal;}
.engineer :where(.portrait-page, .portrait-wrap, .wrap)
  p:not(
    :where(
      .kicker,
      .portrait-index,
      .chapter-tag,
      .ledger-marker,
      .path-years,
      .path-video-meta,
      .organ-role,
      .evidence-status,
      .practice-metric-label,
      .practice-chart-note,
      .stack-proof,
      .meta,
      .note,
      .kind
    )
  ){hyphens: none; text-align: left;}
.engineer h1{margin: 0; font: 500 clamp(54px, 8vw, 108px)/0.94 var(--display); letter-spacing: -0.058em;}
.engineer h2{margin: 0; font: 500 clamp(42px, 5.8vw, 72px)/1.02 var(--display); letter-spacing: -0.048em;}
.engineer h3{margin: 0; font: 500 clamp(28px, 3.4vw, 43px)/1.1 var(--display); letter-spacing: -0.035em;}
.engineer h4{margin: 0;}
.engineer .wrap > h1{max-width: 980px; color: var(--navy);}
.engineer .wrap > .kicker + h1{font-size: clamp(48px, 7vw, 82px);}
.engineer .metric{padding: 22px; border: 1px solid var(--line); background: var(--white);}
.engineer .metric b{display: block; color: var(--navy); font: 500 24px/1.15 var(--display);}
.engineer .metric span{display: block; margin-top: 8px; color: var(--muted); font-size: 12px;}
.engineer table{width: 100%; border-collapse: collapse; font-size: 13px;}
.engineer th, .engineer td{padding: 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top;}
.engineer th{color: var(--muted); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;}
@media (max-width: 820px){
.engineer{--section: 82px; --site-nav-height: 124px; --chapter-nav-height: 48px;}
}
@media (max-width: 540px){
.engineer{--site-nav-height: 120px;}
.engineer h1{font-size: clamp(42px, 12vw, 54px); line-height: 0.98; letter-spacing: -0.047em;}
.engineer h2{font-size: clamp(34px, 10vw, 44px); line-height: 1.05; letter-spacing: -0.042em;}
.engineer h3{font-size: clamp(24px, 7.6vw, 32px); line-height: 1.12; letter-spacing: -0.03em;}
.engineer .wrap > .kicker + h1{font-size: clamp(42px, 12vw, 54px);}
}
@media (max-width: 360px){
.engineer{--site-nav-height: 196px;}
}
@media (prefers-reduced-motion: reduce){
.engineer{scroll-behavior: auto;}
.engineer *, .engineer *::before, .engineer *::after{scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important;}
}
@media print{
.engineer{color: #111; background: #fff;}
.engineer .metric{break-inside: avoid; background: #fff;}
}
.engineer{background: #0d1117;}
.engineer{color-scheme: dark; --navy: #f4f7fb; --navy-deep: #080b10; --blue: #9bb8ed; --blue-pale: #151c28; --red: #ff735e; --red-deep: #ff9b88; --paper: #0d1117; --white: #f7f9fc; --ink: #f4f7fb; --copy: #c7d0dc; --muted: #929cab; --line: rgba(217, 226, 239, 0.16); --line-strong: rgba(217, 226, 239, 0.38); --on-dark: #f7f9fc; --on-dark-copy: #cbd5e1; --on-dark-muted: #9ba8ba; --on-accent-copy: #ffe0da; --on-accent-muted: #ffd0c7; --accent-bright: #ff8a74; --dark-surface: #151a23; --dark-section: #182233; color: var(--ink); background: var(--paper);}
.engineer .metric{background: var(--dark-surface);}
@media (max-width: 820px){
.engineer{--site-nav-height: 76px;}
}
@media (max-width: 700px){
.engineer table{display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.engineer p, .engineer li, .engineer dd, .engineer dt, .engineer blockquote{overflow-wrap: break-word; word-wrap: break-word;}
.engineer img, .engineer svg, .engineer video, .engineer iframe, .engineer canvas{max-width: 100%; height: auto;}
.engineer button, .engineer input[type="submit"], .engineer input[type="button"]{min-height: 44px;}
}
@media (max-width: 380px){
.engineer{--gutter: 16px;}
.engineer{font-size: 16px;}
}
.engineer .ph-page{max-width: var(--page); margin: 0 auto; padding: clamp(48px, 6vw, 96px) var(--gutter);}
.engineer .ph-hero{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(32px, 5vw, 80px); align-items: center;}
.engineer .ph-hero h1{margin: 0 0 20px; font: 500 clamp(44px, 6vw, 84px)/1 var(--display); color: var(--navy);}
.engineer .ph-lede{margin: 0 0 24px; max-width: 46ch; font: 500 clamp(19px, 2vw, 24px)/1.4 var(--display); color: var(--copy);}
.engineer .ph-intro{margin: 0; max-width: 60ch; font-size: 1.125rem; line-height: 1.75; color: var(--ink);}
.engineer .ph-hero-art{border-radius: 20px; overflow: hidden; border: 1px solid var(--line); box-shadow: var(--shadow-lg);}
.engineer .ph-art{display: block; width: 100%; height: auto;}
.engineer .ph-sky{fill: var(--blue-pale);}
.engineer .ph-hill-back{fill: var(--blue); opacity: 0.45;}
.engineer .ph-hill-front{fill: var(--navy); opacity: 0.8;}
.engineer .ph-ground{fill: var(--blue-pale);}
.engineer .ph-ties{fill: none; stroke: var(--line-strong); stroke-width: 5;}
.engineer .ph-rails{fill: none; stroke: var(--navy); stroke-width: 4; stroke-linecap: round;}
.engineer .ph-stroke-soft{fill: none; stroke: var(--line-strong); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.engineer .ph-line{fill: none; stroke: var(--navy); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;}
.engineer .ph-line-soft{fill: none; stroke: var(--line-strong); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;}
.engineer .ph-line-accent{fill: none; stroke: var(--red); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round;}
.engineer .ph-dash{stroke-dasharray: 2 9;}
.engineer .ph-fill-accent{fill: var(--red);}
.engineer .ph-rock{fill: var(--navy);}
.engineer .ph-wall{fill: var(--blue-pale); stroke: var(--navy); stroke-width: 3;}
.engineer .ph-burst{fill: var(--blue-pale); stroke: var(--red); stroke-width: 3; stroke-dasharray: 5 4;}
.engineer .ph-chapters{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 40px); margin-top: clamp(56px, 7vw, 104px);}
.engineer .ph-chapter{padding: clamp(24px, 3vw, 36px); border: 1px solid var(--line); border-radius: 16px; background: var(--white);}
.engineer .ph-chapter:last-child:nth-child(odd){grid-column: 1 / -1;}
.engineer .ph-chapter-art{width: 72px; margin-bottom: 18px;}
.engineer .ph-chapter h2{margin: 0 0 12px; font: 500 clamp(24px, 2.4vw, 30px)/1.15 var(--display); color: var(--navy);}
.engineer .ph-chapter p{margin: 0; font-size: 1.05rem; line-height: 1.7; color: var(--copy);}
.engineer .ph-ways{margin-top: clamp(64px, 8vw, 120px);}
.engineer .ph-ways-head{max-width: 62ch;}
.engineer .ph-ways-head h2{margin: 0 0 12px; font: 500 clamp(32px, 4vw, 52px)/1.05 var(--display); color: var(--navy);}
.engineer .ph-ways-head p{margin: 0; font-size: 1.15rem; line-height: 1.7; color: var(--copy);}
.engineer .ph-ways-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); margin-top: 32px;}
.engineer .ph-way{padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--white);}
.engineer .ph-way h3{margin: 14px 0 8px; font: 500 1.35rem/1.2 var(--display); color: var(--navy);}
.engineer .ph-way p{margin: 0; line-height: 1.6; color: var(--copy);}
.engineer .ph-ways-close{max-width: 62ch; margin: 32px 0 0; font-size: 1.125rem; line-height: 1.75; color: var(--ink);}
.engineer .ph-closing{margin-top: clamp(64px, 8vw, 120px); padding: clamp(32px, 5vw, 72px); border-radius: 24px; background: var(--blue-pale); border: 1px solid var(--line);}
.engineer .ph-closing-inner{max-width: 960px; margin: 0 auto;}
.engineer .ph-closing .his-words-block{margin: 0 0 28px; font-size: clamp(1.25rem, 2.1vw, 1.7rem); box-shadow: none;}
.engineer .ph-closing .his-words-block::before{box-shadow: 0 0 0 5px var(--blue-pale);}
.engineer .ph-closing-pair{display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px;}
.engineer .ph-closing-pair .his-words-block{margin-bottom: 0;}
.engineer .ph-train{margin-top: 40px;}
.engineer .ph-speed{stroke: var(--line-strong); stroke-width: 3; stroke-linecap: round; fill: none;}
.engineer .ph-smoke{fill: var(--line-strong);}
.engineer .ph-train-body{fill: var(--navy);}
.engineer .ph-train-window{fill: var(--blue-pale);}
.engineer .ph-lamp{fill: var(--accent-bright);}
.engineer .ph-wheel{fill: var(--blue-pale); stroke: var(--red); stroke-width: 5;}
.engineer .ph-rod{stroke: var(--red); stroke-width: 4;}
.engineer .ph-track{stroke: var(--navy); stroke-width: 3;}
@media (max-width: 960px){
.engineer .ph-hero{grid-template-columns: 1fr;}
.engineer .ph-ways-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){
.engineer .ph-chapters, .engineer .ph-ways-grid, .engineer .ph-closing-pair{grid-template-columns: 1fr;}
.engineer .ph-closing-pair .his-words-block + .his-words-block{margin-top: 28px;}
}
.engineer{--surface-base: var(--paper); --surface-raised: var(--dark-surface); --surface-overlay: var(--dark-section); --surface-dark: var(--navy-deep); --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.45); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);}
.engineer .ph-chapter, .engineer .ph-way{background: var(--dark-surface);}
.engineer .ph-closing{background: var(--dark-section);}
.engineer .ph-closing .his-words-block::before{box-shadow: 0 0 0 5px var(--dark-section);}
.engineer .ph-sky, .engineer .ph-ground{fill: var(--dark-section);}
.engineer .ph-wall, .engineer .ph-train-window, .engineer .ph-wheel{fill: var(--dark-surface);}
.engineer .ph-hill-front{fill: var(--blue); opacity: 0.55;}
.engineer .ph-rails, .engineer .ph-line, .engineer .ph-track{stroke: var(--on-dark-copy);}
.engineer .ph-rock, .engineer .ph-train-body{fill: var(--on-dark-copy);}
.engineer .btn-primary, .engineer .btn-primary:hover{color: var(--navy-deep);}
.engineer .inv-section{max-width: var(--page); margin: 0 auto;}
.engineer .inv-section h2{margin: 0 0 28px; font: 500 clamp(30px, 3.6vw, 46px)/1.1 var(--display); color: var(--navy);}
.engineer .inv-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 24px);}
.engineer .inv-card{padding: 24px; border: 1px solid var(--line); border-top: 3px solid var(--red); border-radius: 14px; background: var(--white);}
.engineer .inv-num{font: 600 0.8rem/1 var(--mono); letter-spacing: 0.08em; color: var(--red);}
.engineer .inv-card h3{margin: 14px 0 4px; font: 500 1.5rem/1.15 var(--display); color: var(--navy);}
.engineer .inv-card .inv-sub{margin: 0 0 12px; font: 600 0.78rem/1.2 var(--mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted);}
.engineer .inv-card p:last-child{margin: 0; line-height: 1.6; color: var(--copy);}
@media (max-width: 1100px){
.engineer .inv-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 600px){
.engineer .inv-grid{grid-template-columns: 1fr;}
}
.engineer .inv-card{background: var(--dark-surface);}
.engineer .reader > .wa-figures{max-width: var(--page); margin: 2rem auto 3rem;}
.engineer .wa-hero{overflow: hidden; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow-lg);}
.engineer .wa-block{margin-top: clamp(40px, 5vw, 72px);}
.engineer .wa-block h2{margin: 0 0 16px; font: 500 clamp(26px, 3vw, 38px)/1.1 var(--display); color: var(--navy);}
.engineer .wa-lead{max-width: 62ch; margin: 0 0 24px; font: 400 1.1rem/1.65 var(--display); color: var(--copy);}
.engineer .wa-note{margin: 20px 0 0; color: var(--muted); font-size: 0.95rem;}
.engineer .wa-icon{display: block; width: 52px; height: 52px; margin-bottom: 14px;}
.engineer .wa-steps, .engineer .wa-flow, .engineer .wa-tiles, .engineer .wa-layers{display: grid; gap: clamp(12px, 1.6vw, 20px); margin: 0; padding: 0; list-style: none;}
.engineer .wa-steps{grid-template-columns: repeat(4, minmax(0, 1fr));}
.engineer .wa-flow{grid-template-columns: repeat(4, minmax(0, 1fr)); counter-reset: wa;}
.engineer .wa-flow-3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.engineer .wa-tiles{grid-template-columns: repeat(5, minmax(0, 1fr));}
.engineer .wa-tiles-3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.engineer .wa-layers{grid-template-columns: repeat(3, minmax(0, 1fr));}
.engineer .wa-steps li, .engineer .wa-flow li, .engineer .wa-tiles li, .engineer .wa-layers li, .engineer .wa-paper{padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--white);}
.engineer .wa-steps h3, .engineer .wa-flow h3, .engineer .wa-tiles h3, .engineer .wa-layers h3, .engineer .wa-paper h3{margin: 0 0 8px; font: 500 1.3rem/1.2 var(--display); color: var(--navy);}
.engineer .wa-steps p, .engineer .wa-flow p, .engineer .wa-tiles p, .engineer .wa-layers p, .engineer .wa-paper p{margin: 0; font: 400 0.98rem/1.6 var(--sans); color: var(--copy);}
.engineer .wa-flow li{position: relative; border-top: 3px solid var(--red);}
.engineer .wa-flow:not(.wa-flow-3) li:not(:last-child)::after{content: ""; position: absolute; right: calc(-1 * clamp(12px, 1.6vw, 20px)); top: 50%; width: clamp(12px, 1.6vw, 20px); height: 2px; background: var(--red);}
.engineer .wa-tiles li{border-left: 3px solid var(--red);}
.engineer .wa-layers .wa-role, .engineer .wa-kind{margin: 0 0 8px; font: 600 0.78rem/1.3 var(--mono); letter-spacing: 0.05em; text-transform: uppercase; color: var(--red);}
.engineer .wa-big{margin: 0 0 20px; font: 500 clamp(44px, 6vw, 80px)/1 var(--display); color: var(--navy);}
.engineer .wa-big span{font: 400 1.1rem/1.4 var(--sans); color: var(--copy);}
.engineer .wa-bars{display: grid; gap: 12px; max-width: 720px;}
.engineer .wa-bar{display: grid; grid-template-columns: 6.5rem 1fr 3.5rem; gap: 14px; align-items: center; font: 500 0.95rem/1 var(--sans); color: var(--ink);}
.engineer .wa-bar-track{height: 14px; border-radius: 7px; background: var(--blue-pale); overflow: hidden;}
.engineer .wa-bar-fill{display: block; height: 100%; border-radius: 7px; background: var(--red);}
.engineer .wa-bar-val{font-family: var(--mono); text-align: right;}
.engineer .wa-pagehead h1{margin: 0 0 20px; font: 500 clamp(44px, 6vw, 84px)/1 var(--display); color: var(--navy);}
.engineer .wa-papers{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px);}
.engineer .wa-paper .wa-venue{margin: 0 0 12px; color: var(--muted); font-size: 0.85rem;}
.engineer .wa-paper h3{font-size: 1.2rem; margin-bottom: 10px;}
.engineer .wa-paper p + p{margin-top: 12px;}
.engineer .wa-paper a, .engineer .wa-tiles a{color: var(--red); text-underline-offset: 3px;}
@media (max-width: 1100px){
.engineer .wa-steps, .engineer .wa-flow, .engineer .wa-layers{grid-template-columns: repeat(2, minmax(0, 1fr));}
.engineer .wa-tiles{grid-template-columns: repeat(3, minmax(0, 1fr));}
.engineer .wa-flow li::after{display: none;}
}
@media (max-width: 700px){
.engineer .wa-steps, .engineer .wa-flow, .engineer .wa-flow-3, .engineer .wa-layers, .engineer .wa-tiles, .engineer .wa-tiles-3, .engineer .wa-papers{grid-template-columns: 1fr;}
.engineer .wa-bar{grid-template-columns: 5rem 1fr 3rem;}
}
.engineer .wa-steps li, .engineer .wa-flow li, .engineer .wa-tiles li, .engineer .wa-layers li, .engineer .wa-paper{background: var(--dark-surface);}
@media (min-width: 821px){
.engineer{--site-nav-height: 84px;}
}
/* reader.css */
.engineer .reader{width: 100%; max-width: 100%; margin: 0; padding: 2rem 1rem 3.5rem; overflow-x: hidden; color: var(--ink, #1c1915); background: var(--paper, #f7f4ee); font-family: var(--sans, Georgia, "Times New Roman", serif); font-size: 1.125rem; line-height: 1.7; overflow-wrap: break-word;}
.engineer .reader > h1, .engineer .reader article{width: min(66ch, 100%); max-width: 66ch; margin-inline: auto;}
.engineer .reader h1{margin: 0 0 0.75rem; color: var(--navy, var(--ink, #1c1915)); font-family: var(--display, Georgia, "Times New Roman", serif); font-size: 2.15rem; font-weight: 500; line-height: 1.15; text-wrap: balance;}
.engineer .reader p{text-wrap: pretty;}
.engineer .reader a{color: inherit; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.16em;}
.engineer .reader a:hover{color: var(--red, #a9462b);}
.engineer .reader a:focus-visible{outline: 3px solid var(--red, #a9462b); outline-offset: 3px;}
.engineer .reader-date{margin: 0 0 1.25rem; color: var(--muted, #6d626a); font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size: 0.78rem; letter-spacing: 0.04em;}
.engineer .reader-content h2, .engineer .reader-content h3, .engineer .reader-content h4, .engineer .reader-content h5, .engineer .reader-content h6{margin: 1.75rem 0 0.5rem; color: var(--navy, var(--ink, #1c1915)); font-family: var(--display, Georgia, "Times New Roman", serif); font-weight: 500; line-height: 1.25;}
.engineer .reader-content h2{font-size: 1.45rem;}
.engineer .reader-content h3{font-size: 1.25rem;}
.engineer .reader-content p, .engineer .reader-content ul, .engineer .reader-content ol{margin: 0 0 1rem;}
.engineer .reader-content ul, .engineer .reader-content ol{padding-inline-start: 1.25rem;}
.engineer .reader-content li + li{margin-top: 0.35rem;}
.engineer .reader-content blockquote{margin: 0 0 1rem; padding-inline-start: 1rem; border-inline-start: 2px solid var(--navy, var(--ink, #1c1915));}
.engineer .reader-content blockquote p{margin: 0;}
@media (max-width: 40rem){
.engineer .reader{padding: 1rem;}
}
@media (prefers-reduced-motion: reduce){
.engineer .reader, .engineer .reader *{animation: none; transition: none;}
}
.engineer .reader{padding: clamp(40px, 6vw, 88px) var(--gutter, 20px) clamp(56px, 8vw, 120px);}
.engineer .reader > .reader-header, .engineer .reader > .reader-content{width: min(44rem, 100%); max-width: 44rem; margin-inline: auto;}
.engineer .reader-header{padding-bottom: 1.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid var(--line, rgba(43, 34, 51, 0.18));}
.engineer .reader-header h1{font-size: clamp(2.2rem, 4.4vw, 3.2rem); line-height: 1.08;}
.engineer .reader-summary{margin: 0.5rem 0 0; color: var(--copy, var(--ink)); font-family: var(--display, Georgia, serif); font-size: 1.3rem; line-height: 1.5;}
.engineer .reader-content{font-family: var(--display, Georgia, serif); font-size: 1.1rem; line-height: 1.75;}
.engineer .reader-content table{display: block; width: 100%; overflow-x: auto; margin: 1.5rem 0; border-collapse: collapse; font-family: var(--sans, system-ui, sans-serif); font-size: 0.92rem; line-height: 1.4;}
.engineer .reader-content th, .engineer .reader-content td{padding: 0.6rem 0.9rem; border-bottom: 1px solid var(--line, rgba(43, 34, 51, 0.18)); text-align: left; vertical-align: top;}
.engineer .reader-content th{color: var(--muted, #6d626a); font-family: var(--mono, ui-monospace, monospace); font-size: 0.74rem; letter-spacing: 0.05em; text-transform: uppercase;}
.engineer .reader-content code{font-family: var(--mono, ui-monospace, monospace); font-size: 0.88em; overflow-wrap: anywhere;}
/* engine.css */
.engineer{--font-size-hero: 3.052rem; --font-size-h1: 2.441rem; --font-size-h2: 1.953rem; --font-size-h3: 1.563rem; --font-size-h4: 1.250rem; --font-size-body: 1.000rem; --font-size-small: 0.800rem; --line-height-tight: 1.15; --line-height-snug: 1.25; --line-height-normal: 1.65; --tracking-tight: -0.025em; --tracking-snug: -0.015em; --tracking-wide: 0.04em; --surface-base: var(--paper, #f4efe6); --surface-raised: var(--white, #fffaf3); --surface-overlay: #ffffff; --surface-dark: var(--navy-deep, #18111f); --shadow-sm: 0 1px 2px rgba(43, 34, 51, 0.05), 0 1px 3px rgba(43, 34, 51, 0.08); --shadow-md: 0 4px 6px -1px rgba(43, 34, 51, 0.07), 0 2px 4px -2px rgba(43, 34, 51, 0.05); --shadow-lg: 0 10px 15px -3px rgba(43, 34, 51, 0.08), 0 4px 6px -4px rgba(43, 34, 51, 0.04); --ease-craft: cubic-bezier(0.16, 1, 0.3, 1); --duration-micro: 120ms;}
.engineer .tabular-nums{font-variant-numeric: tabular-nums;}
@keyframes pulse{
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}
.engineer .eyebrow{display: flex; align-items: center; gap: 12px; font-family: var(--mono); font-size: var(--font-size-small); letter-spacing: var(--tracking-wide); color: var(--red); text-transform: uppercase; font-weight: 600; margin: 0 0 16px;}
.engineer .eyebrow::before{content: ""; flex: 0 0 auto; width: 28px; height: 2px; background: var(--red); border-radius: 1px;}
.engineer .btn{display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 4px; font-family: var(--sans); font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: all var(--duration-micro) var(--ease-craft); border: 1px solid transparent;}
.engineer .btn-primary{background: var(--red); color: var(--white); box-shadow: var(--shadow-sm);}
.engineer .btn-primary:hover{background: var(--red-deep); color: var(--white); transform: translateY(-1px); box-shadow: var(--shadow-md);}
.engineer .btn-primary:focus-visible{outline: 3px solid var(--navy); outline-offset: 3px;}
.engineer .btn-primary:active{transform: translateY(1px); box-shadow: var(--shadow-sm);}
.engineer .section-header h2{font-family: var(--display); font-size: var(--font-size-h2); line-height: var(--line-height-tight); color: var(--navy); margin: 0 0 16px;}
.engineer .section-desc{font-size: 1.125rem; line-height: var(--line-height-normal); color: var(--copy); max-width: 60ch; margin: 0 0 36px;}
.engineer .cards-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px;}
.engineer .pillar-card{background: var(--surface-raised); border: 1px solid var(--line); padding: 32px 28px; border-radius: 6px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; transition: all var(--duration-micro) var(--ease-craft);}
.engineer .pillar-card:hover{transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--line-strong);}
.engineer .pillar-marker{font-family: var(--mono); font-size: var(--font-size-small); color: var(--red); font-weight: 600; margin-bottom: 12px;}
.engineer .pillar-card h3{font-family: var(--display); font-size: var(--font-size-h3); margin: 0 0 12px; color: var(--navy);}
.engineer .pillar-card p{color: var(--copy); font-size: 0.95rem; line-height: 1.6; margin: 0 0 24px; flex-grow: 1;}
.engineer .card-link{font-family: var(--mono); font-size: var(--font-size-small); font-weight: 600; color: var(--navy); display: inline-flex; align-items: center; transition: color var(--duration-micro) var(--ease-craft);}
.engineer .pillar-card:hover .card-link{color: var(--red);}
.engineer .stats-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; margin: 36px 0;}
.engineer .stat-card{padding: 24px; border-left: 3px solid var(--red); background: var(--paper);}
.engineer .stat-value{font-family: var(--mono); font-size: 2rem; font-weight: 700; color: var(--navy); margin: 0 0 4px; line-height: 1;}
.engineer .stat-unit{font-family: var(--mono); font-size: 0.85rem; color: var(--red); font-weight: 600; margin: 0 0 8px;}
.engineer .stat-label{font-size: 0.88rem; color: var(--copy); line-height: 1.45; margin: 0;}
.engineer .container.reading-width{max-width: var(--reading); margin: 0 auto;}
.engineer .prose p{font-size: 1.125rem; line-height: 1.75; color: var(--ink); margin: 0 0 24px;}
.engineer .prose a{text-decoration: underline; text-decoration-color: rgba(169, 70, 43, 0.55); text-decoration-thickness: 1px; text-underline-offset: 3px;}
.engineer .prose a:hover{text-decoration-color: var(--red); text-decoration-thickness: 2px;}
@media (min-width: 720px){
.engineer .cards-grid:has(> :nth-child(4):last-child){grid-template-columns: repeat(2, minmax(0, 1fr));}
}
/* interest.css */
/* universe.css */
.engineer .uni{--u-bg: #08090c; --u-bg2: #0f1a2e; --u-text: #f1f5f9; --u-dim: #94a3b8; --u-gold: #f2bf5e; --u-violet: #7db4ff; --u-heart: #ff8f70; --u-card: rgba(14, 18, 25, 0.92); --u-font: ui-sans-serif, system-ui, sans-serif; --u-serif: Georgia, serif; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 25rem; min-height: calc(100svh - 84px); color: var(--u-text); background: radial-gradient(120% 90% at 20% 0%, var(--u-bg2), var(--u-bg) 70%); font-family: var(--u-serif); overflow: hidden;}
.engineer .uni-stage{position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 1.5rem 0 1rem 1.5rem;}
.engineer .uni-scroll{overflow: visible;}
.engineer .uni-map{position: relative; width: 100%; aspect-ratio: 1000 / 620;}
.engineer .uni-sky{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.engineer .uni-stars circle{fill: #fff;}
.engineer .uni-line{fill: none; stroke-width: 1.4; vector-effect: non-scaling-stroke; stroke-dasharray: 2 7; stroke-linecap: round;}
.engineer .uni-line.life{stroke: var(--u-gold); opacity: 0.55;}
.engineer .uni-line.family{stroke: var(--u-heart); opacity: 0.4;}
.engineer .uni-line.machine{stroke: var(--u-violet); opacity: 0.55;}
.engineer .planet{position: absolute; left: var(--x); top: var(--y); width: var(--s); transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--u-text); text-decoration: none; --c: var(--u-gold);}
.engineer .planet.machine{--c: var(--u-violet);}
.engineer .planet.heart{--c: var(--u-heart);}
.engineer .planet-disc{display: grid; place-items: center; width: var(--s); height: var(--s); overflow: hidden; border-radius: 50%; background: radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--c) 60%, #fff 25%), var(--c) 38%, color-mix(in srgb, var(--c) 35%, #05050f) 100%); box-shadow: 0 0 0 1px color-mix(in srgb, var(--c) 70%, transparent), 0 0 26px color-mix(in srgb, var(--c) 45%, transparent); transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s;}
.engineer .planet-disc svg{width: 46%; height: 46%; fill: none; stroke: #0b0e14; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.engineer .planet-disc img{width: 100%; height: 100%; object-fit: cover;}
.engineer .planet-name{max-width: 9rem; font: 500 0.82rem/1.15 var(--u-font); text-align: center; text-shadow: 0 1px 6px #05050f, 0 0 12px #05050f; white-space: nowrap;}
.engineer .planet:hover .planet-disc, .engineer .planet:focus-visible .planet-disc, .engineer .planet.is-active .planet-disc{transform: scale(1.14); box-shadow: 0 0 0 2px var(--c), 0 0 44px color-mix(in srgb, var(--c) 70%, transparent);}
.engineer .planet:focus-visible{outline: none;}
.engineer .planet:focus-visible .planet-name{text-decoration: underline; text-underline-offset: 3px;}
.engineer .uni-legend{margin: 0.4rem 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 1rem; font: 500 0.85rem/1.3 var(--u-font); color: var(--u-dim);}
.engineer .uni-legend .dot{display: inline-block; width: 0.7rem; height: 0.7rem; margin-right: 0.35rem; border-radius: 50%; background: var(--u-gold); vertical-align: -1px;}
.engineer .uni-legend .dot.machine{background: var(--u-violet);}
.engineer .uni-hint{margin-left: auto;}
.engineer .uni-panel{position: relative; align-self: stretch; padding: 6.4rem 1.75rem 2rem 1.25rem; overflow-y: auto; max-height: calc(100svh - 84px); scrollbar-width: thin;}
.engineer .uni-intro h1{margin: 1rem 0 0.75rem; font: 800 clamp(2.4rem, 4vw, 3.4rem)/0.98 var(--u-font); letter-spacing: -0.02em; color: var(--u-text);}
.engineer .uni-me{position: absolute; z-index: 3; top: 1.25rem; right: 1.5rem; width: 92px; height: 92px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 3px var(--u-gold), 0 0 34px rgba(242, 191, 94, 0.4);}
.engineer .uni-lede{margin: 0 0 0.9rem; font: 400 1.35rem/1.4 var(--u-serif); color: var(--u-text);}
.engineer .uni-sub{margin: 0 0 1.4rem; font: 400 1.05rem/1.55 var(--u-serif); color: var(--u-dim);}
.engineer .uni-cta{display: flex; flex-wrap: wrap; gap: 0.7rem;}
.engineer .uni-btn{display: inline-block; padding: 0.7rem 1.15rem; border: 1.5px solid color-mix(in srgb, var(--u-text) 40%, transparent); border-radius: 999px; font: 500 0.98rem/1 var(--u-font); color: var(--u-text); text-decoration: none; transition: background 0.2s, color 0.2s, border-color 0.2s;}
.engineer .uni-btn:hover{border-color: var(--u-text); background: rgba(255, 255, 255, 0.08);}
.engineer .uni-btn.primary{border-color: var(--u-gold); background: var(--u-gold); color: #08090c;}
.engineer .uni-btn.primary:hover{background: #ffd47f;}
.engineer .uni-btn:focus-visible, .engineer .world a:focus-visible{outline: 3px solid var(--u-text); outline-offset: 3px;}
.engineer .world{display: none;}
.engineer .world:target{display: block; animation: world-in 0.35s cubic-bezier(0.16, 1, 0.3, 1);}
.engineer .uni-panel:has(.world:target) .uni-intro{display: none;}
@keyframes world-in{ from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; } }
.engineer .world{--c: var(--u-gold);}
.engineer .world.machine{--c: var(--u-violet);}
.engineer .world.heart{--c: var(--u-heart);}
.engineer .world-close{display: inline-block; margin: 0 0 0.9rem; padding: 0.35rem 0.8rem; border: 1px solid color-mix(in srgb, var(--u-text) 35%, transparent); border-radius: 999px; font: 500 0.85rem/1 var(--u-font); color: var(--u-dim); text-decoration: none;}
.engineer .world-close:hover{color: var(--u-text); border-color: var(--u-text);}
.engineer .world-photo{margin: 0 0 1.1rem; overflow: hidden; border-radius: 18px; box-shadow: 0 0 0 2px var(--c), 0 14px 40px rgba(0, 0, 0, 0.5);}
.engineer .world-photo img{display: block; width: 100%; height: auto; max-height: 21rem; object-fit: cover; object-position: center 22%;}
.engineer .world h2{margin: 0.2rem 0 0.5rem; font: 800 clamp(1.9rem, 3vw, 2.5rem)/1 var(--u-font); letter-spacing: -0.015em; color: var(--c);}
.engineer .world-tag{margin: 0 0 1.1rem; font: 400 1.25rem/1.4 var(--u-serif); color: var(--u-text);}
.engineer .world-facts{margin: 0 0 1.2rem; padding: 0; list-style: none; display: grid; gap: 0.75rem;}
.engineer .world-facts li{position: relative; padding-left: 1.1rem; font: 400 1.05rem/1.55 var(--u-serif); color: var(--u-dim);}
.engineer .world-facts li::before{content: ""; position: absolute; left: 0; top: 0.62em; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--c);}
.engineer .world-facts b{font-weight: 600; color: var(--u-text);}
.engineer .world-facts a{color: var(--c); text-decoration: underline; text-underline-offset: 3px;}
.engineer .world-quote{margin: 0 0 1.2rem; padding: 0.2rem 0 0.2rem 1rem; border-left: 3px solid var(--c); font: italic 400 1.1rem/1.5 var(--u-serif); color: var(--u-text);}
.engineer .world-actions{margin: 0 0 1.4rem;}
.engineer .world-go{display: inline-block; padding: 0.7rem 1.2rem; border-radius: 999px; background: var(--c); font: 500 0.98rem/1 var(--u-font); color: #08090c; text-decoration: none;}
.engineer .world-go:hover{filter: brightness(1.12);}
.engineer .world-nav{display: flex; justify-content: space-between; gap: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.14); font: 500 0.92rem/1.3 var(--u-font);}
.engineer .world-nav a{color: var(--u-dim); text-decoration: none;}
.engineer .world-nav a:hover{color: var(--u-text);}
.engineer .world-next{text-align: right;}
.engineer .uni-live{padding: clamp(40px, 6vw, 80px) var(--gutter, 24px); color: var(--u-text, #f1f5f9); background: #08090c; font-family: Georgia, serif;}
.engineer .uni-live .container{max-width: 960px; margin: 0 auto;}
.engineer .uni-live h2{margin: 0 0 0.4rem; font: 800 clamp(1.8rem, 3vw, 2.4rem)/1.05 ui-sans-serif, sans-serif;}
.engineer .uni-live > .container > p{margin: 0 0 1.5rem; color: #94a3b8; font-size: 1.1rem;}
@media (max-width: 1100px){
.engineer .uni{grid-template-columns: minmax(0, 1fr); min-height: 0;}
.engineer .uni-panel{order: -1; max-height: none; padding: 1.5rem var(--gutter, 20px) 0.5rem;}
.engineer .uni-me{width: 64px; height: 64px; top: 0.9rem; right: var(--gutter, 20px);}
.engineer .uni-intro h1{margin-top: 3rem;}
.engineer .uni-stage{padding: 0.5rem 0 1rem 0;}
.engineer .uni-scroll{overflow-x: auto; padding: 0 var(--gutter, 20px); -webkit-overflow-scrolling: touch;}
.engineer .uni-map{min-width: 900px;}
.engineer .uni-legend{padding: 0 var(--gutter, 20px);}
.engineer .uni-hint{margin-left: 0;}
.engineer .world:target{scroll-margin-top: 90px;}
}
@media (prefers-reduced-motion: reduce){
.engineer .world:target{animation: none;}
.engineer .planet-disc{transition: none;}
}
@media (prefers-reduced-motion: no-preference){
.engineer .uni-stars{animation: twinkle 7s ease-in-out infinite alternate;}
@keyframes twinkle{ from { opacity: 0.75; } to { opacity: 1; } }
}
/* turing.css */
.engineer{background: #08090c;}
.engineer{--paper: #08090c; --white: #f1f5f9; --ink: #f1f5f9; --navy: #f1f5f9; --navy-deep: #060709; --copy: #a3b0c2; --muted: #7c8aa0; --line: #1c2536; --line-strong: #2a3648; --blue: #7db4ff; --blue-pale: #111a2b; --red: #2d7ff9; --red-deep: #7db4ff; --accent-bright: #00e599; --on-dark: #f1f5f9; --on-dark-copy: #a3b0c2; --on-dark-muted: #7c8aa0; --dark-surface: #0e1219; --dark-section: #0b0e14; --surface-base: #08090c; --surface-raised: #0e1219; --surface-overlay: #0b0e14; --display: Georgia, serif; --heading: ui-sans-serif, system-ui, sans-serif; --mono: ui-monospace, SFMono-Regular, Menlo, monospace; --t-blue: #2d7ff9; --t-blue-text: #7db4ff; --t-green: #00e599; --t-glow: 0 0 0 1px rgba(45, 127, 249, 0.18), 0 18px 48px rgba(45, 127, 249, 0.14); background: #08090c;}
.engineer ::selection{background: #2d7ff9; color: #fff;}
.engineer{background: radial-gradient(70rem 32rem at 50% -10rem, rgba(45, 127, 249, 0.12), transparent 70%) no-repeat;}
.engineer :is(h1, h2){font-family: var(--heading); font-weight: 800; letter-spacing: -0.025em; color: #f1f5f9;}
.engineer h3{font-family: var(--heading); font-weight: 800; letter-spacing: -0.01em;}
.engineer h1{line-height: 1.04;}
.engineer h2{line-height: 1.1;}
.engineer .eyebrow, .engineer .kicker, .engineer .pillar-marker, .engineer .inv-num, .engineer .stat-unit{font-family: var(--mono); font-weight: 500; letter-spacing: 0.2em; color: var(--t-blue);}
.engineer .eyebrow::before{background: linear-gradient(90deg, #2d7ff9, #00e599);}
.engineer .section-desc, .engineer .wa-lead, .engineer .reader-summary{color: #94a3b8;}
.engineer .pillar-card, .engineer .inv-card, .engineer .stat-card, .engineer .wa-steps > li, .engineer .wa-flow > li, .engineer .wa-tiles > li, .engineer .wa-layers > li, .engineer .wa-paper, .engineer .metric, .engineer .ph-way, .engineer .ph-chapter{background: #0e1219; border-color: #1c2536; border-radius: 18px; box-shadow: none; transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;}
.engineer .inv-card{border-top: 1px solid #1c2536;}
.engineer .stat-card{border: 1px solid #1c2536;}
@media (hover: hover){
.engineer .pillar-card:hover, .engineer .inv-card:hover, .engineer .stat-card:hover, .engineer .wa-steps > li:hover, .engineer .wa-flow > li:hover, .engineer .wa-tiles > li:hover, .engineer .wa-layers > li:hover, .engineer .wa-paper:hover, .engineer .ph-way:hover{border-color: #2d7ff9; transform: translateY(-4px); box-shadow: var(--t-glow);}
}
.engineer .card-link{color: var(--t-blue-text);}
.engineer .pillar-card:hover .card-link{color: #f1f5f9;}
.engineer .wa-hero{border-color: #1c2536; border-radius: 20px;}
.engineer .btn{border-radius: 12px; font-weight: 700; transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, border-color 0.25s ease;}
.engineer .btn-primary{border: 1px solid #2d7ff9; background: rgba(45, 127, 249, 0.14); color: #7db4ff; box-shadow: none;}
.engineer .btn-primary:hover{background: rgba(45, 127, 249, 0.28); color: #f1f5f9; transform: translateY(-2px); box-shadow: 0 12px 40px rgba(45, 127, 249, 0.25);}
.engineer .prose a, .engineer .reader-content a{text-decoration-color: rgba(45, 127, 249, 0.6);}
.engineer .prose a:hover, .engineer .reader-content a:hover{color: #7db4ff; text-decoration-color: #7db4ff;}
@media (prefers-reduced-motion: reduce){
.engineer .pillar-card, .engineer .inv-card, .engineer .stat-card, .engineer .wa-steps > li, .engineer .wa-flow > li, .engineer .wa-tiles > li, .engineer .wa-layers > li, .engineer .wa-paper, .engineer .ph-way, .engineer .btn{transition: none;}
.engineer .pillar-card:hover, .engineer .inv-card:hover, .engineer .stat-card:hover, .engineer .wa-steps > li:hover, .engineer .wa-flow > li:hover, .engineer .wa-tiles > li:hover, .engineer .wa-layers > li:hover, .engineer .wa-paper:hover, .engineer .ph-way:hover, .engineer .btn-primary:hover{transform: none;}
}
.engineer h1{font-size: clamp(2.4rem, 5.2vw, 4.2rem);}
.engineer .uni-intro h1{font-size: clamp(2.4rem, 4vw, 3.4rem); line-height: 0.98;}
.engineer .pillar-card h3{font-size: 1.3rem; line-height: 1.2; overflow-wrap: normal; word-break: normal; hyphens: manual;}
.engineer .pillar-card{padding: 28px 24px;}
/* the way back and the section index */
.engineer .engineer-back{max-width:1200px;margin:0 auto;padding:18px clamp(20px,4vw,48px) 0;font:500 .82rem/1.4 var(--font-mono);}
.engineer .engineer-back a{color:var(--text-secondary);text-decoration:underline;}
.engineer .engineer-index{max-width:1200px;margin:0 auto;padding:48px clamp(20px,4vw,48px) 96px;border-top:1px solid var(--border-subtle);}
.engineer .engineer-index ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;}
.engineer .engineer-index a{color:var(--text-primary);font-weight:700;text-decoration:underline;}
.engineer .engineer-index span{color:var(--text-secondary);}
.engineer-reach{margin-top:32px;padding:20px;border:1px solid var(--border-subtle);background:var(--bg-card);}