/* Floating layers: modal, toast, translation note. */
.modal{position:fixed;inset:0;background:rgba(19,45,40,.4);display:none;align-items:center;justify-content:center;z-index:80;padding:20px;}
.modal.show{display:flex;}
.modal .box{background:#fff;border-radius:16px;padding:26px;max-width:560px;width:100%;max-height:80vh;overflow:auto;}
.modal h3{font-family:var(--serif);font-weight:500;font-size:var(--t-2xl);margin:0 0 12px;}
.modal ul{padding-left:18px;font-size:14px;color:var(--ink-2);}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:100px;font-size:13px;z-index:70;opacity:0;transition:opacity .2s;pointer-events:none;}
.toast.show{opacity:1;}
.to-top{display:inline-flex;align-items:center;gap:5px;position:fixed;right:20px;bottom:22px;z-index:60;background:var(--ink);color:#fff;border:none;border-radius:100px;padding:10px 16px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px rgba(19,45,40,.22);}
.to-top:hover{background:var(--emerald);}
.lang-note{font-size:var(--t-xs);color:var(--muted);text-align:center;padding:8px 0 0;display:none;}
html[lang=ar] .lang-note,html[lang=id] .lang-note,html[lang=ms] .lang-note{display:block;}