/* Packing is also the choice of a home: a ground tent or a touring wagon. */
.modal.modal-packing{width:min(620px,100%);padding-bottom:0;scrollbar-color:#abb69c #edeedc;scroll-padding-top:15px;scroll-padding-bottom:115px}
.modal-packing h2{margin-bottom:7px}.modal-packing .modal-desc{margin-bottom:16px;line-height:1.8}
.camping-mode-field{border:0;padding:0;margin:21px 0 17px;min-width:0}.camping-mode-field legend{font-size:11px;color:#6e8062;margin-bottom:11px;letter-spacing:1px}
.camping-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.camping-mode{position:relative;padding:3px 14px 14px;text-align:left;background:#e8e9db66;border:1px solid #bac4aa80;border-radius:12px;color:#61745d;transition:background .2s,border-color .2s,box-shadow .2s;overflow:hidden}
.camping-mode:hover{background:#e4e8d7}.camping-mode.selected{border-color:#6f8860;background:#e0e7d33d;box-shadow:0 0 0 1px #6f88602b}.camping-mode:focus-visible{outline:2px solid #657b51;outline-offset:3px}
.mode-illustration{display:block;width:100%;height:105px;stroke:none;stroke-width:1;fill:none}.mode-check{position:absolute;top:11px;right:11px;width:16px;height:16px;border-radius:50%;border:1px solid #aeb89e;color:#faf6e4;font-size:11px;display:grid;place-items:center}.selected .mode-check{background:#738a60;border-color:#738a60}
.mode-heading{display:flex;align-items:center;gap:7px}.mode-heading b{font-size:13px;font-weight:600;letter-spacing:1px}.mode-heading small{font-size:6px;letter-spacing:.8px;color:#94a082}.mode-copy{display:block;font-size:9px;line-height:1.7;color:#87967b;margin-top:6px}
.packing-kit-heading{font-size:10px;color:#829175;display:flex;align-items:center;gap:7px;margin-top:17px}.packing-kit-heading svg{width:14px;height:14px}.packing-kit-heading span{margin-left:auto;color:#a0a78f;font-size:8px}
.modal-packing .packing-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 13px}.modal-packing .pack-item{padding:10px 11px}.modal-packing .pack-item small{margin-top:4px}.modal-packing .pack-item>svg{flex:none;width:19px;height:19px}.modal-packing .pack-check{flex:none}.modal-packing .beverage-choice{margin:15px 0 17px}
.packing-footer{position:sticky;bottom:0;z-index:2;background:var(--paper);padding:14px 0 22px;border-top:1px solid #c1c9b14d;box-shadow:0 -12px 16px var(--paper)}.packing-footer .modal-footer-note{line-height:1.7;margin-top:9px}
.trip-mode-label{display:inline-flex;align-items:center;gap:5px;border:1px solid #aab69935;border-radius:20px;padding:4px 8px;margin-top:9px;font-size:8px;letter-spacing:1px;color:#a4b492}.trip-mode-label svg{width:12px;height:12px}
.completion-meta{flex-wrap:wrap}.completion-meta span{white-space:nowrap}
.vehicle-gear-line{border-bottom:1px solid #a9b69440;margin-bottom:6px;padding-bottom:15px!important}
@media(max-width:760px){.modal.modal-packing{padding:25px 20px 0}.modal-packing h2{font-size:26px;letter-spacing:2px}.camping-mode-field{margin-top:17px}.camping-modes{gap:9px}.camping-mode{padding:3px 10px 12px}.mode-illustration{height:81px}.mode-heading{display:block}.mode-heading b{font-size:12px}.mode-heading small{display:block;font-size:6px;margin-top:4px;letter-spacing:.7px}.mode-copy{font-size:8px;line-height:1.8}.mode-check{width:14px;height:14px;top:8px;right:8px;font-size:10px}.modal-packing .pack-item{padding:10px 8px;gap:7px}.modal-packing .pack-item b{font-size:9px}.modal-packing .pack-item small{font-size:7px;line-height:1.5}.modal-packing .pack-item>svg{width:16px;height:16px}.modal-packing .pack-check{width:12px;height:12px}.modal-packing .beverage-choice{font-size:9px;gap:5px}.modal-packing .beverage-choice button{font-size:9px;padding:7px 9px}.packing-footer{padding:12px 0 17px}.packing-footer .primary{font-size:11px;min-height:45px}.packing-footer .modal-footer-note{font-size:8px}.trip-mode-label{display:none}}
/* Ordered planning keeps the chooser quiet and preserves the same modal/back stack. */
.packing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:19px 0}.packing-steps button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:7px 5px;border:1px solid #b7c3aa;border-radius:9px;background:transparent;color:#607453;font-size:11px}.packing-steps [aria-current]{background:#e0e8d4;border-color:#748d61;font-weight:600}.packing-steps span{display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font-size:10px}.packing-intro,.packing-reason{font-size:12px;line-height:1.8;color:#718061}.packing-reason{padding:9px 11px;border-left:2px solid #b0bc9c;background:#e8ebdf66}.packing-activities{display:grid;gap:8px;margin:15px 0}.packing-activity{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;text-align:left;border:1px solid #bec7ae;border-radius:10px;background:#f0f0e3;color:#53694a}.packing-activity.selected{background:#e2ead6;border-color:#839b6c}.packing-activity b{font-size:13px;font-weight:600}.packing-activity small{display:block;font-size:11px;line-height:1.75;margin-top:5px;color:#7c896f}.packing-activity em{flex:none;font-style:normal;font-size:11px}.packing-activity:disabled{opacity:.65}.packing-drink{min-width:0;border:1px solid #bec7ae;border-radius:10px;padding:13px;margin:18px 0}.packing-drink legend{font-size:12px;color:#607453}.packing-drink .beverage-choice{display:flex;flex-wrap:wrap}.packing-extras,.packing-presets{margin:16px 0;padding:12px;border:1px solid #c3cbb5;border-radius:10px;color:#687a59}.packing-extras summary,.packing-presets summary{cursor:pointer;font-size:12px}.packing-extras p{font-size:11px;line-height:1.8}.packing-summary{margin:17px 0;padding:15px;background:#e8eddf;border-radius:12px}.packing-summary h3{font-size:14px;color:#536b48;margin:0 0 7px}.packing-summary p{font-size:12px;line-height:1.8;margin:6px 0;color:#687c59}.packing-summary small{display:block;font-size:10px;line-height:1.75;color:#869078}.packing-flow-footer{display:flex;flex-wrap:wrap;gap:9px}.packing-flow-footer>.primary{flex:1;min-width:150px;min-height:46px}.packing-flow-footer>.secondary{min-height:46px;padding-inline:16px}.packing-flow-footer>.modal-footer-note{flex-basis:100%;margin:0}.packing-steps button:focus-visible,.packing-activity:focus-visible,.packing-extras summary:focus-visible,.packing-presets summary:focus-visible{outline:2px solid #657b51;outline-offset:3px}
@media(max-width:420px){.packing-steps button{font-size:10px;gap:4px}.packing-activity{padding:12px;gap:8px}.packing-activity small{font-size:10px}.packing-summary{padding:12px}.packing-steps span{width:16px;height:16px}}

.packing-storage{margin-top:10px;padding-top:10px;border-top:1px solid #c3cbb5}.packing-storage summary{cursor:pointer;font-size:11px;color:#687a59}.packing-storage summary:focus-visible{outline:2px solid #657b51;outline-offset:3px}