/* 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}}