.field-guide { max-width: 1160px; margin-inline: auto; }
.guide-header, .guide-links { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.guide-header { margin-bottom: 1.5rem; }
.guide-header h1 { margin: 0; }
.field-guide label:not(.guide-pack label) { display: grid; gap: .4rem; font-size: .87rem; font-weight: 700; }
.field-guide select { max-width: 100%; min-height: 2.8rem; padding: .55rem .8rem; border: 1px solid #8a9c9d; border-radius: .45rem; color: inherit; background-color: var(--paper, #fffdf8); font: inherit; }
.guide-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 1.4rem; }
.guide-layout > section { padding: clamp(1rem, 3vw, 2rem); min-width: 0; }
.guide-layout h2 { margin: 0 0 .75rem; line-height: 1.12; }
.guide-trip select, .guide-rig select { width: 100%; margin-top: .4rem; }
.guide-trip .guide-location { margin: 2rem 0 .35rem; font-size: .9rem; font-weight: 700; color: #276567; }
.guide-trip #guide-spot-name { font-size: clamp(1.65rem, 3vw, 2.8rem); }
.guide-links { justify-content: flex-start; margin: 1.3rem 0 .75rem; }
.field-guide a { color: #165f65; font-weight: 700; text-underline-offset: .2em; }
.guide-pack label { display: flex; align-items: center; min-height: 44px; gap: .7rem; padding: .35rem 0; border-top: 1px solid #d1dbd6; cursor: pointer; }
.guide-pack input { appearance: auto; accent-color: #206967; width: 1.15rem; height: 1.15rem; flex: 0 0 auto; margin: 0; }
.guide-pack input:checked + span { text-decoration: line-through; color: #526361; }
.guide-rig li { padding-inline-start: .25rem; margin-block: .65rem; }
.guide-rig ol { padding-inline-start: 1.5rem; }
.guide-rig summary { font-weight: 700; cursor: pointer; padding: .6rem 0; }
.guide-resources a { display: block; padding-block: .65rem; }
@media (max-width: 760px) {
  .guide-layout { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}