/* Aksara Nusantara v0.8.6 — single character-detail design shared by
   catalogue and SEO landing pages. Only these modals are affected. */
.an-seo-character-dialog.an-character-modal,
#an-root.an-museum-theme .an-modal.an-character-modal {
  box-sizing:border-box!important;
  width:min(408px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  min-width:0!important;
  height:fit-content!important;min-height:0!important;
  max-height:calc(100dvh - 24px);
  padding:0!important;margin:auto;
  border:0!important;border-radius:16px!important;
  background:#fff!important;color:#29463f;
  text-align:center;box-shadow:0 25px 65px rgba(11,31,28,.26);
  overflow:visible!important;
  font-family:inherit;
}
.an-seo-character-dialog.an-character-modal::backdrop{background:rgba(13,36,32,.72)}
#an-root.an-museum-theme .an-modal-wrap{
  background:rgba(13,36,32,.72);z-index:999999;
  overflow-y:auto;align-items:safe center;justify-content:safe center;
  padding:12px;
}
.an-character-modal *, .an-character-modal *::before,.an-character-modal *::after {box-sizing:border-box}
.an-character-modal .an-character-inner {position:relative;padding:19px 22px 19px;text-align:center}
.an-seo-character-dialog.an-character-modal .an-character-close,
#an-root.an-museum-theme .an-modal.an-character-modal .an-character-close {
  position:absolute!important;right:10px!important;top:10px!important;
  display:grid!important;place-items:center!important;
  width:30px!important;min-width:30px!important;max-width:30px!important;
  height:30px!important;min-height:30px!important;max-height:30px!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:9px!important;
  box-shadow:none!important;transform:none!important;
  background:#f1f0ed!important;color:#31524b!important;
  font-family:inherit!important;font-weight:500!important;
  font-size:18px!important;line-height:1!important;
  text-shadow:none!important;letter-spacing:0!important;
  cursor:pointer;
}
.an-character-modal .an-character-close:hover{background:#e8e4ee!important}
.an-character-modal .an-character-close:focus-visible{outline:2px solid #705cb5!important;outline-offset:2px}
.an-character-modal .an-character-eyebrow {
  display:block;margin:2px 32px 12px;
  font-family:inherit;font-size:11px;line-height:1.4;
  font-weight:500;color:#647b73;letter-spacing:.02em;
}
#an-root.an-museum-theme .an-modal.an-character-modal .an-character-glyph,
.an-seo-character-dialog.an-character-modal .an-character-glyph {
  display:grid;place-items:center;
  width:100%;height:136px;min-height:136px;
  padding:6px;margin:0!important;
  background:#f3f5ef;border:0;border-radius:13px!important;
  color:#23504a;
  font-family:'Noto Sans Javanese','Noto Sans Sundanese','Noto Sans Balinese','Noto Sans Batak','Noto Sans Buginese','Noto Sans Rejang','Noto Sans Kawi','Noto Serif Makasar',sans-serif;
  font-size:clamp(58px,9vw,86px);line-height:1.35;
  overflow-wrap:anywhere;overflow:hidden;
}
.an-seo-character-dialog.an-character-modal .an-character-heading,
#an-root.an-museum-theme .an-modal.an-character-modal .an-character-heading{
  font-family:inherit!important;font-size:24px!important;font-weight:700!important;
  line-height:1.2!important;letter-spacing:0!important;
  color:#7059b5!important;text-transform:none!important;
  margin:10px 0 15px!important;padding:0!important;
}
.an-seo-character-dialog.an-character-modal .an-character-facts,
#an-root.an-museum-theme .an-modal.an-character-modal .an-character-facts {
  display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;
  gap:6px 10px!important;
  width:100%;padding:0!important;margin:0 0 17px!important;
  text-align:left;font-family:inherit;
  font-size:12px;line-height:1.35;
}
.an-character-modal .an-character-facts dt,
.an-character-modal .an-character-facts dd {
  padding:0;margin:0!important;min-width:0;
  font-family:inherit;font-size:12px!important;
  font-weight:400!important;line-height:1.35!important;
  text-transform:none;overflow-wrap:anywhere;
}
.an-character-modal .an-character-facts dt {color:#84938c!important;text-transform:uppercase}
.an-character-modal .an-character-facts dd {color:#35534b!important}
.an-character-modal .an-character-actions {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;align-items:stretch;margin:0;padding:0;
}
.an-seo-character-dialog.an-character-modal .an-character-actions button,
#an-root.an-museum-theme .an-modal.an-character-modal .an-character-actions button {
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:42px!important;
  margin:0!important;padding:9px 8px!important;
  border-radius:10px!important;box-shadow:none!important;
  font-family:inherit!important;font-size:12px!important;
  font-weight:700!important;line-height:1.3!important;
  letter-spacing:0!important;text-transform:none!important;
  text-align:center!important;white-space:normal!important;
  cursor:pointer;
}
.an-seo-character-dialog.an-character-modal .an-character-actions .an-character-primary,
#an-root.an-museum-theme .an-modal.an-character-modal .an-character-actions .an-character-primary{
  color:#fff!important;border:1px solid #705cb5!important;background:#705cb5!important;
}
.an-seo-character-dialog.an-character-modal .an-character-actions .an-character-primary:hover,
#an-root.an-museum-theme .an-modal.an-character-modal .an-character-actions .an-character-primary:hover{
  background:#5d4c96!important;
}
.an-seo-character-dialog.an-character-modal .an-character-actions .an-character-secondary,
#an-root.an-museum-theme .an-modal.an-character-modal .an-character-actions .an-character-secondary{
  background:#fff!important;color:#164d45!important;border:1px solid #705cb5!important;
}
.an-character-modal .an-character-actions button:focus-visible{outline:2px solid #a99ad9!important;outline-offset:2px}
.an-character-modal .an-character-actions button:disabled{opacity:.55;cursor:not-allowed}
.an-character-modal .an-character-feedback{
  margin:8px 0 0;padding:0;font:inherit;font-size:11px;color:#4e635b;
  line-height:1.4;text-align:center;
}
.an-character-modal .an-character-feedback:empty{display:none}
@media(max-width:600px){
  .an-character-modal .an-character-inner{padding:17px 16px}
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-glyph,
  .an-seo-character-dialog.an-character-modal .an-character-glyph{height:124px;min-height:124px;font-size:70px}
  .an-seo-character-dialog.an-character-modal .an-character-facts,
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-facts{grid-template-columns:90px minmax(0,1fr)!important}
  .an-seo-character-dialog.an-character-modal .an-character-actions button,
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-actions button{font-size:11px!important;padding:8px 6px!important}
}
@media(max-height:640px){
  .an-character-modal .an-character-inner{padding-top:13px;padding-bottom:13px}
  .an-character-modal .an-character-eyebrow{margin-top:0;margin-bottom:8px}
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-glyph,
  .an-seo-character-dialog.an-character-modal .an-character-glyph{height:98px;min-height:98px;font-size:68px}
  .an-seo-character-dialog.an-character-modal .an-character-heading,
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-heading{margin:7px 0 10px!important;font-size:22px!important}
  .an-seo-character-dialog.an-character-modal .an-character-facts,
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-facts{gap:4px 9px!important;margin-bottom:12px!important}
  .an-seo-character-dialog.an-character-modal .an-character-actions button,
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-actions button{min-height:38px!important;padding:7px 7px!important}
}
@media(max-height:450px){
  #an-root.an-museum-theme .an-modal-wrap{padding:8px}
  .an-character-modal .an-character-inner{padding:9px 13px}
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-glyph,
  .an-seo-character-dialog.an-character-modal .an-character-glyph{height:64px;min-height:64px;font-size:49px}
  .an-character-modal .an-character-eyebrow{margin-bottom:3px}
  .an-seo-character-dialog.an-character-modal .an-character-heading,
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-heading{margin:5px 0 7px!important;font-size:19px!important}
  .an-seo-character-dialog.an-character-modal .an-character-facts,
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-facts{gap:2px 8px!important;margin-bottom:8px!important}
  .an-seo-character-dialog.an-character-modal .an-character-actions button,
  #an-root.an-museum-theme .an-modal.an-character-modal .an-character-actions button{min-height:33px!important;padding:5px 4px!important}
}
@media(prefers-reduced-motion:reduce){.an-character-modal *{transition:none!important}}