/* Anvilstead Engineering Insights — self-contained preview stylesheet.
   Integrator: retain the original site's production logo/header/footer components.
   All selectors are scoped to .ei-shell; never override production styles globally. */
.ei-shell { color-scheme:light; --ink: #07151d; --dark: #041016; --dark2:#0b202b; --muted:#52626b; --paper:#f4f5f1; --paler:#fcfcf9; --line:#dce3e1; --aqua:#b4ece7; --cyan:#5bb8bd; --amber:#f3aa62; --accent:#2b7d83; color:var(--ink); background:var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
.ei-shell * { box-sizing:border-box; }
.ei-shell img, .ei-shell svg { max-width:100%; }
.ei-shell a {color:inherit;}
.ei-shell a:focus-visible, .ei-shell button:focus-visible, .ei-shell input:focus-visible { outline:3px solid #cf7839; outline-offset:4px; }
.ei-shell .ei-wrap {width:min(1200px, calc(100% - 80px));margin-inline:auto;}
.ei-shell .ei-skip {position:absolute;left:-9999px;top:10px;padding:10px;background:white;z-index:10000;}
.ei-shell .ei-skip:focus {left:10px;}
.ei-shell .ei-header {height:76px; background:#041016; color:#eff7f7; border-bottom:1px solid rgba(190,229,229,.13); position:relative; z-index:10;}
.ei-shell .ei-header-content {display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px;}
.ei-shell .ei-brand {display:flex;align-items:center;gap:13px;text-decoration:none;font-size:15px;font-weight:780;letter-spacing:.12em;}
.ei-shell .ei-header nav {display:flex;align-items:center;gap:31px;font-size:12px;letter-spacing:.03em;}
.ei-shell .ei-header nav a {text-decoration:none;color:#b8c8cb;}
.ei-shell .ei-header nav a:hover, .ei-shell .ei-header nav a[aria-current='page'] {color:white;}
.ei-shell .ei-header .ei-nav-cta {border:1px solid #607d83;padding:10px 16px;color:#f7fbfb;text-decoration:none;font-size:12px;white-space:nowrap;}
.ei-shell .ei-header .ei-nav-cta:hover {background:#17313b;}
.ei-shell .ei-journal-hero {position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 30%,#12313a 0%,transparent 48%),linear-gradient(125deg,#041016 0%,#091a21 100%);color:#fff;min-height:590px;display:flex;align-items:center;}
.ei-shell .ei-journal-hero::after {content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:134px 134px;pointer-events:none;opacity:.5;z-index:-1;}
.ei-shell .ei-hero-grid {display:grid;grid-template-columns:1fr 1fr;gap:3vw;align-items:center;padding-block:85px;}
.ei-shell .ei-eyebrow {font-size:11px;letter-spacing:.21em;text-transform:uppercase;font-weight:650;display:flex;align-items:center;gap:13px;}
.ei-shell .ei-eyebrow::before {content:'';width:22px;height:1px;background:currentColor;opacity:.6;}
.ei-shell .ei-journal-hero .ei-eyebrow {color:#b2d4d7;}
.ei-shell .ei-hero-title {font-family:Georgia, 'Times New Roman',serif;font-size:clamp(54px,5.3vw,93px);font-weight:400;letter-spacing:-.06em;line-height:1.03;margin:32px 0 22px;}
.ei-shell .ei-hero-title em {font-weight:400;color:#a9dcdb;}
.ei-shell .ei-hero-lede {font-size:17px;color:#acc0c4;line-height:1.85;max-width:470px;margin:0 0 36px;}
.ei-shell .ei-primary-link {text-decoration:none;border-bottom:1px solid var(--amber);display:inline-flex;gap:36px;align-items:center;padding-bottom:11px;font-size:13px;font-weight:680;letter-spacing:.03em;}
.ei-shell .ei-primary-link span {color:var(--amber);font-size:20px;font-weight:400;}
.ei-shell .ei-hero-art {width:100%;max-width:570px;justify-self:end;filter:drop-shadow(0 0 60px rgba(60,158,160,.09));}
.ei-shell .ei-section {padding-block:100px;}
.ei-shell .ei-section-top {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:42px;}
.ei-shell .ei-section-title {font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,60px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:15px 0 0;}
.ei-shell .ei-section-intro {color:var(--muted);max-width:330px;font-size:14px;margin:0;}
.ei-shell .ei-tools {display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding:24px 0 31px;}
.ei-shell .ei-filters {display:flex;gap:7px;flex-wrap:wrap;}
.ei-shell .ei-filter {border:1px solid transparent;background:transparent;border-radius:30px;font:inherit;font-size:12px;color:#52656a;cursor:pointer;padding:7px 15px;white-space:nowrap;}
.ei-shell .ei-filter:hover {border-color:#9fb8b9;}
.ei-shell .ei-filter[aria-pressed='true'] {background:var(--ink);color:white;}
.ei-shell .ei-search {padding:9px 12px;border:1px solid #cdd6d3;border-radius:0;background:white;color:var(--ink);width:224px;font:inherit;font-size:12px;}
.ei-shell .ei-list {display:grid;grid-template-columns:repeat(12,1fr);gap:22px;}
.ei-shell .ei-story {grid-column:span 4;min-width:0;background:var(--paler);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease;}
.ei-shell .ei-story:hover {transform:translateY(-4px);border-color:#8fb4b4;}
.ei-shell .ei-story.featured {grid-column:span 12;display:grid;grid-template-columns:1fr 1fr;min-height:440px;}
.ei-shell .ei-story-visual {height:180px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0b2833;}
.ei-shell .ei-story.featured .ei-story-visual {height:auto;min-height:440px;order:2;}
.ei-shell .ei-story-visual.session {background:radial-gradient(circle at 70% 40%,#294c54,transparent 63%),#091d25;}
.ei-shell .ei-story-visual.speech {background:radial-gradient(circle at 50% 50%,#214d58,transparent 65%),#071620;}
.ei-shell .ei-story-visual.agents {background:radial-gradient(circle at 70% 35%,#46352b,transparent 75%),#111c25;}
.ei-shell .ei-story-visual svg {width:75%;height:85%;}
.ei-shell .ei-visual-index {position:absolute;top:20px;left:23px;color:#a5c7cb;font-size:10px;letter-spacing:.2em;}
.ei-shell .ei-story-copy {padding:33px;display:flex;flex-direction:column;flex:1;}
.ei-shell .ei-story.featured .ei-story-copy {padding:50px;justify-content:center;}
.ei-shell .ei-meta {display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#5b787e;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;}
.ei-shell .ei-meta span+span::before {content:'·';margin-right:10px;color:#9baeb0;}
.ei-shell .ei-story h3 {font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(23px,2.1vw,33px);letter-spacing:-.035em;line-height:1.22;margin:19px 0 12px;}
.ei-shell .ei-story.featured h3 {font-size:clamp(32px,3.2vw,52px);line-height:1.14;}
.ei-shell .ei-story p {color:#5b696d;font-size:13px;line-height:1.85;margin:0 0 28px;}
.ei-shell .ei-card-link {margin-top:auto;font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.03em;display:inline-flex;gap:22px;align-items:center;}
.ei-shell .ei-card-link:hover {color:#176e76;}
.ei-shell .ei-no-results {padding:55px 20px;border:1px solid var(--line);text-align:center;color:var(--muted);}
.ei-shell .ei-editorial-band {padding:68px 0;background:#e8eeeb;border-top:1px solid #d6e1dd;}
.ei-shell .ei-editorial-band .ei-wrap {display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;}
.ei-shell .ei-editorial-band h2 {font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,3vw,43px);letter-spacing:-.04em;line-height:1.2;margin:0;}
.ei-shell .ei-editorial-band p {color:#45565d;line-height:1.9;margin:0;font-size:14px;}
.ei-shell .ei-article-header {background:radial-gradient(ellipse at 90% 20%,#17343d,transparent 65%),#041016;color:#fff;padding:73px 0 76px;border-bottom:1px solid #1b3942;}
.ei-shell .ei-breadcrumb {display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#a5bec1;margin-bottom:70px;}
.ei-shell .ei-breadcrumb a {text-decoration:none;}
.ei-shell .ei-breadcrumb a:hover {color:white;}
.ei-shell .ei-article-header-content {max-width:970px;}
.ei-shell .ei-article-header .ei-eyebrow {color:#99c8c8;}
.ei-shell .ei-article-title {font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(44px,5.3vw,82px);line-height:1.085;letter-spacing:-.057em;margin:27px 0 26px;}
.ei-shell .ei-article-dek {font-size:clamp(16px,1.4vw,20px);line-height:1.75;color:#b6c8ca;max-width:760px;margin-bottom:30px;}
.ei-shell .ei-article-meta {display:flex;align-items:center;gap:19px;flex-wrap:wrap;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9daeb1;}
.ei-shell .ei-article-meta strong {color:var(--amber);font-weight:500;}
.ei-shell .ei-article-zone {background:#f8f9f6;padding:90px 0 100px;}
.ei-shell .ei-article-layout {display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:min(8vw,105px);align-items:start;max-width:1120px;}
.ei-shell .ei-article-body {font-size:16px;color:#24343c;line-height:1.95;min-width:0;max-width:740px;}
.ei-shell .ei-article-body p {margin:0 0 24px;}
.ei-shell .ei-article-body > p:first-child {font-size:19px;color:#283d44;line-height:1.8;}
.ei-shell .ei-article-body h2 {font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.22;letter-spacing:-.035em;font-weight:400;color:#0c2932;margin:62px 0 22px;scroll-margin-top:24px;}
.ei-shell .ei-article-body h3 {font-size:19px;line-height:1.35;font-weight:640;margin:38px 0 16px;color:#102d35;scroll-margin-top:24px;}
.ei-shell .ei-article-body ul {padding-left:24px;margin:0 0 28px;}
.ei-shell .ei-article-body li {margin-bottom:11px;}
.ei-shell .ei-article-body strong {font-weight:740;}
.ei-shell .ei-article-body a {text-decoration-color:#49aab0;text-decoration-thickness:1.5px;text-underline-offset:4px;}
.ei-shell .ei-article-body a:hover {color:#12727a;}
.ei-shell .ei-article-body pre {background:#071820;border:1px solid #1a3d46;color:#d4e6e4;font-size:12px;line-height:1.9;padding:23px 25px;overflow:auto;margin:30px 0 35px;border-radius:3px;max-width:100%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;}
.ei-shell .ei-article-body code {font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;}
.ei-shell .ei-article-body p code {color:#1b5e64;background:#edf0ea;padding:2px 5px;}
.ei-shell .ei-toc {position:sticky;top:30px;border-left:1px solid #c8d6d3;padding:5px 0 5px 26px;}
.ei-shell .ei-toc .ei-eyebrow {color:#39656b;margin-bottom:20px;}
.ei-shell .ei-toc nav {display:flex;flex-direction:column;gap:16px;}
.ei-shell .ei-toc a {font-size:12px;line-height:1.5;text-decoration:none;color:#617279;}
.ei-shell .ei-toc a:hover {color:#164b55;}
.ei-shell .ei-note {padding:24px 27px;background:#e6efea;border-left:3px solid #70a9ab;color:#4b6266;font-size:13px;line-height:1.7;margin:35px 0;}
.ei-shell .ei-architecture {margin:30px 0 45px;padding:28px 26px;background:#0b242d;color:white;border:1px solid #24525a;}
.ei-shell .ei-architecture > p {font-size:10px;letter-spacing:.17em;color:#acd0d0;margin:0 0 23px;line-height:1.4;}
.ei-shell .ei-architecture ol {margin:0;display:flex;list-style:none;gap:12px;align-items:stretch;padding:0;}
.ei-shell .ei-architecture ol+ol {margin-top:13px;}
.ei-shell .ei-architecture li {min-width:0;flex:1;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;background:#173842;border:1px solid #315961;padding:17px 9px;font-size:12px;line-height:1.45;color:#d3e7e5;margin:0;}
.ei-shell .ei-architecture li+li::before {content:'→';position:absolute;left:-14px;top:50%;transform:translateY(-50%);font-size:16px;color:#f2b17a;z-index:1;}
@media(max-width:680px) { .ei-shell .ei-architecture {padding:20px 17px;} .ei-shell .ei-architecture ol {flex-direction:column;gap:13px;} .ei-shell .ei-architecture li+li::before {content:'↓';left:50%;top:-19px;transform:translateX(-50%);} }
.ei-shell .ei-case-bridge {margin-top:60px;border-top:1px solid #cdd9d6;padding-top:25px;font-size:13px;}
.ei-shell .ei-case-bridge a {font-weight:650;}
.ei-shell .ei-bottom-cta {padding:90px 0;background:#06151c;color:white;}
.ei-shell .ei-bottom-cta .ei-wrap {display:flex;justify-content:space-between;align-items:end;gap:40px;}
.ei-shell .ei-bottom-cta h2 {font-family:Georgia,serif;font-size:clamp(34px,4.3vw,64px);font-weight:400;letter-spacing:-.05em;line-height:1.14;margin:18px 0 0;}
.ei-shell .ei-bottom-cta p {margin:0 0 12px;color:#a5c0c2;font-size:14px;max-width:325px;}
.ei-shell .ei-bottom-cta .ei-primary-link {color:white;white-space:nowrap;margin-top:17px;}
.ei-shell .ei-footer {background:#041016;border-top:1px solid #1b3138;color:#9fb1b5;padding:34px 0;}
.ei-shell .ei-footer .ei-wrap {display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;font-size:11px;}
.ei-shell .ei-footer a {text-decoration:none;color:#d5e1e2;}
.ei-shell .ei-footer nav {display:flex;gap:20px;flex-wrap:wrap;}
.ei-shell .ei-footer p {margin:0;max-width:540px;}
.ei-shell .ei-hidden {display:none!important;}
@media(max-width:950px) { .ei-shell .ei-wrap {width:min(100% - 48px,1200px);} .ei-shell .ei-hero-grid {grid-template-columns:1fr 1fr;} .ei-shell .ei-header nav {gap:15px;} .ei-shell .ei-article-layout {grid-template-columns:minmax(0,1fr);gap:32px;} .ei-shell .ei-toc {position:static;order:-1;border-left:0;border-bottom:1px solid var(--line);padding:0 0 20px;} .ei-shell .ei-toc nav {flex-direction:row;flex-wrap:wrap;gap:10px 18px;} .ei-shell .ei-article-body {max-width:800px;} }
@media(max-width:680px) { .ei-shell .ei-wrap {width:calc(100% - 36px);} .ei-shell .ei-header {height:auto;min-height:69px;} .ei-shell .ei-header-content {gap:10px;flex-wrap:wrap;padding-block:14px;} .ei-shell .ei-header nav {order:3;width:100%;overflow-x:auto;gap:22px;padding-top:9px;} .ei-shell .ei-header .ei-nav-cta {padding:7px 10px;} .ei-shell .ei-hero-grid {grid-template-columns:1fr;padding-block:70px 40px;} .ei-shell .ei-hero-title {font-size:clamp(50px,13vw,72px);} .ei-shell .ei-hero-art {max-height:280px;justify-self:center;} .ei-shell .ei-journal-hero {min-height:auto;} .ei-shell .ei-section {padding-block:65px;} .ei-shell .ei-section-top {display:block;} .ei-shell .ei-section-intro {margin-top:22px;} .ei-shell .ei-tools {flex-direction:column;align-items:stretch;} .ei-shell .ei-search {width:100%;} .ei-shell .ei-list {gap:17px;} .ei-shell .ei-story, .ei-shell .ei-story.featured {grid-column:span 12;display:flex;} .ei-shell .ei-story.featured .ei-story-visual {min-height:235px;order:0;} .ei-shell .ei-story.featured .ei-story-copy {padding:31px;} .ei-shell .ei-story.featured h3 {font-size:34px;} .ei-shell .ei-editorial-band {padding:55px 0;} .ei-shell .ei-editorial-band .ei-wrap {grid-template-columns:1fr;gap:20px;} .ei-shell .ei-article-header {padding:45px 0 57px;} .ei-shell .ei-breadcrumb {margin-bottom:53px;} .ei-shell .ei-article-title {font-size:clamp(40px,10vw,59px);} .ei-shell .ei-article-zone {padding:55px 0 70px;} .ei-shell .ei-article-body {font-size:15px;} .ei-shell .ei-article-body h2 {font-size:29px;} .ei-shell .ei-article-body pre {margin-inline:-10px;font-size:11px;padding:18px;} .ei-shell .ei-bottom-cta {padding:65px 0;} .ei-shell .ei-bottom-cta .ei-wrap {display:block;} .ei-shell .ei-bottom-cta p {margin-top:24px;} }
@media(prefers-reduced-motion: reduce) { .ei-shell *, .ei-shell *::before, .ei-shell *::after {transition:none!important;animation:none!important;scroll-behavior:auto!important;} }

/* V0.2: five-pillar editorial map. No global selectors. */
.ei-shell .ei-pillar-label {color:#577780;font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;margin-top:14px;line-height:1.55;}
.ei-shell .ei-pillars-section {background:#e9efec;padding:90px 0 100px;border-top:1px solid #d5e1dc;}
.ei-shell .ei-pillars-section .ei-section-top {align-items:center;}
.ei-shell .ei-pillars-section .ei-eyebrow {color:#49767b;}
.ei-shell .ei-pillars-section .ei-section-title em {color:#2c7a80;font-weight:400;}
.ei-shell .ei-pillars-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.ei-shell .ei-pillar {grid-column:span 2;border:1px solid #d0dedb;background:#f8faf7;min-height:247px;padding:26px;display:flex;flex-direction:column;}
.ei-shell .ei-pillar:nth-child(4), .ei-shell .ei-pillar:nth-child(5) {grid-column:span 3;}
.ei-shell .ei-pillar-num {font-size:10px;color:#48868a;font-family:ui-monospace,monospace;letter-spacing:.19em;}
.ei-shell .ei-pillar h3 {font-family:Georgia,serif;letter-spacing:-.035em;font-size:clamp(21px,2.2vw,28px);line-height:1.16;font-weight:400;margin:20px 0 13px;}
.ei-shell .ei-pillar p {font-size:13px;line-height:1.72;color:#4e6166;margin:0 0 25px;}
.ei-shell .ei-pillar-bottom {display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:auto;border-top:1px solid #dce5e1;padding-top:15px;font-size:11px;color:#607579;}
.ei-shell .ei-pillar-bottom a {text-decoration:none;color:#165e66;font-weight:700;white-space:nowrap;}
.ei-shell .ei-pillar-bottom a:hover {text-decoration:underline;}
.ei-shell .ei-pillars-footnote {font-size:11px;color:#62787b;margin:18px 0 0;line-height:1.8;}
@media(max-width:900px){.ei-shell .ei-pillars-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.ei-shell .ei-pillar,.ei-shell .ei-pillar:nth-child(4),.ei-shell .ei-pillar:nth-child(5){grid-column:span 1;}}
@media(max-width:640px){.ei-shell .ei-pillars-section{padding:65px 0}.ei-shell .ei-pillars-grid{grid-template-columns:1fr}.ei-shell .ei-pillar,.ei-shell .ei-pillar:nth-child(4),.ei-shell .ei-pillar:nth-child(5){grid-column:span 1;min-height:0}.ei-shell .ei-pillar-label{letter-spacing:.05em}}
/* The production header is position:fixed and 74px tall, and the page furniture is reused
   from it, so the article header must clear it. MEASURED 2026-10-16 with puppeteer at
   390px: the breadcrumb sat at y=45..65 inside a 0..74 header and overlapped the logo
   (production pages instead start their hero at y=0 and pad by 56-63px). This rule only
   affects the blog's own stylesheet, nothing shared. */
@media(max-width:680px){ .ei-shell .ei-article-header{padding-top:96px;} .ei-shell .ei-breadcrumb{margin-bottom:34px;} }