/* Requested finishing pass, scoped to Daftar Cepat. */
body[data-design="direct"] { --oh-action-ink: #fff; }
body[data-design="direct"] .oh-primary,
body[data-design="direct"] .oh-final .oh-primary,
body[data-design="direct"] .oh-final-ticket > .oh-primary,
body[data-design="direct"] .oh-sticky .oh-primary,
body[data-design="direct"] .oh-form-nav > .oh-primary,
body[data-design="direct"] .oh-flyer-registration > .oh-primary { color: #fff; }
body[data-design="direct"] .oh-primary :is(span,strong,small,b,i) { color: inherit; }
body[data-design="direct"] .oh-primary svg { stroke: currentColor; }
body[data-design="direct"] .oh-primary:hover { color: #fff; background: #e85614; filter: none; }
body[data-design="direct"] .oh-section-head > .oh-kicker::before,
body[data-design="direct"] .oh-kicker::before,
body[data-design="direct"] .oh-kicker::after { display: none; content: none; }
body[data-design="direct"] :is(.oh-section,.oh-trial,.oh-campus-proof,.oh-program-visit,.oh-program-schedule) { border-top: 0; }
body[data-design="direct"] :is(.oh-section-head,.oh-trial-head,.oh-kicker) { border-top: 0; }

/* Every PROSULA destination, in two continuously moving, manually scrollable rows. */
body[data-design="direct"] .oh-campus-proof { margin-top: 24px; padding-top: 0; }
body[data-design="direct"] .oh-campus-collection { --oh-campus-width: 126px; --oh-campus-gap: 18px; --oh-campus-paper: #fafaf8; min-width: 0; color: #52617b; }
body[data-design="direct"] .oh-campus-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin-bottom: 8px; }
body[data-design="direct"] .oh-campus-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 44px; min-height: 44px; padding: 7px; border: 1px solid #d5dfed; border-radius: 50%; background: #edf2f8; color: #214586; font-size: 10px; line-height: 1.5; }
body[data-design="direct"] .oh-campus-toggle > [aria-hidden] { font-size: 19px; line-height: 1; }
body[data-design="direct"] .oh-campus-toggle:hover { color: #214586; }
body[data-design="direct"] .oh-campus-marquee { position: relative; min-width: 0; isolation: isolate; }
body[data-design="direct"] .oh-campus-marquee::before,
body[data-design="direct"] .oh-campus-marquee::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 2; width: 25px; pointer-events: none; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
body[data-design="direct"] .oh-campus-marquee::before { left: 0; background: linear-gradient(90deg,var(--oh-campus-paper),transparent); mask-image: linear-gradient(90deg,#000,transparent); -webkit-mask-image: linear-gradient(90deg,#000,transparent); }
body[data-design="direct"] .oh-campus-marquee::after { right: 0; background: linear-gradient(270deg,var(--oh-campus-paper),transparent); mask-image: linear-gradient(270deg,#000,transparent); -webkit-mask-image: linear-gradient(270deg,#000,transparent); }
body[data-design="direct"] .oh-campus-lane { min-width: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #b9c5d8 transparent; scroll-behavior: auto; outline-offset: 1px; touch-action: pan-x pan-y; cursor: grab; }
body[data-design="direct"] .oh-campus-lane + .oh-campus-lane { margin-top: 12px; }
body[data-design="direct"] .oh-campus-lane::-webkit-scrollbar { height: 3px; }
body[data-design="direct"] .oh-campus-lane::-webkit-scrollbar-thumb { border-radius: 9px; background: #c4cede; }
body[data-design="direct"] .oh-campus-track { display: flex; width: max-content; }
body[data-design="direct"] .oh-campus-group { display: flex; align-items: stretch; flex: 0 0 auto; width: max-content; gap: var(--oh-campus-gap); padding: 5px var(--oh-campus-gap) 9px 0; margin: 0; list-style: none; }
body[data-design="direct"] .oh-campus-destination { flex: 0 0 var(--oh-campus-width); width: var(--oh-campus-width); min-width: 0; mix-blend-mode: multiply; }
body[data-design="direct"] .oh-campus-destination > a { display: flex; align-items: center; flex-direction: column; gap: 13px; min-height: 115px; padding: 7px 3px; border: 0; border-radius: 3px; color: #52617b; text-decoration: none; text-align: center; }
body[data-design="direct"] .oh-campus-mark { display: flex; align-items: center; justify-content: center; flex: 0 0 58px; width: 100%; max-width: 116px; height: 58px; overflow: hidden; }
body[data-design="direct"] .oh-campus-mark > img { display: block; width: auto; height: auto; max-width: 110px; max-height: 56px; object-fit: contain; }
body[data-design="direct"] .oh-campus-mark.is-ink > img { filter: brightness(0) opacity(.78); }
body[data-design="direct"] .oh-campus-mark.is-paper > img { filter: brightness(1.03); }
body[data-design="direct"] .oh-campus-mark.is-crop-ibik { width: 72px; }
body[data-design="direct"] .oh-campus-mark.is-crop-ibik > img { flex: none; width: 216px; height: auto; max-width: none; max-height: none; object-fit: initial; transform: translateX(72px); }
body[data-design="direct"] .oh-campus-name { max-width: 124px; color: #60708b; font-size: 10px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
body[data-design="direct"] .oh-campus-destination > a:hover .oh-campus-name { color: #214586; }
body[data-design="direct"] .oh-campus-collection[data-reduced="true"] [data-campus-clone] { display: none; }
body[data-design="direct"] :is(.oh-campus-lane,.oh-campus-toggle,.oh-campus-destination > a):focus-visible { outline: 2px solid #aa6943; outline-offset: -2px; }
@media (min-width: 600px) {
  body[data-design="direct"] .oh-campus-collection { --oh-campus-width: 148px; --oh-campus-gap: 23px; }
  body[data-design="direct"] .oh-campus-proof { margin-top: 32px; padding-top: 0; }
  body[data-design="direct"] .oh-campus-heading { margin-bottom: 8px; }
  body[data-design="direct"] .oh-campus-toggle { font-size: 11px; }
  body[data-design="direct"] .oh-campus-marquee::before,
  body[data-design="direct"] .oh-campus-marquee::after { width: 44px; }
  body[data-design="direct"] .oh-campus-mark { flex-basis: 65px; height: 65px; max-width: 132px; }
  body[data-design="direct"] .oh-campus-mark > img { max-width: 124px; max-height: 62px; }
  body[data-design="direct"] .oh-campus-name { max-width: 142px; font-size: 11px; }
  body[data-design="direct"] .oh-campus-destination > a { min-height: 127px; }
}
html[data-motion-mode="reduced"] body[data-design="direct"] [data-campus-clone] { display: none; }
@media (prefers-reduced-motion: reduce) {
  body[data-design="direct"] [data-campus-clone] { display: none; }
}
@media print {
  body[data-design="direct"] .oh-campus-toggle,
  body[data-design="direct"] [data-campus-clone],
  body[data-design="direct"] .oh-campus-marquee::before,
  body[data-design="direct"] .oh-campus-marquee::after { display: none; }
  body[data-design="direct"] .oh-campus-lane { overflow: visible; }
  body[data-design="direct"] .oh-campus-track { width: 100%; }
  body[data-design="direct"] .oh-campus-group { flex-wrap: wrap; width: 100%; }
}

/* Keep native touch scrolling and make desktop dragging independent of links/images. */
body[data-design="direct"] .oh-campus-lane a { cursor: grab; user-select: none; -webkit-user-select: none; }
body[data-design="direct"] .oh-campus-lane img { -webkit-user-drag: none; }
body[data-design="direct"] .oh-campus-lane.is-dragging,
body[data-design="direct"] .oh-campus-lane.is-dragging a { cursor: grabbing; }
body[data-design="direct"] .oh-campus-toggle[aria-pressed="true"] { background: #214586; border-color: #214586; color: #fff; }
body[data-design="direct"] .oh-campus-toggle[hidden] { display: none; }
/* One spacing scale: section boundaries, inner content, and continuous backgrounds. */
body[data-design="direct"] {
  --oh-section-space: 48px;
  --oh-section-gap: 64px;
  --oh-content-gap: 24px;
}
body[data-design="direct"] .oh-section { padding-block: var(--oh-section-space); margin-block: 0; }
body[data-design="direct"] .oh-flyer-hero { padding-bottom: calc(var(--oh-section-gap) / 2); }
body[data-design="direct"] .oh-program { padding-top: calc(var(--oh-section-gap) / 2); }
body[data-design="direct"] .oh-explore { padding-bottom: calc(var(--oh-section-gap) / 2); }
body[data-design="direct"] :is(.oh-units,.oh-voices) { padding-block: calc(var(--oh-section-gap) / 2); }
body[data-design="direct"] .oh-location { padding-top: calc(var(--oh-section-gap) / 2); }
body[data-design="direct"] .oh-section-head { margin-block: 0 var(--oh-content-gap); }
body[data-design="direct"] .oh-program > .oh-section-head { margin-bottom: var(--oh-content-gap); }
body[data-design="direct"] .oh-section-head > :first-child { margin-top: 0; }
body[data-design="direct"] .oh-section-head > :last-child { margin-bottom: 0; }
body[data-design="direct"] :is(.oh-agenda-steps,.oh-arrival-flow) { margin-top: 0; }
body[data-design="direct"] .oh-trial { margin-top: var(--oh-section-gap); padding-top: 0; }
body[data-design="direct"] .oh-trial-showcase { margin-top: var(--oh-content-gap); }
body[data-design="direct"] :is(.oh-offer-banner,.oh-campus-proof) { margin-top: var(--oh-content-gap); }
body[data-design="direct"] .oh-campus-proof { padding-top: 0; }
body[data-design="direct"] .oh-arrival > .oh-primary { margin-top: var(--oh-content-gap); }
body[data-design="direct"] .oh-section.oh-final-invitation { padding-block: var(--oh-section-space) calc(var(--oh-section-gap) / 2); }
body[data-design="direct"] .oh-final-inner { gap: var(--oh-content-gap); }
body[data-design="direct"] .oh-footer-inner { padding-top: calc(var(--oh-section-gap) / 2); }
@media (min-width: 600px) {
  body[data-design="direct"] { --oh-section-space: 64px; --oh-section-gap: 80px; --oh-content-gap: 32px; }
}
@media (min-width: 1100px) {
  body[data-design="direct"] { --oh-section-space: 80px; --oh-section-gap: 96px; --oh-content-gap: 40px; }
}