/* AmbonManise v41.2 — Accessible font size controls */
.am42-font-control{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  height:38px;
  padding:3px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  box-sizing:border-box;
  flex:0 0 auto;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.am42-font-control button{
  width:29px;
  height:30px;
  padding:0;
  border:0;
  border-radius:999px;
  background:transparent;
  color:inherit;
  display:grid;
  place-items:center;
  font:800 18px/1 var(--am-font-body,Arial,sans-serif)!important;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease,opacity .18s ease;
}
.am42-font-control button:hover:not(:disabled),
.am42-font-control button:focus-visible{
  background:rgba(255,255,255,.18);
  outline:none;
}
.am42-font-control button:active:not(:disabled){transform:scale(.94)}
.am42-font-control button:disabled{opacity:.32;cursor:not-allowed}
.am42-font-a{
  min-width:15px;
  text-align:center;
  color:inherit;
  font:800 11px/1 var(--am-font-body,Arial,sans-serif)!important;
  opacity:.86;
  user-select:none;
}
.am42-mobile-font-row{display:none}

/* Light mobile drawer version */
@media(max-width:1040px){
  .am42-font-control-top{display:none!important}
  .am42-mobile-font-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    margin:7px 0 3px;
    padding:10px 12px;
    border:1px solid #e3ecef;
    border-radius:14px;
    background:#fff;
    color:#153746;
    box-sizing:border-box;
    font:700 13px/1.2 var(--am-font-body,Arial,sans-serif)!important;
  }
  .am42-mobile-font-row .am42-font-control{
    height:36px;
    border-color:#d9e6ea;
    background:#eef5f6;
    color:#153746;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .am42-mobile-font-row .am42-font-control button:hover:not(:disabled),
  .am42-mobile-font-row .am42-font-control button:focus-visible{background:#dcebed}
}

/* Keep the desktop controls compact when navigation is tight. */
@media(min-width:1041px) and (max-width:1240px){
  .am42-font-control-top{padding:3px 2px}
  .am42-font-control-top .am42-font-a{display:none}
  .am42-font-control-top button{width:27px}
}

/* Better contrast when the site's light theme places nav tools on a light surface. */
body.inner-page .am42-font-control,
html[data-theme="light"] body.inner-page .am42-font-control-top{
  border-color:rgba(255,255,255,.22);
}
