/* Better Break Picks: personal recommendations and travel essentials. */
.picks-page { padding: 2.5rem 1.75rem 3.5rem; background: var(--paper); }
.picks-intro { display: grid; grid-template-columns: 1fr 1fr; max-width: 72rem; margin: 0 auto 2.5rem; gap: 3rem; align-items: center; }
.picks-copy { padding: .5rem 0; }
.picks-copy .eyebrow { color: var(--forest); font-size: .875rem; letter-spacing: .16em; }
.picks-copy h1 { color: var(--forest); font-size: clamp(2.8rem, 5vw, 4.5rem); line-height: 1.05; letter-spacing: -.045em; margin-bottom: 1.25rem; }
.picks-copy h1 em { color: #9b4c36; }
.picks-message { color: #3d4c47; font-size: 1.125rem; line-height: 1.65; margin-bottom: .75rem; }
.picks-signature { font-family: var(--serif); font-style: italic; font-size: 1.5rem; color: var(--forest); margin: 0; }
.picks-image { min-width: 0; }
.picks-image img { display: block; width: 100%; height: auto; max-height: 21rem; object-fit: contain; }
.pick-review { max-width: 72rem; margin: auto; padding: 2.5rem; border: 1px solid var(--line); border-radius: .625rem; background: var(--cream); }
.pick-main { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.2fr); gap: 3rem; align-items: center; }
.pick-product-image { margin: 0; min-width: 0; }
.pick-product-image img { display: block; width: 100%; height: 23rem; object-fit: contain; background: var(--paper); border-radius: .35rem; }
.pick-product-image figcaption { padding-top: .5rem; font-size: .875rem; color: #56625d; }
.pick-label { display: inline-block; border: 1px solid var(--forest); border-radius: 2rem; color: var(--forest); padding: .25rem .75rem; margin: 0 0 1rem; font-size: .875rem; font-weight: 650; }
.pick-review-copy h2, .pick-review-copy h1 { font-size: clamp(2rem, 3.4vw, 3.3rem); line-height: 1.08; color: var(--forest); margin: 0 0 1.25rem; }
.pick-review-copy > p:not(.pick-label):not(.pick-disclosure) { font-size: 1.0625rem; line-height: 1.75; color: #3d4c47; margin: 0 0 1.5rem; }
.pick-product-link { display: inline-flex; justify-content: center; align-items: center; min-height: 3rem; padding: .8rem 1.125rem; color: white; background: var(--forest); font-size: 1rem; font-weight: 650; text-align: center; text-decoration: none; border-radius: .25rem; }
.pick-product-link:hover { background: #285a4c; }
.pick-review-copy .pick-disclosure { font-size: .875rem; line-height: 1.6; color: #52625b; margin: .75rem 0 0; }
.pick-considering { border-top: 1px solid var(--line); margin-top: 2rem; padding-top: 1.75rem; }
.pick-considering h3 { font-family: var(--serif); font-size: 1.75rem; color: var(--forest); font-weight: 400; margin: 0 0 1.25rem; }
.pick-alternatives { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.pick-alternatives h4 { color: var(--forest); font-size: 1rem; margin: 0 0 .6rem; }
.pick-alternatives p { color: #52625b; font-size: 1rem; line-height: 1.7; margin: 0; }
.pick-feedback { padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px solid var(--line); }
.pick-feedback p { font-size: 1rem; line-height: 1.75; color: #3d4c47; margin: 0; }
.pick-feedback a { color: var(--forest); overflow-wrap: anywhere; text-underline-offset: .25em; }
.pick-review a:focus-visible { outline: 3px solid #a64d34; outline-offset: 4px; }
.picks-more { max-width: 72rem; margin: 1.75rem auto 0; color: #52625b; font-size: 1rem; }
.picks-footer .footer-links { flex-wrap: wrap; }
@media (max-width: 760px) {
  .picks-page { padding: 2rem 1.25rem 2.5rem; }
  .picks-intro { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 2rem; }
  .picks-image img { max-height: 16rem; }
  .pick-review { padding: 1.25rem; }
  .pick-main { grid-template-columns: 1fr; gap: 1.5rem; }
  .pick-product-image img { height: 18rem; }
  .pick-alternatives { grid-template-columns: 1fr; gap: 1.5rem; }
}

.pick-review + .pick-review { margin-top: 2rem; }
.pick-product-links { display: flex; flex-wrap: wrap; gap: .75rem; }
.pick-watchlist p { font-size: 1rem; line-height: 1.7; color: #52625b; margin: 0 0 .75rem; }
.pick-watchlist > a { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: 1rem; font-weight: 650; color: var(--forest); text-underline-offset: .25em; }

.picks-collection { max-width: 72rem; margin: auto; padding-top: 2rem; border-top: 1px solid var(--line); }
.picks-category-heading { margin-bottom: 1.5rem; }
.picks-category-heading h2 { color: var(--forest); font-family: var(--serif); font-size: 2rem; margin: 0 0 .5rem; }
.picks-category-heading p { color: #52625b; font-size: 1rem; margin: 0; }
.picks-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.pick-card { display: block; min-width: 0; text-decoration: none; color: var(--forest); border: 1px solid var(--line); border-radius: .625rem; overflow: hidden; background: var(--cream); }
.pick-card-image { background: var(--paper); padding: .75rem; }
.pick-card-image img { display: block; height: 12rem; width: 100%; object-fit: contain; }
.pick-card-copy { padding: 1rem; }
.pick-card h3 { font-family: var(--serif); font-size: 1.4rem; line-height: 1.2; margin: 0 0 .75rem; }
.pick-card p { font-size: 1rem; line-height: 1.65; color: #52625b; margin: 0 0 1rem; }
.pick-card-read { font-size: 1rem; font-weight: 650; text-decoration: underline; text-underline-offset: .25em; }
.pick-card:hover { border-color: var(--forest); }
.pick-card:focus-visible { outline: 3px solid #a64d34; outline-offset: 4px; }
.pick-breadcrumb { display: flex; flex-wrap: wrap; gap: .65rem; max-width: 72rem; margin: 0 auto 1.5rem; font-size: 1rem; color: #52625b; }
.pick-breadcrumb a, .picks-more a { color: var(--forest); text-underline-offset: .25em; }
@media (max-width: 1050px) {
  .picks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .picks-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .pick-card-image img { height: 11rem; }
}

.picks-collection + .picks-collection { margin-top: 3rem; }

.pick-weight-table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 1rem; color: #3d4c47; }
.pick-weight-table th, .pick-weight-table td { text-align: left; padding: .9rem .5rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.pick-weight-table th { font-weight: 600; }
.pick-weight-table a { color: var(--forest); text-underline-offset: .2em; }
.pick-watchlist .pick-weight-note { font-size: .875rem; }

/* Compact USD guide alongside each recommendation. */
.pick-card .pick-price, .pick-review .pick-price { color: var(--forest); font-size: .9375rem; font-weight: 600; line-height: 1.5; margin: 0 0 1rem; }
.pick-review-copy > p.pick-price { font-size: 1rem; line-height: 1.5; color: var(--forest); margin: 0 0 1.25rem; }
.pick-price-note { max-width: 72rem; margin: 1.5rem auto 0; color: #52625b; font-size: .875rem; line-height: 1.6; }

.pick-saving { margin: 0 0 1.5rem; padding: 1rem; border-left: 2px solid var(--forest); background: var(--paper); color: #3d4c47; font-size: .9375rem; line-height: 1.6; }
.pick-saving strong { color: var(--forest); }
.pick-saving p { margin: .4rem 0; }
.pick-saving a { color: var(--forest); text-underline-offset: .2em; }
.pick-saving small { display: block; font-size: .875rem; color: #52625b; }

/* Keep the RideSafer product beside the beginning of its longer review. */
.pick-detail-ridesafer .pick-main { align-items: start; }

/* Keep this product image beside the beginning of its review. */
.pick-detail-bumpers .pick-main { align-items: start; }

.pick-detail-earbuds .pick-main { align-items: start; }

.pick-detail-golvery .pick-alternatives { display: block; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--line); }
.pick-detail-golvery .pick-alternatives h2 { color: var(--forest); font-size: 1.6rem; }
.pick-detail-golvery .pick-alternatives li { margin: .8rem 0; font-size: 1rem; line-height: 1.7; }
.pick-detail-golvery .pick-alternatives .pick-disclosure { font-size: .875rem; margin-top: 1rem; }

.pick-detail-thule .pick-main { align-items: start; }

/* Keep the Roamless illustration beside the start of the review. */
.pick-detail-roamless .pick-main { align-items: start; }
.pick-detail-roamless .roamless-referral-code { letter-spacing: .06em; white-space: nowrap; }

.pick-detail-tripit .pick-main { align-items: start; }
.pick-detail-tripit a[href^="mailto:"] { overflow-wrap: anywhere; }

.pick-detail-splitwise .pick-main { align-items: start; }