/* Editorial layout: narrow reading measure, navigable chapters, quiet emphasis. */
.reading-progress{position:fixed;top:var(--header);left:0;right:0;height:2px;z-index:31;pointer-events:none}
.reading-progress span{display:block;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left}
.article-hero{padding:45px 0 75px}
.article-back{display:inline-block;font-size:12px;color:#b8ccbf;margin-bottom:52px}
.article-back:hover{color:white}
.article-hero .eyebrow{margin-bottom:22px}
.article-hero h1{max-width:1050px;font-size:clamp(38px,4.4vw,68px);line-height:1.08;font-weight:500;letter-spacing:-.035em;text-wrap:balance}
.article-hero h1>span{display:block;color:var(--accent);font-size:.39em;line-height:1.4;letter-spacing:-.01em;margin-bottom:16px}
.article-deck{max-width:770px;margin-top:28px;font-size:20px;line-height:1.6;color:#cad6ce}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;line-height:1.6;color:var(--muted)}
.article-hero .article-meta{color:#b8ccbf;border-top:1px solid #304737;margin-top:35px;padding-top:24px}
.article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:90px;align-items:start;justify-content:center;padding-block:75px 100px}
.article-sidebar{position:sticky;top:calc(var(--header) + 35px);max-height:calc(100svh - var(--header) - 60px);overflow:auto;padding-bottom:12px;scrollbar-width:thin}
.article-toc summary{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:500;list-style:none;padding-bottom:20px}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary:after{content:'−';float:right;font-size:16px;line-height:1}
.article-toc:not([open]) summary:after{content:'+'}
.article-toc ol{list-style:none;border-top:1px solid var(--line);padding-top:13px}
.article-toc li{margin:0}
.article-toc a{display:flex;align-items:baseline;gap:13px;padding:10px 0;font-size:13px;line-height:1.4;color:var(--muted);border-right:2px solid transparent}
.article-toc a span{font-size:10px;min-width:18px;font-variant-numeric:tabular-nums;color:#78867e}
.article-toc a:hover,.article-toc a[aria-current]{color:var(--green);border-right-color:var(--green)}
.article-toc a[aria-current]{font-weight:500}
.article-toc .sources-link{border-top:1px solid var(--line);margin-top:14px;padding-top:17px;font-size:12px}
.article-content{min-width:0;font-size:18px;line-height:1.85}
.article-content p{margin:0 0 23px}
.article-content p:last-child{margin-bottom:0}
.article-content strong{font-weight:600}
.article-content a:not(.button){color:var(--green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.article-content h2{font-size:36px;line-height:1.19;font-weight:500;letter-spacing:-.03em;margin-bottom:30px;text-wrap:balance}
.article-content h3{font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.02em;margin:37px 0 20px}
.article-content ul,.article-content ol{margin:22px 0 28px;padding-left:24px}
.article-content li{padding-left:5px;margin-bottom:11px}
.article-content li::marker{color:var(--green)}
.article-content code{font-family:ui-monospace,monospace;font-size:.86em;background:#e9eee8;padding:2px 5px;border-radius:2px}
.article-brief{background:#edf2eb;padding:32px 36px;margin-bottom:42px;border-top:2px solid var(--green)}
.article-brief .eyebrow{margin-bottom:16px;color:var(--green)}
.article-brief ul{list-style:none;padding:0;margin:0;font-size:16px;line-height:1.7}
.article-brief li{padding:13px 0;margin:0;border-top:1px solid #d4dfd3}
.article-brief li:first-child{border:0;padding-top:0}
.article-brief li:last-child{padding-bottom:0}
.article-brief strong{display:block;font-weight:500;color:var(--ink)}
.article-chapter{padding-top:52px;margin-top:52px;border-top:1px solid var(--line);scroll-margin-top:0}
.article-content .chapter-number{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin-bottom:18px}
.article-content .key-point{border-left:3px solid var(--green);padding:9px 0 9px 25px;margin:32px 0;font-size:23px;line-height:1.5;letter-spacing:-.015em}
.article-content .key-point strong{font-weight:500}
.risk-comparison{margin:30px 0}
.risk-comparison table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.6}
.risk-comparison caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.risk-comparison th{padding:13px 15px;background:var(--green);color:white;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}
.risk-comparison td{padding:20px 15px;border-bottom:1px solid var(--line);vertical-align:top}
.risk-comparison tr:nth-child(even){background:#f0f3ee}
.risk-comparison td:first-child{width:23%;color:var(--green)}
.article-content .workflow-step{display:flex;align-items:baseline;gap:18px;margin-top:38px}
.workflow-step span{color:var(--green);font-size:14px;flex-shrink:0;border-bottom:1px solid var(--green);min-width:22px}
.article-content .pilot-step{padding-top:26px;border-top:1px solid var(--line)}
.pilot-step span{display:block;color:var(--green);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.template{border-top:1px solid var(--line);margin-top:20px}
.template:last-child{border-bottom:1px solid var(--line)}
.template summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;list-style:none;font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.015em}
.template summary::-webkit-details-marker{display:none}
.template summary span{font-size:23px;color:var(--green);flex-shrink:0}
.template[open] summary span{font-size:0}
.template[open] summary span:after{content:'−';font-size:23px}
.template-body{padding-bottom:30px;font-size:16px}
.template-code{background:#edf2eb;border:1px solid #d5dfd4;border-radius:8px;margin:25px 0;overflow:hidden}
.template-toolbar{display:none;align-items:center;justify-content:flex-end;gap:12px;min-height:52px;padding:4px 8px 4px 20px;border-bottom:1px solid #d5dfd4;background:#e6ede3}
.js .template-toolbar{display:flex}
.template-toolbar [role=status]{font-size:12px;color:var(--green);line-height:1.5}
.template-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--green);cursor:pointer}
.template-copy:hover{background:#d5e2d2}
.template-copy:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.template-copy svg{width:20px;height:20px}
.template-copy .copied-icon,.template-copy.is-copied .copy-icon{display:none}
.template-copy.is-copied .copied-icon{display:block}
.template-text{font-size:15px;line-height:1.8;padding:24px 30px!important;margin:0!important;border:0;user-select:text}
.template-text p{margin-bottom:17px}
.template-text ol,.template-text ul{margin:14px 0;padding-left:20px}
.template-text li{margin-bottom:12px}
.article-checklist{list-style:none}
.article-checklist li{position:relative;padding-left:24px}
.article-checklist li:before{content:'□';position:absolute;left:0;top:0;color:var(--green)}
.article-endmatter{font-size:14px;line-height:1.8}
.article-endmatter h2{font-size:27px}
.article-endmatter h3{font-size:19px}
.article-endmatter p:has(>em){color:var(--muted);font-size:13px}
.article-endmatter ul{list-style:none;padding:0}
.article-endmatter li{padding:12px 0;border-bottom:1px solid var(--line);margin:0}
.article-contact{margin-top:50px;padding:35px;background:#e9eee8}
.article-contact .eyebrow{color:var(--green);font-size:10px;margin-bottom:18px}
.article-contact h2{font-size:29px;margin-bottom:18px}
.article-contact p{font-size:16px;line-height:1.6}
.article-contact .button{margin-top:8px}
.blog-listing{padding-block:80px 100px}
.featured-article{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;border-top:1px solid var(--line);padding-top:35px}
.featured-visual{background:var(--dark);color:white;padding:45px;min-height:365px;display:flex;flex-direction:column;justify-content:space-between}
a.featured-visual{text-decoration:none;transition:filter .2s ease}
a.featured-visual:hover{filter:brightness(1.12)}
a.featured-visual:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.featured-visual>span{font-size:10px;letter-spacing:.12em;color:#b8ccbf}
.featured-visual>p{font-size:clamp(28px,3.3vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.15;margin-block:35px}
.featured-visual em{color:var(--accent);font-style:normal}
.editorial-flow{display:flex;align-items:center;gap:12px;font-size:11px;color:#c5d5c9;border-top:1px solid #3a5142;padding-top:22px;flex-wrap:wrap}
.editorial-flow b{font-weight:400;color:var(--accent)}
.featured-copy h2{font-size:32px;line-height:1.22;letter-spacing:-.025em;font-weight:500;margin:20px 0}
.featured-copy h2 a:hover{color:var(--green)}
.featured-copy>p{color:var(--muted);font-size:16px;line-height:1.7}
.featured-copy .text-link{margin-top:28px}
@media(max-width:1150px){.article-layout{grid-template-columns:205px minmax(0,1fr);gap:45px}.article-content{font-size:17px}.article-content h2{font-size:32px}.featured-article{gap:40px}.featured-visual{padding:30px}.featured-copy h2{font-size:28px}}
@media(max-width:900px){.article-hero{padding-block:35px 60px}.article-back{margin-bottom:35px}.article-hero h1{font-size:46px}.article-deck{font-size:18px}.article-layout{grid-template-columns:minmax(0,1fr);gap:35px;padding-top:35px;max-width:760px}.article-sidebar{position:static;max-height:none;overflow:visible;padding:0}.article-toc{border-bottom:1px solid var(--line)}.article-toc summary{padding:15px 0}.article-toc nav{padding-bottom:16px}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.article-toc a{padding-block:8px}.article-toc .sources-link{margin-top:8px}.article-brief{margin-bottom:35px}.featured-article{grid-template-columns:1fr 1.2fr;gap:30px}.featured-visual{min-height:330px;padding:25px}.featured-copy h2{font-size:25px}.featured-copy>p{font-size:15px}}
@media(max-width:600px){.article-hero{padding-block:28px 45px}.article-back{margin-bottom:32px}.article-hero h1{font-size:35px;line-height:1.12;text-wrap:initial}.article-hero h1>span{font-size:17px;line-height:1.4;max-width:25ch}.article-deck{font-size:17px;line-height:1.7}.article-hero .article-meta{font-size:11px;gap:7px 17px}.article-layout{padding-bottom:65px}.article-toc ol{grid-template-columns:1fr}.article-toc a{font-size:14px;padding-block:9px}.article-content{font-size:17px;line-height:1.85}.article-content h2{font-size:29px;overflow-wrap:anywhere}.article-content h3{font-size:21px}.article-content ul,.article-content ol{padding-left:19px}.article-content .key-point{font-size:21px;padding-left:19px}.article-chapter{padding-top:36px;margin-top:36px}.article-brief{padding:24px}.article-brief ul{padding:0}.article-brief li{font-size:15px}.risk-comparison table,.risk-comparison tbody,.risk-comparison tr,.risk-comparison td{display:block;width:100%}.risk-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.risk-comparison tr{padding:18px 20px;border-top:2px solid var(--green);margin-bottom:20px;background:#edf2eb!important}.risk-comparison td,.risk-comparison td:first-child{width:100%;padding:10px 0;border:0}.risk-comparison td:first-child{font-size:19px;padding-top:0}.risk-comparison td:not(:first-child):before{content:attr(data-label);display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--muted);margin-bottom:5px}.template summary{font-size:18px}.template-text{padding:22px 20px!important;font-size:14px}.template-text ol,.template-text ul{padding-left:19px}.article-checklist{padding-left:20px}.article-contact{padding:25px}.article-contact h2{font-size:26px}.article-contact .button{gap:20px;font-size:13px}.featured-article{grid-template-columns:1fr;gap:28px}.featured-visual{min-height:280px;padding:30px}.featured-visual>p{font-size:37px}.featured-copy h2{font-size:29px}.blog-listing{padding-block:55px 65px}.article-content .article-checklist li{padding-left:24px}}
@media print{.site-header,.footer,.article-sidebar,.reading-progress,.template-toolbar,.article-contact,.article-back{display:none!important}.article-layout{display:block;width:100%;padding:0}.article-hero{background:white;color:black;padding:0 0 30px}.article-hero *{color:black!important}.article-content{font-size:11pt}.article-chapter{break-inside:auto}.article-content h2,.article-content h3{break-after:avoid}.template:not([open])>.template-body{display:block!important}.template-code{background:white;border-color:#aaa}.article-brief{background:white}.article-meta{border-color:#aaa!important}}

/* Research articles: copyable prompts, bounded workflows and readable diagrams. */
.emotions-article .article-quote{margin:28px 0;padding:6px 0 6px 24px;border-left:3px solid var(--green);font-size:20px;line-height:1.65}
.emotions-article .article-quote p{margin:0}
.emotions-article .article-content h3{scroll-margin-top:100px}
.prompt-code .template-toolbar .code-caption{margin-right:auto;font-size:11px;line-height:1.5;color:var(--muted)}
.prompt-code .template-text{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;font-family:ui-monospace,monospace;font-size:13px;line-height:1.8}
.prompt-code .template-text code{display:block;background:transparent;padding:0;border:0;font-size:inherit;font-family:inherit;white-space:inherit}
.prompt-counterexample{border-color:#d6c9b8;background:#f5f1e9}
.prompt-counterexample .template-toolbar{background:#ece5d8;border-color:#d6c9b8}
.prompt-counterexample .template-toolbar .code-caption{color:#70542e}
.agent-diagram{margin:34px 0;padding:28px;background:#f0f3ee;border:1px solid var(--line);border-radius:8px}
.agent-diagram figcaption{font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px}
.diagram-node{text-align:center;padding:14px 20px;border:1px solid #aac1ae;border-radius:4px;max-width:360px;margin:auto;font-size:15px}
.diagram-agent{background:white}
.diagram-policy{background:var(--green);color:white;border-color:var(--green)}
.diagram-arrow{text-align:center;color:#67836a;font-size:24px;line-height:1;padding:10px}
.diagram-inputs,.diagram-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center;font-size:13px;line-height:1.45}
.diagram-inputs>div,.diagram-decisions>div{padding:17px 8px;background:white;border:1px solid #c5d4c5;border-radius:4px}
.diagram-inputs .diagram-optional{border-style:dashed;background:transparent}
.diagram-inputs small,.diagram-decisions small{display:block;font-size:10px;color:var(--muted);margin-top:6px}
.diagram-decisions>div:first-child{background:#e0ecdf;border-color:#8bab8c}
.diagram-decisions>div:last-child{background:#ece5d8;border-color:#c6b89f}
.agent-diagram .review-flow{display:flex;flex-direction:column;list-style:none;gap:8px;padding:0;margin:0}
.agent-diagram .review-flow li{display:flex;align-items:center;gap:18px;padding:12px 16px;margin:0;border:1px solid #c5d4c5;background:white;font-size:15px}
.review-flow span{color:var(--green);font-size:11px;font-variant-numeric:tabular-nums}
.agent-diagram .diagram-note{font-size:12px;line-height:1.6;color:var(--muted);margin:20px 0 0}
.agent-diagram .observability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.agent-diagram .observability-grid li{padding:12px 10px;margin:0;background:white;border:1px solid #c5d4c5;font-size:13px;text-align:center}
.agent-diagram .observability-grid li:nth-child(n+6){border-style:dashed}
.earlier-articles{margin-top:65px}
.featured-affective{background:#173b2a}
@media(max-width:600px){.agent-diagram{padding:20px 16px}.diagram-inputs,.diagram-decisions{gap:6px;font-size:11px}.diagram-inputs>div,.diagram-decisions>div{padding:14px 5px;overflow-wrap:anywhere}.agent-diagram .observability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-code .template-toolbar{padding-left:14px;gap:7px}.prompt-code .template-text{padding:20px 16px!important;font-size:12px}.emotions-article .article-quote{font-size:18px;padding-left:18px}.earlier-articles{margin-top:45px}}
@media print{.agent-diagram{break-inside:avoid;background:white}.prompt-code .template-text{font-size:9pt}.diagram-policy{background:white;color:black}.diagram-arrow{color:black}}

/* AI workforce: responsive controls, practical tables and prompt library. */
.workforce-article .article-quote{margin:28px 0;padding:6px 0 6px 24px;border-left:3px solid var(--green);font-size:20px;line-height:1.65}
.workforce-article .article-quote p{margin:0}
.workforce-article .article-content h3{scroll-margin-top:100px}
.workforce-article .article-brief .brief-prompts{display:inline-block;margin-top:22px;font-size:13px;font-weight:500}
.workforce-diagram .diagram-node{max-width:460px}
.workforce-diagram .diagram-node strong{font-weight:500}
.workforce-diagram .diagram-node small{display:block;font-size:12px;line-height:1.6;margin-top:5px}
.workforce-diagram .diagram-policy small{color:#d5e3d7}
.agent-diagram .eval-cycle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.eval-cycle li{display:flex;gap:14px;align-items:baseline;margin:0;padding:17px;background:white;border:1px solid #c5d4c5;font-size:14px;line-height:1.6}
.eval-cycle li span{color:var(--green);font-size:11px;flex-shrink:0}
.platform-services,.platform-systems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center;font-size:13px;line-height:1.5}
.platform-services>div,.platform-systems>span{padding:16px 8px;background:white;border:1px solid #c5d4c5;border-radius:4px}
.platform-services small{display:block;font-size:11px;color:var(--muted);margin-top:6px}
.trace-plane{margin-top:24px;border-top:2px solid var(--green);padding:18px 14px;background:#e0ecdf;text-align:center;font-size:15px}
.trace-plane strong,.trace-plane span{display:block}
.trace-plane span{font-size:12px;margin-top:5px;line-height:1.6}
.outcome-formula{padding:30px;margin:32px 0;background:var(--dark);color:white;border-radius:8px}
.outcome-formula figcaption{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:20px}
.formula-fraction{font-size:20px;line-height:1.5;text-align:center}
.formula-fraction span{display:block;padding:15px 0}
.formula-fraction span:first-child{border-bottom:1px solid #829c88}
.article-content .outcome-formula p{font-size:12px;line-height:1.7;color:#c5d5c9;margin:20px 0 0}
.workforce-table td{overflow-wrap:anywhere}
.workforce-table td:first-child{width:29%}
.workforce-template .template-code{margin-top:0;margin-bottom:0}
.featured-workforce{background:#193327}
.featured-article+.featured-article{margin-top:55px}
@media(max-width:600px){.workforce-article .article-quote{font-size:18px;padding-left:18px}.agent-diagram .eval-cycle{grid-template-columns:1fr;gap:8px}.platform-services{grid-template-columns:1fr;gap:7px}.platform-services>div{padding:12px}.platform-services small{margin-top:2px}.outcome-formula{padding:24px 20px}.formula-fraction{font-size:17px}.workforce-table td:first-child{width:100%}.featured-article+.featured-article{margin-top:45px}}
@media print{.outcome-formula{background:white;color:black;border:1px solid #aaa;break-inside:avoid}.outcome-formula figcaption,.article-content .outcome-formula p{color:black}.trace-plane{background:white;border:1px solid #aaa}.workforce-template>summary{break-after:avoid}}

/* Blog overview: a quiet reading area and a distinct engineering workbench. */
.blog-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:110px 100px;min-height:480px;background:#0b1210}
.blog-hero-picture{position:absolute;inset:0;z-index:-2;pointer-events:none}
.blog-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.blog-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,14,10,.8),rgba(5,14,10,.55) 37%,rgba(5,14,10,.12) 68%,transparent),linear-gradient(0deg,rgba(5,14,10,.25),transparent 35%)}
.blog-hero .body-copy{color:#d7e1da;text-shadow:0 1px 12px #06100a}
@media(min-width:761px) and (max-width:1100px){
 .blog-hero-picture img{object-position:70% center}
 .blog-hero:after{background:linear-gradient(90deg,rgba(5,14,10,.9),rgba(5,14,10,.65) 45%,rgba(5,14,10,.12))}
 .blog-hero .body-copy{max-width:35ch}
}
@media(max-width:760px){
 .blog-hero{padding-block:56px 300px;min-height:0}
 .blog-hero h1{font-size:clamp(34px,10.9vw,64px)}
 .blog-hero .eyebrow{font-size:10px;margin-bottom:22px}
 .blog-hero .body-copy{font-size:18px;max-width:36ch;margin-top:24px}
 .blog-hero-picture{top:auto;height:330px}
 .blog-hero-picture img{object-position:78% center}
 .blog-hero:after{background:linear-gradient(180deg,#0b1210 calc(100% - 330px),rgba(11,18,16,.85) calc(100% - 270px),transparent calc(100% - 165px),rgba(5,14,10,.12))}
}

/* Keep emphasis inline inside the explanatory statistics box. */
.statistical-example strong{display:inline;font-weight:600}
