.article-toc{margin:0 0 28px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:14px}.article-toc summary{cursor:pointer;font-weight:750;color:var(--ink)}.article-toc summary span{font-weight:400;color:var(--muted);margin-left:8px}.article-toc ol{columns:2;padding-left:22px;margin:18px 0 6px}.article-toc li{break-inside:avoid;padding:5px 8px 5px 0;line-height:1.5}.visual-panel{margin:22px 0 32px;padding:25px;background:#f0f5fd;border:1px solid #d6e3f6;border-radius:17px;overflow-wrap:anywhere}.visual-kicker{font-size:11px!important;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:#2257a7!important;margin-bottom:10px!important}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.visual-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-step{background:white;border:1px solid #dce6f4;padding:18px;border-radius:12px;min-width:0}.visual-step h3,.visual-step h4{font-size:17px;line-height:1.45;margin:0 0 10px}.visual-step p,.visual-step li{font-size:14px;line-height:1.65}.visual-step p:last-child{margin-bottom:0}.visual-step ul{padding-left:18px}.visual-panel>h3{margin-top:0}.visual-note{font-size:13px!important;color:#4c607c;line-height:1.7!important;margin:17px 0 0!important}.visual-panel figure,figure.visual-figure{margin:22px 0}.visual-figure img,.visual-panel figure img{display:block;width:100%;max-width:100%;height:auto;border:1px solid #dae5f5;border-radius:12px;background:white}.article-body figure{margin:24px 0}.article-body figcaption{font-size:13px;line-height:1.65;color:#536780;margin-top:12px}.screenshot-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:24px}.screenshot-layout figure{margin:0}.screenshot-layout img{display:block;width:100%;height:auto;border:1px solid #dbe4f0;border-radius:13px}.screenshot-layout h3{margin-top:0}.screenshot-layout ol{padding-left:23px;font-size:14px}.screenshot-layout li{padding-bottom:12px}.evidence-label{display:inline-block;padding:4px 10px;border-radius:6px;background:#e4ecfb;color:#245294;font-size:12px;font-weight:700;margin:0 0 12px}.visual-table{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.visual-table table{width:100%;min-width:0;background:white;font-size:13px}.visual-table th,.visual-table td{padding:11px}.prompt-card{margin:20px 0!important;padding:20px!important;border:1px solid #dce5f3;background:white;border-radius:13px}.prompt-card blockquote{margin:12px 0}.prompt-review{font-size:14px;color:#516580;margin:13px 0 0!important}.copy-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-15px 0 24px}.copy-button{border:1px solid #c4d5ed;background:#fff;color:#194f9d;font-size:12px;font-weight:700;padding:8px 13px;border-radius:7px;cursor:pointer}.copy-button:hover{background:#eaf1fc}.copy-message{font-size:12px;color:#37664c}.cost-calculator label{display:block;min-width:0;font-size:13px;font-weight:650;line-height:1.5}.cost-calculator input,.cost-calculator select{width:100%;min-width:0;margin-top:7px;padding:12px;border:1px solid #bacce5;border-radius:8px;background:white;color:#172d4c;font:inherit}.cost-result{font-weight:800;font-size:20px;line-height:1.6;margin:23px 0 5px!important;color:#164685}.article-featured{margin:0 0 28px}.article-featured img{width:100%;height:auto;border-radius:13px}.article-body h2[id]{scroll-margin-top:25px}.figure-caption-source{font-size:12px}select:focus-visible{outline:3px solid #e5a620;outline-offset:3px}@media(max-width:1000px){.visual-grid.three{grid-template-columns:1fr}.screenshot-layout{grid-template-columns:1fr}.screenshot-layout figure{max-width:360px;margin:0 auto}.visual-step{padding:16px}}@media(max-width:600px){.article-toc ol{columns:1}.visual-panel{padding:18px}.visual-grid{grid-template-columns:1fr}.visual-panel h3{font-size:18px}.visual-step h3,.visual-step h4{font-size:17px}.screenshot-layout{gap:18px}.cost-result{font-size:18px}.visual-table table{font-size:12px}.visual-table th,.visual-table td{padding:9px}.copy-controls{margin-top:-12px}.article-body blockquote{padding:18px 16px}.article-body pre{padding:17px}.article-body figure{margin:20px 0}}@media print{.copy-controls,.cost-calculator{display:none}.article-toc details>ol{display:block}.visual-panel{break-inside:avoid}.sidebar{display:none}}
.article-body table:focus-visible,.article-body pre:focus-visible{outline:3px solid #b57b00;outline-offset:4px}.visual-panel figure img{max-height:760px;object-fit:contain}

.figure-open{display:block;text-decoration:none}.figure-open span{display:block;margin-top:8px;font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}.figure-open:focus-visible{outline:3px solid #e5a620;outline-offset:5px;border-radius:12px}

.evidence-capture{max-width:319px;margin:24px auto!important}.evidence-capture img{width:100%;height:auto}.experiment-transcript{white-space:pre-wrap;overflow-wrap:anywhere}.prompt-card details{margin:18px 0}.prompt-card details>summary{cursor:pointer;font-weight:700;line-height:1.6}.prompt-card details[open]>summary{margin-bottom:16px}