#discovery { max-width: 1120px; }
.planner h1 { max-width: 850px; letter-spacing: -.025em; }
.planner .lead { max-width: 850px; }
.planner #discovery-message:not(:empty) { padding: 1rem; border-left: 4px solid #2c7054; background: #edf5ef; border-radius: .3rem; }
.planner-stop { min-width: 0; border: 1px solid #d9e4dd; border-radius: .8rem; padding: 1.5rem; margin-bottom: 1rem; background: #fff; }
.planner-stop h3, .planner-option h3 { overflow-wrap: anywhere; }
.planner-stop p, .planner-option p, .planner-stop a { overflow-wrap: anywhere; }
.planner-reason { background: #f3f7f4; padding: .75rem; border-radius: .4rem; margin-top: .75rem; }
.planner-confirm { display: flex; align-items: start; gap: .5rem; padding: .75rem; border: 1px solid #b9cdbf; border-radius: .4rem; margin-bottom: 1rem; }
.planner-confirm input { flex: 0 0 auto; margin-top: .2rem; }
.planner-alternatives { margin: 1rem 0; border-block: 1px solid #e2e8e4; padding: .8rem 0; }
.planner summary { cursor: pointer; font-weight: 600; }
.planner-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; margin-top: 1rem; align-items: start; }
.planner-option { min-width: 0; height: auto; overflow: hidden; }
.planner #results > div { display: flex; }
.planner #results .planner-option { width: 100%; }
.planner-gap { border-left: 4px solid #ad7d25; background: #fffcf3; }
.planner-notes { margin: 1rem 0; }
.planner #stops { margin-top: .5rem; }
@media(max-width: 575.98px) { .planner-stop { padding: 1rem; } .planner-options { grid-template-columns: minmax(0, 1fr); } .planner h1 { font-size: 2rem; } .planner #camping-map { height: 280px !important; } .planner #save-trip { width: 100%; } }

.planner-assumptions { border: 1px solid #cbded0; border-radius: .7rem; padding: 1rem 1.25rem; margin: 1rem 0; background: #f3f8f4; }
.planner-assumptions li { margin-block: .5rem; overflow-wrap: anywhere; }
.planner-assumptions p { margin-bottom: .5rem; }

.planner-drive-help { border-left: 4px solid #ad7d25; background: #fffcf3; padding: 1rem; margin-block: 1rem; border-radius: .4rem; }
.planner-drive-help p:last-child { margin-bottom: 0; }

.planner-limitations { border-left: 4px solid #ad7d25; background: #fffcf3; border-radius: .4rem; padding: 1rem; margin-block: 1rem; }