.packing-guide{box-sizing:border-box;width:1240px;max-width:96vw;max-height:94dvh;padding:28px;border:1px solid #d6e3df;border-radius:18px;background:#f5f8f7;color:#173e41;overflow:auto}.packing-guide::backdrop{background:#102c3bcc}.packing-guide *{box-sizing:border-box}.pack-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #d6e3df}.pack-header h2{font-size:28px;letter-spacing:-.8px;margin:6px 0}.pack-header .eyebrow{margin:0;color:#3a776b;font-size:11px;letter-spacing:2px}.packing-guide button{min-height:44px}.pack-header button{flex-shrink:0}.pack-intro{color:#57736d;line-height:1.7;margin:20px 0}.pack-muted{color:#627973;font-size:12px;line-height:1.6}.pack-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.pack-toolbar label{display:flex;align-items:center;gap:10px;font-size:13px}.pack-toolbar select{max-width:100%;min-height:44px}.pack-toolbar [data-original]{margin-left:auto;background:transparent;font-size:12px;color:#57736d}.pack-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:start}.pack-index{min-width:0}.pack-index label{display:block;font-size:12px;font-weight:600}.pack-index input{width:100%;margin-top:8px;min-height:44px}.pack-index [data-section-list]{max-height:56vh;overflow:auto;padding-right:5px}.pack-index [data-section]{display:flex;align-items:start;gap:12px;width:100%;text-align:left;margin-bottom:6px;padding:13px 10px;background:transparent;border:1px solid transparent;border-radius:9px;color:#35534c}.pack-index [data-section][aria-current]{background:#e2efea;border-color:#adcfc0;color:#164c3e}.pack-index [data-section]>span:first-child{font-size:12px;font-weight:700;color:#5c8173;padding-top:2px}.pack-index strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;font-weight:600}.pack-index small{display:block;font-size:10px;margin-top:5px;color:#6b807a}.pack-detail{scroll-margin-top:16px;min-width:0;background:#fff;border:1px solid #dce6e1;border-radius:14px;padding:24px;box-shadow:0 8px 28px #163f3210}.pack-section-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.pack-badge{background:#173f35;color:#fff;font-size:10px;letter-spacing:1.2px;padding:8px 12px;border-radius:20px}.pack-detail h3{font-size:23px;font-weight:600;line-height:1.45;letter-spacing:-.3px;margin:22px 0}.pack-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pack-photos.single{grid-template-columns:1fr}.pack-photos figure{margin:0;min-width:0}.pack-photos button{border:0;padding:0;width:100%;background:#e9eeeb;border-radius:10px;overflow:hidden;display:block}.pack-photos img{display:block;width:100%;height:260px;object-fit:contain}.pack-photos.single img{height:auto;max-height:550px}.pack-photos figcaption{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#627973;padding:9px 0}.pack-navigation{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.pack-navigation button{font-size:12px}.pack-navigation [data-next]{background:#176b56;color:white;border-color:#176b56}.pack-source{border-top:1px solid #e1e8e4;padding:17px 0 0;color:#627973;font-size:12px;line-height:1.7}.pack-source summary{cursor:pointer;font-weight:600}.pack-source p{overflow-wrap:anywhere}.pack-footnote{margin-bottom:0;font-size:11px}.pack-note{border-left:3px solid #c19a39;background:#fff8e8;padding:14px;font-size:13px;line-height:1.6;color:#6d541e}.pack-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.pack-tile{border:1px solid #d9e5de;padding:0;overflow:hidden;border-radius:12px;text-align:left;background:#fff;box-shadow:0 4px 15px #163f3209}.pack-tile img{width:100%;height:165px;object-fit:cover;display:block}.pack-tile>span{padding:18px;display:block}.pack-tile small{font-size:9px;letter-spacing:1.3px;color:#588473}.pack-tile strong{display:block;font-size:21px;margin:10px 0}.pack-tile em{font-style:normal;font-size:12px;color:#627973}.pack-enlarged{overflow:auto;background:#dce4e0;border-radius:10px;max-height:65vh}.pack-enlarged img{width:100%;max-width:none;display:block;height:auto}.pack-photo-caption{font-size:16px;line-height:1.6}.packing-guide button:focus-visible,.packing-guide summary:focus-visible{outline:3px solid #2d9578;outline-offset:2px}
.pack-index{display:block;overflow:visible;padding:0}.pack-index [data-section]{white-space:normal}.pack-index [data-section]>span:last-child{min-width:0}.pack-index [data-section]:hover{background:#e2efea}
@media(max-width:800px){.packing-guide{padding:18px}.pack-layout{grid-template-columns:1fr;gap:18px}.pack-index [data-section-list]{max-height:155px}.pack-index [data-section]{padding:9px}.pack-index strong{-webkit-line-clamp:1}.pack-library{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-header{align-items:start}.pack-header h2{font-size:23px}.pack-header button{font-size:12px}.pack-detail{padding:18px}.pack-detail h3{font-size:20px}.pack-toolbar [data-original]{margin-left:0}}
@media(max-width:480px){.packing-guide{max-width:100vw;width:100vw;max-height:100dvh;border-radius:0;padding:14px}.pack-header{gap:10px}.pack-header button{max-width:100px}.pack-toolbar label{width:100%;justify-content:space-between}.pack-toolbar select{flex:1;min-width:0}.pack-library{grid-template-columns:1fr}.pack-tile img{height:190px}.pack-photos{grid-template-columns:1fr}.pack-photos img{height:auto;max-height:450px}.pack-detail h3{font-size:19px}.pack-navigation button{padding:10px;font-size:11px}.pack-section-top{gap:8px}}