/* Editorial case-study evidence; deliberately separate from the product interface. */
.ai-study-overview { display:grid; grid-template-columns:1fr 1.2fr 1.4fr; gap:32px; padding:28px 0; border-top:1px solid var(--line); }
.ai-study-overview span,.ai-tradeoff>span { display:block; font-size:12px; color:#605c68; margin-bottom:10px; }
.ai-study-overview p { font-size:15px; line-height:1.6; max-width:32ch; }
.ai-study-nav { display:flex; flex-wrap:wrap; gap:8px 30px; padding:10px 0 32px; }
.ai-study-nav a { display:inline-flex; align-items:center; gap:18px; min-height:44px; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.ai-study-section { scroll-margin-top:30px; }
.ai-study-section p { line-height:1.75; }
.ai-study-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.ai-study-columns>div { border-top:1px solid var(--line); padding-top:22px; }
.ai-study-columns h3,.ai-role-list dt,.ai-evidence-list dt { font-size:20px; line-height:1.3; margin-bottom:14px; font-weight:500; letter-spacing:-.035em; }
.ai-study-columns p { font-size:15px; max-width:36ch; }
.ai-study-note { font-size:13px; color:#605c68; max-width:85ch; margin-top:32px; }
.ai-role-list { margin:0; }
.ai-role-list>div { display:grid; grid-template-columns:1fr 2fr; gap:12%; padding:24px 0; border-top:1px solid var(--line); }
.ai-role-list dt { margin:0; }
.ai-role-list dd { margin:0; max-width:60ch; line-height:1.75; }
.ai-layout-study { background:#e9e9e5; padding:clamp(20px,3vw,44px); border-radius:var(--radius); }
.ai-layout-pair { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.ai-layout-pair h3 { font-size:18px; margin-bottom:24px; }
.ai-layout-row { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.ai-layout-row span { display:grid; place-items:center; padding:10px 12px; border:1px solid #a6a6a1; background:#f6f6f1; font-size:12px; line-height:1.4; }
.ai-layout-before .ai-layout-row:last-child { padding-left:20px; }
.ai-layout-after .ai-layout-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.ai-layout-after .ai-layout-row span { min-width:0; padding-inline:4px; border-color:#657d79; background:#e1e9e4; }
.ai-layout-study figcaption { margin-top:28px; color:#54544f; font-size:12px; line-height:1.65; max-width:85ch; }
.ai-decision-list { margin-top:44px; }
.ai-decision-list article { display:grid; grid-template-columns:60px 1.25fr 1fr; gap:34px; border-top:1px solid var(--line); padding:32px 0; }
.ai-decision-index { font-family:Outfit,Inter,sans-serif; font-size:28px; color:#605c68; }
.ai-decision-list h3 { font-size:25px; letter-spacing:-.04em; line-height:1.25; margin-bottom:18px; }
.ai-decision-list p { font-size:15px; max-width:52ch; }
.ai-flow-title { font-size:28px; margin:40px 0 24px; letter-spacing:-.04em; }
.ai-study-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:0; list-style:none; counter-reset:journey; }
.ai-study-flow li { counter-increment:journey; border-top:1px solid #7e9992; padding-top:18px; }
.ai-study-flow li:before { content:'0' counter(journey); display:block; color:#605c68; font-size:12px; margin-bottom:18px; }
.ai-study-flow h4 { font-size:19px; font-weight:500; margin-bottom:10px; }
.ai-study-flow p { font-size:14px; }
.ai-evidence-list { margin:0; }
.ai-evidence-list>div { display:grid; grid-template-columns:1fr 1.6fr; gap:10%; border-top:1px solid var(--line); padding:26px 0; }
.ai-evidence-list dt { margin:0; max-width:26ch; }
.ai-evidence-list dd { margin:0; line-height:1.75; font-size:15px; max-width:65ch; }
@media(max-width:760px) {
 .ai-study-overview { grid-template-columns:1fr; gap:24px; padding-block:24px; }
 .ai-study-overview span { margin-bottom:5px; }
 .ai-study-nav { gap:4px 20px; padding-bottom:20px; }
 .ai-study-nav a { font-size:13px; gap:12px; }
 .ai-study-columns,.ai-role-list>div,.ai-evidence-list>div,.ai-layout-pair { grid-template-columns:1fr; gap:20px; }
 .ai-study-columns { gap:28px; }
 .ai-study-columns p { max-width:none; }
 .ai-study-note { font-size:12px; margin-top:24px; }
 .ai-layout-pair { gap:32px; }
 .ai-layout-row span { padding:8px; font-size:11px; }
 .ai-decision-list article { grid-template-columns:36px minmax(0,1fr); gap:16px; padding:28px 0; }
 .ai-decision-list h3 { font-size:23px; }
 .ai-tradeoff { grid-column:2; }
 .ai-study-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
 .ai-evidence-list dt { font-size:19px; max-width:none; }
}

/* Product direction comes before the focused Artemis example. */
.ai-approach-question { display:grid; grid-template-columns:1fr 2fr; gap:12%; margin-bottom:50px; padding:28px 0; border-block:1px solid var(--line); }
.ai-approach-question>span { font-size:13px; color:#605c68; }
.ai-approach-question>p { max-width:50ch; font:500 clamp(23px,2.5vw,36px)/1.35 Outfit,Inter,sans-serif; letter-spacing:-.035em; }
.ai-product-map { margin-top:50px!important; padding:clamp(20px,3vw,44px); border:1px solid #b9c5c0; border-radius:var(--radius); background:#ecefeb; }
.ai-map-entry { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px 30px; padding:24px 0; border-bottom:1px solid #b9c5c0; }
.ai-map-entry strong { font:500 clamp(23px,3vw,40px)/1.2 Outfit,Inter,sans-serif; letter-spacing:-.04em; }
.ai-map-entry>span { color:#545c57; font-size:14px; }
.ai-map-context { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:16px 30px; padding:26px 0; }
.ai-map-context>span { font-size:13px; color:#545c57; }
.ai-map-context ul { display:flex; flex-wrap:wrap; gap:12px 28px; margin:0; padding:0; list-style:none; font-size:14px; }
.ai-map-apps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; background:#b9c5c0; border:1px solid #b9c5c0; padding:0; margin:0; list-style:none; }
.ai-map-apps>li { display:flex; flex-direction:column; gap:14px; padding:25px 16px; background:var(--paper); }
.ai-map-apps strong { font:500 24px/1.2 Outfit,Inter,sans-serif; letter-spacing:-.035em; }
.ai-map-apps span { font-size:13px; color:#545c57; line-height:1.5; }
.ai-map-outcome { padding-top:28px; font-size:17px; }
.ai-approach-tradeoff { display:grid; grid-template-columns:1fr 2fr; gap:12%; padding-top:32px; }
.ai-approach-tradeoff h3 { font-size:20px; font-weight:500; letter-spacing:-.035em; }
.ai-approach-tradeoff p { max-width:65ch; font-size:15px; }
.ai-principles { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:42px 7%; counter-reset:principle; }
.ai-principles>li { counter-increment:principle; border-top:1px solid var(--line); padding-top:24px; }
.ai-principles>li:before { content:'0' counter(principle); display:block; margin-bottom:20px; font-size:13px; color:#605c68; }
.ai-principles h3 { font:500 clamp(24px,2.5vw,34px)/1.2 Outfit,Inter,sans-serif; letter-spacing:-.04em; max-width:25ch; margin-bottom:20px; }
.ai-principles p { font-size:15px; max-width:57ch; }
.ai-principles li>div { margin-top:24px; padding-top:20px; border-top:1px dashed var(--line); }
.ai-principles li>div>span { font-size:11px; color:#605c68; display:block; margin-bottom:8px; }
.ai-principles li>div>p { font-size:14px; }
@media(max-width:900px) { .ai-map-apps { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) {
 .ai-approach-question,.ai-approach-tradeoff { grid-template-columns:1fr; gap:20px; }
 .ai-approach-question { margin-bottom:34px; }
 .ai-product-map { margin-top:34px!important; }
 .ai-map-apps { grid-template-columns:1fr; }
 .ai-map-apps>li { flex-direction:row; justify-content:space-between; align-items:baseline; padding:20px 16px; gap:12px; }
 .ai-map-apps strong { font-size:23px; }
 .ai-map-apps span { text-align:right; max-width:18ch; }
 .ai-map-outcome { font-size:15px; }
 .ai-principles { grid-template-columns:1fr; gap:32px; }
 .ai-principles h3 { max-width:none; }
}

/* Recorded decisions and real-interface evidence. */
.ai-story-origin { max-width:850px; margin:0 0 40px; }
.ai-story-origin h3 { font-size:20px; font-weight:500; }
.ai-story-origin blockquote { margin:25px 0; font:500 clamp(27px,3.1vw,43px)/1.25 Outfit,Inter,sans-serif; letter-spacing:-.04em; }
.ai-story-origin p { font-size:15px; max-width:70ch; }
.ai-case .ai-evidence-screen { margin:36px 0; }
.ai-evidence-screen img { width:100%; height:auto; }
.ai-capture-link { display:block; }
.ai-evidence-screen[data-layout="detail"] img { max-width:264px; margin-inline:auto; }
.ai-evidence-screen[data-layout="panel"] img { max-width:338px; margin-inline:auto; }
.ai-screen-provenance { display:block; color:#dfebe7; font-size:11px; margin-bottom:8px; }
.ai-evidence-screen figcaption>a { display:inline-block; margin-top:10px; text-decoration:underline; text-underline-offset:4px; }
.ai-capture-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; align-items:start; }
.ai-observation { max-width:900px; border-top:1px solid var(--line); padding-top:26px; margin-top:32px; }
.ai-observation h3 { font-size:22px; font-weight:500; margin-bottom:18px; }
.ai-observation p { font-size:15px; }
.ai-historical-capture { border-block:1px solid var(--line); margin-block:40px; }
.ai-historical-capture summary { cursor:pointer; padding:22px 0; font-size:14px; }
.ai-chapter-captures { padding-bottom:20px; }
.ai-product-chapter .ai-evidence-screen { margin-block:20px; }
.ai-story-subsection { margin-top:64px; }
.ai-story-subsection>.ai-study-note { margin-bottom:32px; }
.ai-alternatives { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7%; }
.ai-alternatives article { border-top:1px solid var(--line); padding-top:26px; }
.ai-alternatives article>div { padding-block:25px; }
.ai-alternatives article>div>span { display:block; color:#605c68; font-size:12px; margin-bottom:12px; }
.ai-alternatives h3 { font:500 26px/1.25 Outfit,Inter,sans-serif; letter-spacing:-.035em; margin-bottom:16px; }
.ai-alternatives p { font-size:15px; max-width:60ch; }
.ai-alternative-chosen { border-bottom:1px solid #a5b7b0; }
.ai-alternatives .ai-choice-reason { border-top:1px solid var(--line); padding-top:22px; }
.ai-story-lesson { display:grid; grid-template-columns:1fr 2fr; gap:24px 12%; margin-top:60px; padding-top:28px; border-top:1px solid var(--line); }
.ai-story-lesson h3 { font-size:22px; font-weight:500; letter-spacing:-.035em; }
.ai-story-lesson>p { max-width:65ch; }
.ai-story-lesson>.ai-study-note { grid-column:2; margin-top:0; }
.ai-product-chapters { margin-top:44px; border-top:1px solid var(--line); }
.ai-product-chapter { border-bottom:1px solid var(--line); scroll-margin-top:30px; }
.ai-product-chapter summary { display:grid; grid-template-columns:200px minmax(0,1fr) 28px; align-items:baseline; gap:28px; padding:28px 0; cursor:pointer; list-style:none; }
.ai-product-chapter summary::-webkit-details-marker { display:none; }
.ai-product-chapter summary>span:first-child { font-size:14px; color:#605c68; }
.ai-product-chapter summary>span:last-child { font-size:27px; text-align:center; }
.ai-product-chapter[open] summary>span:last-child { font-size:0; }
.ai-product-chapter[open] summary>span:last-child:after { content:'−'; font-size:27px; }
.ai-product-chapter summary h3 { font:500 clamp(23px,2.5vw,34px)/1.25 Outfit,Inter,sans-serif; letter-spacing:-.04em; }
.ai-product-chapter summary:focus-visible { outline:2px solid #426c65; outline-offset:6px; }
.ai-product-chapter dl { margin:0; padding-bottom:28px; }
.ai-product-chapter dl>div { display:grid; grid-template-columns:200px minmax(0,1fr); gap:28px; padding:20px 0; }
.ai-product-chapter dt { font-size:13px; color:#605c68; }
.ai-product-chapter dd { margin:0; max-width:70ch; font-size:15px; line-height:1.75; }
@media(max-width:760px) {
 .ai-story-subsection { margin-top:44px; }
 .ai-alternatives,.ai-story-lesson { grid-template-columns:1fr; gap:30px; }
 .ai-capture-pair { grid-template-columns:1fr; gap:0; }
 .ai-story-lesson>.ai-study-note { grid-column:1; }
 .ai-product-chapter summary { grid-template-columns:minmax(0,1fr) 26px; gap:12px; }
 .ai-product-chapter summary>span:first-child { grid-column:1/-1; }
 .ai-product-chapter dl>div { grid-template-columns:1fr; gap:10px; padding-block:16px; }
}

/* Real task evidence leads the case before the deeper product chapters. */
.ai-journey-steps { list-style:none; padding:0; margin:44px 0; counter-reset:real-step; }
.ai-journey-steps>li { counter-increment:real-step; display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.65fr); gap:6%; align-items:start; padding:36px 0; border-top:1px solid var(--line); }
.ai-journey-steps>li>div:before { content:'0' counter(real-step); display:block; font-size:12px; color:#605c68; margin-bottom:20px; }
.ai-journey-steps h3,.ai-journey-output h3 { font:500 clamp(25px,3vw,38px)/1.2 Outfit,Inter,sans-serif; letter-spacing:-.035em; margin-bottom:22px; }
.ai-journey-steps p,.ai-journey-output p { font-size:15px; max-width:52ch; }
.ai-case .ai-journey-steps .ai-evidence-screen { margin:0; }
.ai-journey-output { display:grid; grid-template-columns:1fr 1fr; gap:7%; align-items:start; padding-top:36px; border-top:1px solid var(--line); }
.ai-case .ai-journey-output .ai-evidence-screen { margin:0; }
.ai-public-context>summary { font-size:19px; }
@media(max-width:760px) {
 .ai-journey-steps>li,.ai-journey-output { grid-template-columns:1fr; gap:28px; }
 .ai-journey-steps { margin-block:30px; }
}