/* Case 04 uses the shared case tokens, header, headings, footer and viewer. */
.ai-case .actions{display:flex;align-items:center;gap:20px;margin:28px 0}.ai-case .actions>span{font-size:12px;color:var(--body)}.ai-case .primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 24px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--blue);font-size:15px;font-weight:600;transition:background .25s var(--ease)}.ai-case .primary:hover{background:var(--surface-2)}.ai-case .hero-board{display:grid;grid-template-columns:1fr 1.45fr;align-items:center;padding:48px;gap:32px;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#111113}.ai-case .hero-message span{font:11px/1.8 "JetBrains Mono",monospace;letter-spacing:.15em;color:#f98659}.ai-case .hero-message h2{font-size:32px;line-height:1.4;color:white;margin:24px 0 16px}.ai-case .hero-message p{color:#aaa;font-size:13px}.ai-case .screen-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:780px;margin:40px auto 56px;padding:32px 8px;background:repeating-linear-gradient(135deg,var(--hatch-a),var(--hatch-a) 11px,var(--hatch-b) 11px,var(--hatch-b) 22px);border:1px solid var(--line);border-radius:4px}.ai-case .screen-pair figure{margin:0 auto;max-width:320px;min-width:0;text-align:center}.ai-case .screen-pair img{height:auto;border:5px solid #252529;border-radius:28px}.ai-case .screen-pair a{display:block;cursor:zoom-in}.ai-case figcaption{font-size:14px;line-height:1.65;margin-top:14px;color:var(--body)}.ai-case .hero-board .screen-pair{padding:0;margin:0;background:none;border:0;gap:20px}.ai-case .hero-board figcaption{color:#b5b5bc;font-size:12px}.ai-case .method{display:flex;gap:28px;padding:32px 0;border-bottom:1px solid var(--line);align-items:center}.ai-case .method span{font:11px "JetBrains Mono",monospace;color:var(--muted);white-space:nowrap}.ai-case .method p{font-size:13px;color:var(--body)}.ai-case .chapter{margin-top:144px;scroll-margin-top:90px}.ai-case .prose{margin-top:28px}.ai-case .prose>p{max-width:100%;font-size:16px;line-height:1.75;color:var(--body);margin:0 0 20px}.ai-case .prose strong{font-weight:600;color:var(--ink)}.ai-case .prose h3{font-size:22px;line-height:1.4;margin:48px 0 18px}.ai-case .table-scroll{overflow:auto;margin:32px 0}.ai-case table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.ai-case th,.ai-case td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.ai-case th{background:var(--surface-2);font-weight:500}.ai-case td{color:var(--body)}.ai-case .diagram{margin:40px 0 0;padding:8px;background:repeating-linear-gradient(135deg,var(--hatch-a),var(--hatch-a) 11px,var(--hatch-b) 11px,var(--hatch-b) 22px);border:1px solid var(--line);border-radius:4px}.ai-case .diagram img{height:auto;cursor:zoom-in}.ai-case .diagram figcaption{padding:0 8px 8px}
@media(max-width:760px){.ai-case .actions{align-items:flex-start;flex-direction:column;gap:12px}.ai-case .hero-board{grid-template-columns:1fr;padding:28px 18px}.ai-case .hero-message h2{font-size:26px}.ai-case .hero-board .screen-pair{gap:12px}.ai-case .hero-board img{border-width:3px;border-radius:16px}.ai-case .method{align-items:flex-start;flex-direction:column;gap:10px}.ai-case .method p{line-height:2}.ai-case .chapter{margin-top:80px}.ai-case .screen-pair{grid-template-columns:1fr;padding:24px;gap:32px}.ai-case .hero-board .screen-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-case th,.ai-case td{padding:12px 8px;min-width:94px}.ai-case .section-head{gap:12px}.ai-case .section-head small{font-size:10px;letter-spacing:.08em}}
.ai-case .support-visual{margin:40px 0 0;border:1px solid var(--line);border-radius:4px;padding:24px;background:var(--surface)}.ai-case .evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ai-case .evidence-grid article+article{border-left:1px solid var(--line);padding-left:24px}.ai-case .evidence-grid article>span{font:12px/1.5 "JetBrains Mono",monospace;color:var(--blue)}.ai-case blockquote{margin:20px 0;font-size:19px;line-height:1.65;font-weight:500}.ai-case .evidence-grid p{font-size:14px;color:var(--body);line-height:1.75}.ai-case .support-visual figcaption{padding-top:20px;border-top:1px solid var(--line);margin-top:24px;font-size:12px}.ai-case .journey-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}.ai-case .journey-strip li{border-top:2px solid var(--blue);padding-top:16px}.ai-case .journey-strip span{display:block;color:var(--blue);font:12px monospace;margin-bottom:14px}.ai-case .journey-strip b{font-size:18px;font-weight:600}.ai-case .journey-strip p{color:var(--body);font-size:13px;margin-top:8px}.ai-case .loop-note{margin-top:24px;padding:14px 16px;background:var(--surface-2);font-size:14px;color:var(--body);border-left:2px solid var(--blue)}.ai-case .visual-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ai-case .visual-notes p{border-top:1px solid var(--line);padding-top:20px;color:var(--body);font-size:14px}.ai-case .visual-notes b{display:block;color:var(--blue);margin-bottom:8px;font-size:15px}.ai-case .visual-source{font-size:12px!important;margin-top:24px!important}.ai-case .test-routes{display:grid;gap:28px}.ai-case .test-routes article+article{border-top:1px solid var(--line);padding-top:24px}.ai-case .test-routes header{display:flex;justify-content:space-between;gap:16px;align-items:center}.ai-case .test-routes header b{font-size:18px}.ai-case .test-routes header span{font-size:12px;border:1px solid var(--line);color:var(--blue);padding:4px 10px;border-radius:3px;white-space:nowrap}.ai-case .route-line{font-size:16px;line-height:2;margin:20px 0;color:var(--ink)}.ai-case .checks{display:flex;gap:10px;flex-wrap:wrap}.ai-case .checks span{font-size:13px;color:var(--body);background:var(--surface-2);padding:8px 12px;border-radius:3px}
@media(max-width:760px){.ai-case .support-visual{padding:18px}.ai-case .evidence-grid,.ai-case .visual-notes{grid-template-columns:1fr}.ai-case .evidence-grid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}.ai-case .journey-strip{grid-template-columns:1fr;gap:18px}.ai-case .journey-strip li{padding:0 0 0 16px;border-top:0;border-left:2px solid var(--blue)}.ai-case .journey-strip span{margin-bottom:6px}.ai-case .test-routes header{align-items:flex-start;flex-direction:column;gap:8px}}
.ai-case .ai-reflection{margin-top:32px}.ai-case .ai-reflection h3{margin:0;font-size:16px;line-height:1.5;font-weight:600}.ai-case .ai-reflection-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:26px}.ai-case .ai-reflection-list li{overflow:hidden;border:1px solid var(--line);border-radius:4px}.ai-case .ai-reflection-number{padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:400 12px/1.4 "JetBrains Mono",monospace;letter-spacing:.05em}.ai-case .ai-reflection-list p{margin:0;padding:20px 22px;background:var(--surface);color:var(--body);font-size:16px;line-height:1.78}

.ai-case .ai-blog-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 32px;margin:96px 0;padding:32px 34px;border:1px solid var(--line);border-radius:4px;background:var(--surface);transition:border-color .25s var(--ease),background .25s var(--ease)}.ai-case .ai-blog-label{grid-column:1;color:var(--muted);font:12px/1.5 "JetBrains Mono",monospace;letter-spacing:.18em}.ai-case .ai-blog-link strong{grid-column:1;font-size:22px;line-height:1.5;font-weight:600}.ai-case .ai-blog-arrow{grid-column:2;grid-row:1/3;color:var(--muted);font-size:30px;line-height:1;transition:transform .25s var(--ease)}.ai-case .ai-blog-link:hover{border-color:var(--blue)}.ai-case .ai-blog-link:hover .ai-blog-arrow{transform:translateX(4px);color:var(--blue)}@media(max-width:760px){.ai-case .ai-blog-link{margin:64px 0;padding:24px;gap:14px 18px}.ai-case .ai-blog-link strong{font-size:18px}.ai-case .ai-blog-arrow{font-size:26px}}