/* Global responsive layout — desktop behavior follows the Beyond the Fairways model */
*{box-sizing:border-box}
html,body{min-width:320px}
body{overflow-x:hidden}
body>main:not(.page){
  width:min(1120px,calc(100% - 56px));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
body>main:not(.page) .wrap{
  width:100%;
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
body>main.page .wrap{
  width:min(1120px,calc(100% - 56px));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
@media(min-width:1500px){
  body>main:not(.page){width:min(1240px,calc(100% - 80px))}
  body>main.page .wrap{width:min(1240px,calc(100% - 80px))}
}
@media(max-width:900px){
  body>main:not(.page){width:min(820px,calc(100% - 36px))}
  body>main.page .wrap{width:min(820px,calc(100% - 36px))}
}
@media(max-width:600px){
  body>main:not(.page){width:calc(100% - 28px)}
  body>main.page .wrap{width:calc(100% - 28px)}
}
/* Shared Beyond the Fairways visual language */
html,body{
  background:#f7f7ed url("https://upload.wikimedia.org/wikipedia/commons/7/7c/Adare_Manor_Golf_Course_-_geograph.org.uk_-_6297405.jpg") center center/cover fixed no-repeat;
  color:#173f35;
}
body>main.page{
  background:transparent !important;
}
body>main:not(.page),
body>main.page{
  color:#173f35;
}
body>main:not(.page) h1,
body>main:not(.page) h2,
body>main:not(.page) h3,
body>main.page h1,
body>main.page h2,
body>main.page h3{
  color:#00382d;
}
body>main:not(.page) .card,
body>main.page .card{
  border-radius:16px;
  box-shadow:0 6px 20px rgba(18,45,38,.09);
}
body>main:not(.page) .card,
body>main.page .card{
  background:rgba(255,255,255,.96);
  border-color:#deded2;
}
body>main:not(.page) .wrap,
body>main.page .wrap{
  padding-top:30px;
  padding-bottom:64px;
}
@media(max-width:900px){
  body>main:not(.page) .wrap,
  body>main.page .wrap{padding-top:26px;padding-bottom:50px}
}
@media(max-width:600px){
  html,body{background-position:center top;background-attachment:scroll;background-size:auto 100vh}
  body>main:not(.page) .wrap,
  body>main.page .wrap{padding-top:22px;padding-bottom:42px}
  body>main:not(.page) .card,
  body>main.page .card{border-radius:14px}
}

/* The Greeny — shared header backdrop */
.hero,header.hero{
  background:linear-gradient(135deg,#00382d 0%,#0b5545 58%,#1f5265 100%) !important;
}