/* Progressive disclosure keeps the AI journey readable on small screens. */
.ai-detail{border-top:1px solid var(--hairline)}
.ai-detail:last-of-type{border-bottom:1px solid var(--hairline)}
.ai-detail summary{display:flex;align-items:center;gap:24px;justify-content:space-between;cursor:pointer;list-style:none;padding:24px 0;min-height:64px}
.ai-detail summary::-webkit-details-marker{display:none}
.ai-detail summary::after{content:'+';font:400 1.5rem var(--mono);color:var(--link);flex:none}
.ai-detail[open] summary::after{content:'−'}
.ai-detail summary>span{min-width:0}
.ai-detail summary strong{display:block;font:400 1.5rem/1.25 var(--serif);color:var(--ink)}
.ai-detail summary span span{display:block;font-size:1rem;line-height:1.7;color:var(--body-ink);margin-top:10px}
.ai-detail summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
.ai-detail-body{padding:0 0 24px;max-width:65ch}
.ai-detail-body p,.ai-bridge{font-size:1rem;line-height:1.85;color:var(--body-ink);margin:0 0 16px}
.ai-detail-body p:last-child{margin-bottom:0}
.ai-bridge{margin-top:24px}
@media(max-width:600px){.ai-detail summary{gap:16px}.ai-detail summary strong{font-size:1.375rem}}
@media print{.ai-detail::details-content{content-visibility:visible;display:block}}

.ai-tools{border-top:1px solid var(--hairline)}
.ai-tools-list>div{padding:24px 0;border-top:1px solid var(--hairline)}
.ai-tools-list>div:first-child{padding-top:0;border-top:0}
.ai-tools-list dt{font:400 1.5rem/1.3 var(--serif);margin-bottom:12px}
.ai-tools-list dd{margin:0;font-size:1rem;line-height:1.85;color:var(--body-ink)}
.ai-tools-list strong{font-weight:500;color:var(--ink)}
.ai-tools-list p{margin-top:10px;max-width:60ch}