/* Ghi chú số mũ riêng; không thay khung [r]. Thông số ReferenceTooltips:
   https://vi.wikipedia.org/wiki/MediaWiki:Gadget-ReferenceTooltips.css */
.nth-ref{vertical-align:super;font-size:75%;line-height:0;white-space:nowrap;}
.nth-ref .nth-ref-trigger,.nth-ref .nth-ref-missing{
  display:inline;margin:0;padding:0;border:0;background:none;border-radius:0;
  color:#36C;font:inherit;line-height:inherit;box-shadow:none;text-decoration:none;
}
.nth-ref .nth-ref-trigger{display:inline-block;line-height:1;cursor:pointer;}
.nth-ref .nth-ref-trigger:focus-visible{outline:2px solid #36C;outline-offset:2px;}
.nth-ref-popup{
  --ref-bg:#FFF;--ref-line:#C8CCD1;
  position:fixed;z-index:1200;inset:auto;margin:0;padding:0;
  width:max-content;max-width:min(27em,calc(100vw - 16px));min-width:0;
  overflow:visible;box-sizing:border-box;
  background:var(--ref-bg);color:#202122;border:1px solid var(--ref-line);border-radius:2px;
  box-shadow:0 20px 48px rgba(0,0,0,.2);
  font-family:var(--font-body,Inter),sans-serif;
  font-size:calc(var(--font-size-medium,1rem) * 13 / 14);font-weight:400;line-height:1.5;
  text-align:left;white-space:normal;overflow-wrap:anywhere;
}
.nth-ref-popup[hidden]{display:none;}
.nth-ref-popup::backdrop{background:transparent;pointer-events:none;}
.nth-ref-popup::before{content:"";position:absolute;left:0;right:0;top:100%;height:14px;pointer-events:auto;}
.nth-ref-popup[data-side="below"]::before{top:auto;bottom:100%;}
.nth-ref-header[hidden],.nth-ref-label[hidden]{display:none;}
.nth-ref-popup::after{
  content:"";position:absolute;left:var(--ref-tip-left,19px);bottom:-7.5px;
  width:13px;height:13px;box-sizing:border-box;background:var(--ref-bg);
  border-right:1px solid var(--ref-line);border-bottom:1px solid var(--ref-line);
  transform:rotate(45deg);pointer-events:none;
}
.nth-ref-popup[data-side="below"]::after{
  top:-7.5px;bottom:auto;border-right:0;border-bottom:0;
  border-left:1px solid var(--ref-line);border-top:1px solid var(--ref-line);
}
.nth-ref-scroll{padding:.7em .9em;max-height:var(--ref-available-height,calc(100dvh - 40px));overflow:auto;box-sizing:border-box;}
.nth-ref-popup p{margin:0;font-size:inherit;line-height:inherit;color:inherit;}
.nth-ref-popup p+p{margin-top:.5em;}
.nth-ref-popup ul{margin:.5em 0;padding-inline-start:2em;list-style:disc outside;}
.nth-ref-popup ul > li{display:list-item;list-style:disc outside;padding:0;margin:0 0 .25em;font:inherit;}
.nth-ref-popup ul > li.list-star{list-style-type:square;}
.nth-ref-popup .nth-text-list-line{display:list-item;list-style:disc outside;padding:0;margin:0 0 .25em 2em;font:inherit;}
.nth-ref-popup .nth-text-list-line.list-star{list-style-type:square;}
.nth-ref-popup :is(li.list-star,.nth-text-list-line)::before{content:none !important;display:none;}
.nth-ref-popup :is(li.list-star,.nth-text-list-line.list-star)::marker{color:#1A73E8;}
html[data-theme="dark"] .nth-ref-popup :is(li.list-star,.nth-text-list-line.list-star)::marker{color:#4C8DF6;}
.nth-ref-popup strong{font-weight:700;}
.nth-ref-popup .cat-ref{white-space:normal;overflow-wrap:anywhere;}
.nth-ref-popup a{color:#36C;text-decoration:none;}
.nth-ref-popup img{max-width:100%;height:auto;}
html[data-theme="dark"] .nth-ref-popup{--ref-bg:#101418;--ref-line:#54595D;color:#EAECF0;box-shadow:0 20px 48px rgba(0,0,0,1);}
html[data-theme="dark"] .nth-ref .nth-ref-trigger,html[data-theme="dark"] .nth-ref .nth-ref-missing,
html[data-theme="dark"] .nth-ref-popup a{color:#8AB4F8;}

/* Bảng chú thích ở đáy màn hình như Minerva/MobileFrontend, độc lập với khối [r].
   https://github.com/wikimedia/mediawiki-extensions-MobileFrontend/blob/master/resources/mobile.startup/references/ReferencesDrawer.less */
html.nth-ref-drawer-open,html.nth-ref-drawer-open body{overflow:hidden;}
html .nth-ref-popup[data-mode="mobile"]{
  left:0;right:0;bottom:0;top:auto;margin:0 auto;width:100%;max-width:500px;
  max-height:50dvh;border:0;border-radius:0;overflow:hidden;
  background:#000;color:#C8CCD1;box-shadow:none;font-size:.9rem;line-height:1.5;
}
.nth-ref-popup[data-mode="mobile"]::before,.nth-ref-popup[data-mode="mobile"]::after{content:none;}
.nth-ref-popup[data-mode="mobile"]::backdrop{background:rgba(0,0,0,.16);pointer-events:auto;}
.nth-ref-popup[data-mode="mobile"] .nth-ref-scroll{
  padding:10px 20px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain;
  scrollbar-gutter:stable;max-height:var(--ref-available-height,50dvh);
}
.nth-ref-popup[data-mode="mobile"] .nth-ref-header{
  display:flex;align-items:center;gap:14px;padding-bottom:20px;
  position:sticky;top:0;z-index:1;background:#000;
}
.nth-ref-popup[data-mode="mobile"] .nth-ref-header::before{
  content:"";position:absolute;left:0;right:0;top:-10px;height:10px;background:#000;
}
.nth-ref-header-icon{font:20px/24px Georgia,serif;color:#C8CCD1;}
.nth-ref-header-title{flex:1;font-size:.75em;letter-spacing:.2em;text-transform:uppercase;color:#C8CCD1;}
.nth-ref-popup .nth-ref-close{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:44px;height:44px;margin:-10px -10px -10px 0;padding:10px;
  border:0;border-radius:0;background:none;box-shadow:none;color:#A2A9B1;
  font:28px/24px Arial,sans-serif;cursor:pointer;
}
.nth-ref-close:focus-visible{outline:2px solid #69F;outline-offset:-2px;}
.nth-ref-popup[data-mode="mobile"] .nth-ref-label{margin-right:.2em;vertical-align:super;font-size:.75em;}
.nth-ref-popup[data-mode="mobile"] .nth-ref-body{display:inline;}
.nth-ref-popup[data-mode="mobile"] .nth-ref-body > p:first-child{display:inline;}
html .nth-ref-popup[data-mode="mobile"] a{color:#69F;}
@media(min-width:640px){html .nth-ref-popup[data-mode="mobile"]{max-height:400px;}}
