/* Site identity: same design system, one place per site */
.hero.single{grid-template-columns:1fr}
.hero.single .heroPanel{min-height:68vh}
.footRow{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footRow p{margin:0}
.sister{color:#d0d5dd;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.btns .btn{margin-top:0}

body.earthSite{background:#0d1a12}
.earthSite .topbar{background:rgba(10,24,16,.9)}
.mark.earthMark{background:radial-gradient(circle at 35% 30%,#c8f4d7,var(--earth-sprout) 40%,var(--earth-leaf) 70%,var(--earth-fern));box-shadow:0 0 30px rgba(82,183,136,.25)}
.hero.single .earthHero{background:linear-gradient(90deg,rgba(13,36,24,.94),rgba(19,57,38,.45)),url("https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1600&q=85") center/cover}
.statement.earthStatement{background:linear-gradient(135deg,var(--earth-soil),var(--earth-fern))}
.earthSite .btn{background:var(--earth-leaf)}
.earthSite .enroll{background:linear-gradient(135deg,#0f2418,#0d1a12)}
.earthSite footer{background:#0d1a12}
.visit{background:var(--earth-fern);color:#fff}
.visit h2{font-family:Georgia,serif}
.visit .lead{color:#e3f1e7}
.visit p{color:#cfe3d5}
.visit .rows{color:#171717}
.visit .rows th:last-child,.visit .rows td:last-child{width:0;padding:0}
.earthSite .btnGhost{background:transparent;color:var(--earth-leaf);border:1.5px solid var(--earth-leaf)}

/* Aloha ʻĀina ʻe mālama iā Puna prospectus */
.community .who h3{color:var(--earth-leaf)}
.statusNote{background:#fff7e6;border-left:4px solid #b7791f;border-radius:0 12px 12px 0;padding:14px 18px;color:#5c4813;margin-bottom:26px}
.launchSteps{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;max-width:960px}
.launchSteps li{position:relative;padding-left:34px;line-height:1.6;color:#e3f1e7}
.launchSteps li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border:2px solid #9fc7ae;border-radius:4px}
@media(max-width:700px){.launchSteps{grid-template-columns:1fr}}
.community h2{font-family:Georgia,serif}

/* Keep course anchors visible below the fixed navigation. */
.earthSite .workshop[id]{scroll-margin-top:100px}
#earthbound .prose a{color:#c8f4d7}

/* Classes grouped by kind; three cards a row on wide screens */
.courseGroup{margin-top:56px}
.courseGroup .groupTitle{margin:0;font-family:Georgia,serif;font-size:30px;font-weight:400;color:#f3fbf5}
.courseGroup .groupLead{margin:8px 0 0;max-width:640px;color:#c8e6d2;line-height:1.6}
.courseGroup .workshopGrid{margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.courseGroup .retreat{grid-column:auto}
.involveBox{margin-top:24px;max-width:720px}

/* Phones: show the top menu as one swipeable row under the logo. */
@media(max-width:900px){
  .earthSite .nav{flex-wrap:wrap;row-gap:6px}
  .earthSite .brand{flex:1 1 0;min-width:0}
  .earthSite .navlinks{display:flex;order:3;width:100%;overflow-x:auto;gap:18px;white-space:nowrap;padding:4px 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .earthSite .navlinks::-webkit-scrollbar{display:none}
  .earthSite .navlinks a{padding:6px 0}
  .earthSite section[id]{scroll-margin-top:120px}
}

/* Phones: swipe sideways through each group of classes instead of one long column. */
@media(max-width:900px){
  .earthSite .workshopGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;-webkit-overflow-scrolling:touch}
  .earthSite .workshopGrid>.workshop{flex:0 0 86%;scroll-snap-align:start}
}

/* Phones: headline fits on the first screen with its buttons. */
.earthSite .hero h1 .pop{display:block;margin-top:.15em;color:#c8f4d7;font-style:italic}
@media(max-width:620px){.earthSite .hero h1{font-size:34px;line-height:1.1}}