.ai-guide { color: #181614; }
.ai-guide-kicker { color: #641322; font: 11px monospace; letter-spacing: .16em; }
.ai-guide-progress { display: flex; gap: 8px; list-style: none; padding: 20px 0; margin: 0; border-bottom: 1px solid #d8d1c5; }
.ai-guide-progress li { flex: 1; font-size: 12px; color: #6c665f; padding-bottom: 8px; }
.ai-guide-progress [aria-current] { color: #641322; border-bottom: 2px solid #641322; font-weight: 600; }
.ai-recipe-page .ai-guide #ai-guide-title { font-family: 'Noto Serif TC', serif; font-size: 24px; line-height: 1.5; margin: 24px 0 16px; letter-spacing: 0; }
.ai-guide-body { border: 0; margin: 0; padding: 0; min-width: 0; }
.ai-guide p { line-height: 1.8; }
.ai-guide-choices { border: 0; padding: 0; margin: 22px 0; min-width: 0; }
.ai-guide-choices legend, .ai-guide-field { display: block; font-size: 14px; margin: 16px 0 10px; }
.ai-guide-choices label { display: flex; align-items: center; gap: 12px; padding: 14px 10px; border-bottom: 1px solid #d8d1c5; cursor: pointer; min-height: 48px; }
.ai-guide-choices label:has(input:checked) { background: #ede6da; color: #641322; }
.ai-guide input { accent-color: #641322; }
.ai-guide textarea, .ai-guide select { box-sizing: border-box; width: 100%; padding: 12px; background: #fbfaf6; border: 1px solid #d8d1c5; border-radius: 0; color: #181614; font: inherit; }
.ai-guide textarea { resize: vertical; }
.ai-guide-note { font-size: 13px; color: #62594f; }
.ai-guide-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 28px; }
.ai-guide button { min-height: 44px; border-radius: 0; }
.ai-guide-mode { border: 0; background: transparent; text-decoration: underline; color: #641322; margin: 16px 0; cursor: pointer; }
.ai-guide :focus-visible { outline: 2px solid #641322; outline-offset: 3px; }
.ai-guide-summary { margin: 20px 0; }
.ai-guide-summary div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; border-bottom: 1px solid #d8d1c5; padding: 12px 0; }
.ai-guide-summary dt { color: #6c665f; font-size: 13px; }
.ai-guide-summary dd { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.ai-guide-charge { background: #ede6da; padding: 18px; border-top: 1px solid #b8965a; }
.ai-guide-charge p { margin: 8px 0 0; font-size: 13px; }
@media (max-width: 600px) { .ai-guide h3 { font-size: 21px; } .ai-guide-actions { flex-wrap: wrap; } .ai-guide-actions button { flex: 1; } .ai-guide-progress { gap: 4px; } }