/* Experience Tabs - two-column layout with tabs */
.exp-tabs { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0px 20px; }
.exp-tabs-nav { display: flex; justify-content: center; gap: 40px; margin: 0 0 80px; flex-wrap: wrap; row-gap: 16px; }
.exp-tab { background: none; border: none; color: #333333; font: 400 18px 'KoPub Batang', serif; padding: 2px 4px 8px; cursor: pointer; position: relative; opacity: .5; transition: opacity .25s ease, color .25s ease; }
/* Underline indicator */
.exp-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform .25s ease; }
.exp-tab:hover, .exp-tab:focus { opacity: 1; outline: none; }
.exp-tab:hover::after, .exp-tab:focus::after { transform: scaleX(1); }
.exp-tab.is-active { color: var(--heading-primary); opacity: 1; }
.exp-tab.is-active::after { transform: scaleX(1); }
.exp-tabs-panels { width: 100%; }
.exp-tab-panel { display: none; }
.exp-tab-panel.is-active { display: block; }

.exp-row { display: grid; grid-template-columns: 1fr 578px; gap: 52px; align-items: start; }
.exp-col-text { display: flex; flex-direction: column; gap: 18px; }
.exp-title { color: var(--heading-primary); font: 400 36px/1.2 'KoPub Batang', serif; margin: 0; }
.exp-desc { color: var(--body-primary); font: 300 18px/1.6 'Work Sans', sans-serif; }
.exp-short-desc { color: var(--body-primary); font: 300 18px/1.6 'Work Sans', sans-serif; margin-top: -6px; }

.exp-inclusions { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.exp-inclusion { display: flex; align-items: center; gap: 14px; }
.exp-inclusion-icon { width: 28px; height: 28px; object-fit: contain; }
.exp-inclusion-bullet { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; background: #D1C5A3; color: #fff; align-items: center; justify-content: center; font: 600 18px/1 'Work Sans', sans-serif; }
.exp-inclusion-text { color: var(--heading-primary); font: 400 20px 'KoPub Batang', serif; }

.exp-image-wrap { width: 578px; height: 384px; overflow: hidden; }
.exp-image { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Responsive */
@media (max-width: 1023px) {
  .exp-row { grid-template-columns: 1fr; }
  .exp-image-wrap { width: 100%; height: auto; aspect-ratio: 578 / 384; }
}

/* Mobile: wrap tabs nicely onto multiple lines (no horizontal scroll) */
@media (max-width: 900px) {
  .exp-tabs { padding-left: 20px; padding-right: 20px; }
  .exp-tabs-nav {
    justify-content: center;
    gap: 16px 20px;       /* row x column gap */
    margin: 0 0 40px;
    padding: 0;
    flex-wrap: wrap;      /* allow wrapping to new lines */
    overflow: visible;    /* no scrollbars */
  }
  .exp-tab { flex: 0 1 auto; white-space: nowrap; }
}