:root{
  --uo-primary:#0d6efd;
  --uo-whatsapp:#25D366;
  --uo-soft:#f1f5ff;
  --uo-radius:16px;
  --uo-soft-border:#e5e7eb;

  --fs-body:17px;
  --fs-body-sm:16px;
  --lh-body:1.65;
  --fs-small:.95rem;
}

/* A11y */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only:focus{position:static;width:auto;height:auto;clip:auto;white-space:normal;padding:8px 12px;background:#fff;border:2px solid var(--uo-primary);border-radius:8px}

/* Layout */
html,body{overflow-x:clip}
@supports not (overflow-x:clip){html,body{overflow-x:hidden}}

/* Tipografi */
html{font-size:100%}
body{font-size:var(--fs-body);line-height:var(--lh-body);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
@media (max-width:576px){body{font-size:var(--fs-body-sm)}}

.btn{font-size:.95rem}
.arm-menu-desktop .arm-pill .arm-label{font-size:.95rem}
.arm-menu-mobile .arm-m-pill{font-size:1rem}

/* Ultra-compact global */
main section{padding-top:6px!important;padding-bottom:6px!important}
.row{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}

/* Helpers */
.content-card-grid .c-media{aspect-ratio:16/9;overflow:hidden}
.content-card-grid .c-media img{width:100%;height:100%;object-fit:cover}

.embed-stub{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#f8fafc;font-size:14px;display:flex;align-items:center;justify-content:center}
.embed-stub a{text-decoration:none}
.embed-stub a:hover{text-decoration:underline}