/* HIKING LEBANON — Guest refinements V13. Scopes all visual changes to guest homepage. */
/* Contact: stack the two shorter cards alongside the longer Partners card on large screens.
   No dummy copy and no stretched empty cards. */
@media(min-width:801px) {
  body.hl-public #contact .grid3 {
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(0, 1.35fr);
    grid-template-rows:auto auto;
    gap:14px 20px;
    align-items:start;
  }
  body.hl-public #contact .grid3 > article {min-height:0; height:auto; align-self:stretch;}
  body.hl-public #contact .grid3 > article:nth-child(1) {grid-column:1;grid-row:1;}
  body.hl-public #contact .grid3 > article:nth-child(2) {grid-column:1;grid-row:2;}
  body.hl-public #contact .grid3 > article:nth-child(3) {grid-column:2;grid-row:1 / span 2;}
  body.hl-public #contact .grid3 > article .card-body {padding:21px 23px;}
  body.hl-public #contact .grid3 > article p {margin:7px 0 0;line-height:1.6;}
}
@media(min-width:801px) and (max-width:1150px) {
  body.hl-public #contact .grid3 {grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:13px;}
}
@media(min-width:641px) and (max-width:800px) {
  body.hl-public #contact .grid3 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
  body.hl-public #contact .grid3 > article {height:auto;min-height:0;}
  body.hl-public #contact .grid3 > article:nth-child(3) {grid-column:1 / -1;}
}
@media(max-width:640px) {
  body.hl-public #contact .grid3 > article {height:auto;min-height:0;}
  body.hl-public #contact .grid3 {gap:12px;}
}
/* The hero remains its approved size. Match the primary content width to it on wide screens. */
@media(min-width:1151px) {
  body.hl-public > main.container {width:min(1800px,96vw);max-width:none;box-sizing:border-box;}
  body.hl-public > main.container > .section {max-width:min(1680px,100%);margin-left:auto;margin-right:auto;}
  /* Preserve comfortable text/card width on very wide screens; align section edges consistently. */
}
/* Descriptive Expand-button labels need slightly more space but preserve original behavior. */
body.hl-public .hl-section-expand {white-space:nowrap;letter-spacing:.01em;line-height:1.25;}
@media(max-width:620px) {
  body.hl-public .hl-section-expand {padding:9px 11px;font-size:11px;max-width:47%;white-space:normal;text-align:center;}
  body.hl-public .hl-section-head-with-action {gap:12px;}
  body.hl-public #exploringCount {font-size:12px;}
  body.hl-public .hl-event-card-body p {font-size:12px;line-height:1.55;}
  body.hl-public #contact .card-body p {line-height:1.5;}
}
/* Improve detail legibility subtly; don't globally change other existing page designs. */
body.hl-public #contact .hl-partner-item strong {font-size:max(12px, .8rem);}
body.hl-public #contact .hl-partner-item span {font-size:max(12px, .84rem);}
body.hl-public .hl-event-card-body .hl-event-area {font-size:max(11px, .73rem);}

/* V14 — keep "What members say" aligned to the same section container width.
   The existing 1480px review limit was narrower than the V13 guest sections. */
body.hl-public > main.container > #experiences.hl-member-experiences {
  width: 100%;
  max-width: 100%;
}
@media (min-width:1151px) {
  body.hl-public > main.container > #experiences.hl-member-experiences {
    max-width: min(1680px, 100%);
  }
}