/**
 * @file home-journey.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description Useful work and account settings on the home, in the poster face.
 * @version-history
 *   v1.0.1 — 2026-09-09 — Remove bespoke button styling; home.css supplies the existing controls.
 *   v1.0.0 — 2026-09-09 — Connection, prompts, real saved note and basic account controls.
 */
.koti-journey { border-top: 3px solid var(--text); padding-top: 1.4rem; margin-block: 1.5rem; min-width: 0; }
.koti-journey p { line-height: 1.6; }
.koti-journey-choices, .koti-journey-status, .koti-journey-links { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; margin-block: 1rem; }
.koti-journey-choices button { min-height: 44px; }
.koti-journey-status { justify-content: space-between; border-block: 1px solid var(--border); padding-block: 1rem; }
.koti-journey-connect { border: 2px solid var(--text); padding: 1rem; margin-block: 1rem; min-width: 0; }
.koti-journey-connect .ast-tools { flex-wrap: wrap; }
.koti-journey-connect .ast-code, .koti-journey-connect pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.koti-journey-details { border-top: 1px solid var(--border); padding-block: 1rem; }
.koti-journey-details summary { cursor: pointer; min-height: 44px; font-weight: var(--font-poster-strong-weight); }
.koti-journey-result { border: 2px solid var(--text); background: var(--card-bg); padding: 1rem; margin-block: 1rem; overflow-wrap: anywhere; }
.koti-journey-result p { white-space: pre-wrap; }
.koti-account-settings { display: flex; flex-direction: column; align-items: flex-start; gap: .8rem; border-bottom: 2px solid var(--text); padding-bottom: 1rem; margin-bottom: 1rem; }
.koti-account-settings button, .koti-account-settings a { min-height: 44px; }
.koti-settings-modal .modal-close { min-width: 44px; min-height: 44px; }
@media (max-width: 600px) {
  .koti-journey .koti-link, .koti-account-settings .koti-link { white-space: normal; text-align: left; }
  .koti-journey-connect { padding: .75rem; }
  .koti-journey .koti-prompt-head { flex-wrap: wrap; gap: .75rem; }
  .koti-journey-links { align-items: flex-start; flex-direction: column; }
}