/* Explore Puncak Guide Hub — Planning & Decision Center v0.32.1
 * Scoped locally. Does not alter Flatsome header/menu/logo or global Core typography.
 * Typography follows locked v0.29.1 role scale: H1 44/34, H2 24, H3 16, body 11, meta 10, buttons 12.
 */
body.ep-core-hub-guides #main{padding:0!important;background:#fff!important}
.ep-guide-hub,.ep-guide-hub *{box-sizing:border-box}
.ep-guide-hub{font-family:Calibri,"Segoe UI",Arial,sans-serif!important;color:#173a2d;background:#fff;font-size:11px!important;line-height:1.55}
.ep-guide-hub a,.ep-guide-hub button,.ep-guide-hub summary{font-family:Calibri,"Segoe UI",Arial,sans-serif!important}
.ep-guide-hub h2{margin:0;color:#153b2d!important;font-family:Calibri,"Segoe UI",Arial,sans-serif!important;font-size:24px!important;line-height:1.12!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.ep-guide-hub h3{margin:0;color:#183d30!important;font-family:Calibri,"Segoe UI",Arial,sans-serif!important;font-size:16px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.ep-guide-hub p{margin:5px 0 0;color:#687970;font-family:Calibri,"Segoe UI",Arial,sans-serif!important;font-size:11px!important;line-height:1.55!important;font-weight:400!important}
.ep-guide-hub small{font-size:10px!important}
.ep-guide-hub svg{width:20px;height:20px;fill:currentColor;flex:none}

/* Shared Hero alignment v0.32.1:
 * no Guide-specific hero height, overlay, image split, H1, paragraph or button overrides.
 * EP_Core_Shared_Hero + frontend.css remain the sole hero presentation owners,
 * matching Villa, Kendaraan and Hotel & Venue hubs.
 */
.epg-service-band{position:relative;z-index:5;padding:16px 0 2px;background:#fff}
.epg-service-band .ep-hub-service-nav{margin-bottom:12px}

.epg-section{padding:28px 0}
.epg-section.epg-soft{background:#f6f8f4}
.epg-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}
.epg-section-head>div{min-width:0}
.epg-section-head>a{color:#0b6848!important;font-size:11px!important;font-weight:700;text-decoration:none!important;white-space:nowrap}

.epg-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.epg-guide-card{overflow:hidden;border:1px solid #dfe8e2;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(18,60,44,.04)}
.epg-guide-image{position:relative;display:block;height:150px;overflow:hidden;background:#eef4ef}
.epg-guide-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.epg-guide-card:hover .epg-guide-image img{transform:scale(1.02)}
.epg-guide-image span{position:absolute;left:12px;top:12px;display:grid;place-items:center;min-width:38px;height:34px;padding:0 9px;border-radius:7px;background:#0b6748;color:#fff;font-size:16px;font-weight:700}
.epg-guide-card>div{padding:14px}
.epg-guide-card h3 a{color:#173f31!important;text-decoration:none!important}
.epg-guide-card p{min-height:51px}
.epg-text-link{display:inline-block;margin-top:10px;color:#0b6848!important;font-size:11px!important;font-weight:700;text-decoration:none!important}

/* Article discovery library — normal WordPress categories drive the filters. */
.epg-article-library{background:#fbfcfa}
.epg-article-count{color:#6b7c73;font-size:10px!important;font-weight:700;white-space:nowrap}
.epg-category-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
.epg-category-filters button{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0!important;padding:0 12px!important;border:1px solid #d9e5dd!important;border-radius:999px!important;background:#fff!important;color:#3b5a4c!important;box-shadow:none!important;font-family:Calibri,"Segoe UI",Arial,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1!important;text-transform:none!important;cursor:pointer}
.epg-category-filters button span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#edf4ef;color:#5c7165;font-size:10px!important}
.epg-category-filters button.is-active{border-color:#0b6848!important;background:#0b6848!important;color:#fff!important}
.epg-category-filters button.is-active span{background:rgba(255,255,255,.16);color:#fff}
.epg-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.epg-article-card{overflow:hidden;border:1px solid #dfe8e2;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(18,60,44,.04)}
.epg-article-card[hidden]{display:none!important}
.epg-article-photo{display:block;height:145px;overflow:hidden;background:#eef4ef}
.epg-article-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.epg-article-card:hover .epg-article-photo img{transform:scale(1.02)}
.epg-article-body{padding:13px 14px 14px}
.epg-article-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#7b8b83;font-size:10px!important}
.epg-article-meta span{color:#0b6848;font-weight:700}
.epg-article-body h3{margin:0}
.epg-article-body h3 a{color:#173f31!important;text-decoration:none!important}
.epg-article-body p{min-height:51px}
.epg-filter-empty{padding:22px;border:1px dashed #cad9d0;border-radius:10px;background:#fff;text-align:center}

.epg-soft>.ep-shell{padding:16px;border-radius:12px;background:linear-gradient(135deg,#f1f6ef,#f8faf6);border:1px solid #e0e9e2}
.epg-decision-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.epg-decision-card{display:flex;min-height:118px;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:1px solid #e0e8e3;border-radius:9px;background:#fff;color:#173d30!important;text-align:center;text-decoration:none!important;transition:.18s ease}
.epg-decision-card:hover{border-color:#bfd3c6;transform:translateY(-1px)}
.epg-decision-card svg{width:26px;height:26px;margin-bottom:9px;color:#0b6848}
.epg-decision-card strong{max-width:150px;font-size:11px!important;line-height:1.3}
.epg-decision-card span{margin-top:9px;color:#0b6848;font-size:10px!important;font-weight:700}

.epg-check-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px;align-items:stretch}
.epg-check-image{overflow:hidden;min-height:245px;border-radius:10px;background:#edf2ed}
.epg-check-image img{display:block;width:100%;height:100%;object-fit:cover}
.epg-check-content{display:flex;flex-direction:column;justify-content:center}
.epg-checklist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0}
.epg-checklist>div{display:flex;align-items:center;gap:8px;min-height:52px;padding:10px;border:1px solid #e0e8e3;border-radius:8px;background:#fff;color:#284a3d}
.epg-checklist svg{width:19px;height:19px;color:#0b6848}
.epg-checklist span{font-size:11px!important;font-weight:600}
.epg-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:8px;min-height:48px;height:48px;padding:0 18px;border-radius:8px;background:#0b6848;color:#fff!important;font-size:12px!important;font-weight:700;text-decoration:none!important}
.epg-btn svg{width:18px;height:18px}

.epg-choice-section{padding-top:18px}
.epg-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.epg-choice-card{overflow:hidden;border:1px solid #dfe8e2;border-radius:10px;background:#fff;color:inherit!important;text-decoration:none!important;box-shadow:0 7px 20px rgba(18,60,44,.035)}
.epg-choice-card>img{display:block;width:100%;height:100px;object-fit:cover}
.epg-choice-body{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:12px}
.epg-choice-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#eef6ef;color:#0b6848}
.epg-choice-icon svg{width:18px;height:18px}
.epg-choice-body p{min-height:34px;margin-top:3px}
.epg-choice-body strong{display:block;margin-top:7px;color:#0b6848;font-size:10px!important}

.epg-bottom-section{padding-top:12px;padding-bottom:38px}
.epg-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.epg-faq{padding:15px;border:1px solid #dfe8e2;border-radius:10px;background:#fff}
.epg-faq header{margin-bottom:7px}
.epg-faq details{border-bottom:1px solid #e3e9e5}
.epg-faq details:last-child{border-bottom:0}
.epg-faq summary{position:relative;padding:10px 26px 10px 0;color:#274a3c;font-size:11px!important;font-weight:700;cursor:pointer;list-style:none}
.epg-faq summary::-webkit-details-marker{display:none}
.epg-faq summary:after{content:"⌄";position:absolute;right:2px;top:9px;color:#0b6848;font-size:14px}
.epg-faq details[open] summary:after{content:"⌃"}
.epg-faq details p{padding:0 20px 10px 0}
.epg-consult{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;min-height:100%;padding:23px;border-radius:10px;background-size:cover;background-position:center;color:#fff}
.epg-consult small{display:block;color:#bee1c5;font-size:10px!important;font-weight:700;letter-spacing:.1em}
.epg-consult h2{margin-top:6px;color:#fff!important}
.epg-consult p{max-width:420px;color:#eaf3ed!important}
.epg-consult a{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:15px;padding:0 16px;border-radius:8px;background:#fff;color:#154631!important;font-size:12px!important;font-weight:700;text-decoration:none!important}
.epg-consult a svg{width:18px;height:18px}
.epg-consult ul{align-self:center;margin:0;padding:0;list-style:none;display:grid;gap:8px}
.epg-consult li{display:flex;align-items:center;gap:7px;color:#f2f8f4;font-size:11px!important}
.epg-consult li svg{width:16px;height:16px;color:#cce7cf}

@media(max-width:1050px){
  .epg-decision-grid{grid-template-columns:repeat(3,1fr)}
  .epg-article-grid{grid-template-columns:repeat(2,1fr)}
  .epg-checklist{grid-template-columns:repeat(2,1fr)}
  .epg-choice-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .epg-guide-grid,.epg-article-grid,.epg-bottom-grid,.epg-check-grid{grid-template-columns:1fr}
  .epg-guide-image{height:175px}
  .epg-decision-grid{grid-template-columns:repeat(2,1fr)}
  .epg-check-image{min-height:210px}
  .epg-consult{grid-template-columns:1fr}
}
@media(max-width:520px){
  .epg-section{padding:24px 0}
  .epg-section-head{align-items:flex-start;flex-direction:column;gap:4px}
  .epg-section-head>a{white-space:normal}
  .epg-category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
  .epg-category-filters button{flex:0 0 auto}
  .epg-decision-grid,.epg-checklist,.epg-choice-grid{grid-template-columns:1fr}
  .epg-decision-card{min-height:96px}
  .epg-choice-card>img{height:135px}
  .epg-btn{width:100%}
}