/* TAI Reconcile — "What is it for? · How it works" panel on the files step (kept out of app.css on purpose). */
.guide { margin-top: 20px; padding: 0; }
.guide > summary { cursor: pointer; padding: 16px 20px; font-weight: 600; min-height: 44px; list-style-position: inside; }
.guide[open] > summary { border-bottom: 1px solid var(--line); }
.guide-cols { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; padding: 16px 20px 20px; }
.guide h2 { font-size: 14px; font-weight: 650; color: var(--text-2); margin: 0 0 8px; text-transform: uppercase; letter-spacing: .04em; }
.guide ul, .guide ol { margin: 0 0 12px; padding-left: 20px; display: grid; gap: 8px; line-height: 1.45; }
.guide li b { font-weight: 600; }
@media (max-width: 760px) { .guide-cols { grid-template-columns: minmax(0, 1fr); } }
.guide-dl { padding: 0 20px 20px; }
.guide-dl .muted { margin: 0 0 10px; }
.guide-btns { display: flex; flex-wrap: wrap; gap: 8px; }