/* DaoPhim v11: consistent compact filter popovers + native-first static pages. */
/* Fallback: even without JavaScript the browser's native select uses smaller options. */
body.dao-body .dao-v10-filter-grid select { font-size:13px!important; }
body.dao-body .dao-v10-filter-grid select option,
body.dao-body .dao-v10-filter-grid select optgroup {
  font-size:12px!important; font-family:Inter,system-ui,sans-serif!important;
  font-weight:400!important; line-height:1.35!important;
}
.dao-v10-filter-grid .dao-v11-select { position:relative;display:block;width:100%;min-width:0; }
.dao-v10-filter-grid .dao-v11-select.is-open { z-index:120; }
/* Hidden only after JS has built an accessible button/listbox. The real select
   remains inside the form to preserve GET, FormData and filtering semantics. */
.dao-v10-filter-grid .dao-v11-select.is-ready > select {
  position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
  opacity:0!important;pointer-events:none!important;border:0!important;
}
body.dao-body .dao-v10-filter-grid .dao-v11-select-trigger {
  display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
  height:41px;min-width:0;padding:0 11px 0 12px;border:1px solid transparent;
  border-radius:4px;background:#1e293b!important;color:#f8fbff!important;
  font-family:Inter,system-ui,sans-serif;font-size:13px!important;font-weight:500;
  line-height:1.4;text-align:left;cursor:pointer;box-shadow:none!important;
}
.dao-v11-select-trigger .dao-v11-select-label {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.dao-v11-select-trigger svg { flex:none;width:15px;height:15px;transition:transform .16s; }
.dao-v11-select.is-open .dao-v11-select-trigger svg{transform:rotate(180deg);}
body.dao-body .dao-v10-filter-grid .dao-v11-select-trigger:hover,
body.dao-body .dao-v10-filter-grid .dao-v11-select.is-open .dao-v11-select-trigger {background:#27364b!important;border-color:#b47b42;}
body.dao-body .dao-v10-filter-grid .dao-v11-select-trigger:focus-visible {
  outline:2px solid #ce8948;outline-offset:2px;
}
.dao-v10-filter-grid .dao-v11-select-list {
  position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:121;
  display:flex;flex-direction:column;gap:1px;max-height:250px;overflow-x:hidden;overflow-y:auto;
  padding:4px;border:1px solid #35435a;border-radius:7px;
  background:#1e293b;box-shadow:0 16px 40px #000a;
  overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#52627a #1e293b;
}
.dao-v10-filter-grid .dao-v11-select-list[hidden] {display:none!important;}
body.dao-body .dao-v10-filter-grid .dao-v11-select-option {
  flex:none;display:block;width:100%;min-height:31px;margin:0;padding:6px 10px;
  border:0;border-radius:4px;background:transparent!important;color:#eef2f8!important;
  font-family:Inter,system-ui,sans-serif;font-size:12.5px!important;font-weight:400!important;
  line-height:1.35;text-align:left;white-space:normal;word-break:normal;
  cursor:pointer;box-shadow:none!important;
}
body.dao-body .dao-v10-filter-grid .dao-v11-select-option:hover,
body.dao-body .dao-v10-filter-grid .dao-v11-select-option:focus-visible {background:#30425d!important;outline:none;}
body.dao-body .dao-v10-filter-grid .dao-v11-select-option[aria-selected="true"] {
  background:#344a65!important;color:#fff!important;font-weight:600!important;
}
@media (max-width:767.98px) {
  body.dao-body .dao-v10-filter-grid .dao-v11-select-trigger {height:40px;font-size:12.5px!important;}
  body.dao-body .dao-v10-filter-grid .dao-v11-select-option {font-size:12px!important;}
  .dao-v10-filter-grid .dao-v11-select-list {max-height:min(235px,45vh);}
}
/* Static help/legal pages; deliberately scoped to avoid any other modules. */
body.dao-body:has(.dao-static-v11) {background:#100c09!important;color:#f3f4f6;}
body.dao-body .dao-static-v11.dao-shell {
  box-sizing:border-box;width:calc(100% - 32px);max-width:1400px;margin:0 auto;
  padding:0 16px 82px;min-width:0;
}
.dao-static-v11,.dao-static-v11 * {box-sizing:border-box;}
.dao-static-v11-breadcrumb {display:flex;align-items:center;flex-wrap:wrap;gap:15px;
  margin:0 0 40px;padding:16px 0;border-bottom:1px solid #33291f;
  color:#a9afba;font-size:13.5px;line-height:1.6;}
.dao-static-v11-breadcrumb a {color:#c0c7d1;text-decoration:none;}
.dao-static-v11-breadcrumb a:hover {color:#dfa36a;}
.dao-static-v11-breadcrumb [aria-current="page"] {color:#e7eaf0;}
.dao-static-v11-layout {display:grid;grid-template-columns:235px minmax(0,1fr);gap:37px;align-items:start;}
.dao-static-v11-nav {position:sticky;top:105px;display:flex;flex-direction:column;gap:3px;
  padding:18px 12px;border:1px solid #3b2b20;border-radius:15px;background:#17120f;}
.dao-static-v11-nav p {margin:0 8px 13px;color:#cc8850;font-size:11px;font-weight:800;letter-spacing:.08em;}
.dao-static-v11-nav a {display:block;padding:11px 12px;border-radius:9px;color:#bfc5cf;
  text-decoration:none;font-size:13.5px;line-height:1.5;transition:background .17s,color .17s;}
.dao-static-v11-nav a:hover {color:#fff;background:#30231b;}
.dao-static-v11-nav a[aria-current="page"] {background:#3a291c;color:#f7c292;font-weight:700;}
.dao-static-v11-article {min-width:0;max-width:1030px;padding:34px 43px 48px;
  border:1px solid #352920;border-radius:18px;background:#17120f;box-shadow:0 18px 55px rgba(0,0,0,.12);}
.dao-static-v11-eyebrow {display:flex;align-items:center;gap:9px;color:#c68748;
  font-size:11px;letter-spacing:.08em;font-weight:800;}
.dao-static-v11-eyebrow span {display:inline-block;width:5px;height:18px;border-radius:4px;background:#be7a37;}
.dao-static-v11-article h1 {margin:14px 0 21px;color:#fff;font-size:clamp(29px,2.6vw,39px);
  font-weight:800;line-height:1.25;letter-spacing:-.035em;}
.dao-static-v11-divider {height:1px;background:#3b312a;margin-bottom:24px;}
.dao-static-v11-content {color:#c5c6cb;font-size:15px;line-height:1.85;overflow-wrap:anywhere;}
.dao-static-v11-content p {margin:0 0 18px;}
.dao-static-v11-content h2 {margin:31px 0 10px;color:#f4f0ed;font-size:18px;line-height:1.5;font-weight:750;}
.dao-static-v11-content h3 {margin:24px 0 10px;color:#ece4dd;font-size:16px;font-weight:700;}
.dao-static-v11-content ul,.dao-static-v11-content ol {margin:0 0 19px;padding-left:24px;}
.dao-static-v11-content li {margin-bottom:7px;}
.dao-static-v11-content a {color:#e6a46e;text-decoration:underline;text-underline-offset:3px;}
.dao-static-v11-content img,.dao-static-v11-content table {max-width:100%;height:auto;}
.dao-static-v11-content blockquote {margin:16px 0;padding:12px 17px;border-left:3px solid #b67638;background:#241b15;}
@media(max-width:850px) {
  .dao-static-v11-layout {grid-template-columns:1fr;gap:20px;}
  .dao-static-v11-nav {position:static;flex-direction:row;flex-wrap:wrap;gap:4px;padding:10px;}
  .dao-static-v11-nav p {width:100%;margin:4px 8px 6px;}
  .dao-static-v11-article {max-width:none;padding:25px 24px 35px;}
}
@media(max-width:480px) {
  body.dao-body .dao-static-v11.dao-shell {width:calc(100% - 24px);padding:0 0 42px;}
  .dao-static-v11-breadcrumb {margin-bottom:20px;font-size:12px;}
  .dao-static-v11-nav a {padding:8px 10px;font-size:12px;}
  .dao-static-v11-article {border-radius:13px;padding:21px 17px 27px;}
  .dao-static-v11-article h1 {font-size:27px;}
  .dao-static-v11-content {font-size:14px;line-height:1.8;}
  .dao-static-v11-content h2 {font-size:16px;}
}