.dnb-wrap{--dnb-g:#2e7d32;--dnb-g2:#6aa84f;--dnb-ink:#1d2b22;--dnb-mut:#5f6f65;--dnb-bg:#f4f8f4;--dnb-line:#dbe6dc;--dnb-top:0px;max-width:900px;margin:0 auto 30px;color:var(--dnb-ink);line-height:1.4;box-sizing:border-box}
.dnb-wrap *{box-sizing:border-box}
body.admin-bar .dnb-wrap{--dnb-top:32px}
.dnb-head{text-align:center;margin:0 0 10px}
.dnb-head h2{margin:0;font-size:clamp(20px,5vw,28px);color:var(--dnb-g);letter-spacing:.3px}
.dnb-search{position:sticky;top:var(--dnb-top);z-index:5;background:#fff;padding:8px 0 8px;margin:0 0 6px}
.dnb-search input[type=search]{width:100%;max-width:none;font:inherit;font-size:16px;padding:12px 14px 12px 42px;border:2px solid var(--dnb-line);border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%232e7d32' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='6'/%3E%3Cpath d='M13 13l5 5'/%3E%3C/svg%3E") no-repeat 13px center;outline:none;color:var(--dnb-ink);box-shadow:none;margin:0;height:auto}
.dnb-search input[type=search]:focus{border-color:var(--dnb-g2);box-shadow:0 0 0 3px rgba(106,168,79,.2)}
.dnb-count{font-size:13px;color:var(--dnb-mut);margin:6px 2px 0;min-height:18px}
.dnb-body{display:flex;align-items:flex-start;gap:10px}
.dnb-list{flex:1;min-width:0}
.dnb-sec{margin:0 0 14px;border:1px solid var(--dnb-line);border-radius:12px;overflow:hidden;background:#fff;scroll-margin-top:calc(var(--dnb-top) + 100px)}
.dnb-sec h3{margin:0;padding:8px 14px;background:var(--dnb-g2);color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;line-height:1.3}
.dnb-sec ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}
.dnb-sec li{margin:0;padding:9px 14px;border-top:1px solid var(--dnb-line);font-size:15px;font-weight:500;word-break:break-word;list-style:none}
.dnb-sec li:nth-child(-n+2){border-top:0}
.dnb-sec li mark{background:#ffe58a;color:inherit;border-radius:3px;padding:0 1px}
.dnb-rail{position:sticky;top:calc(var(--dnb-top) + 90px);display:flex;flex-direction:column;gap:2px;padding:6px 3px;background:var(--dnb-bg);border:1px solid var(--dnb-line);border-radius:12px;max-height:calc(100vh - var(--dnb-top) - 110px);overflow:auto}
.dnb-rail a{display:block;text-align:center;text-decoration:none!important;font-size:13px;font-weight:700;color:var(--dnb-g);padding:4px 6px;border-radius:6px;min-width:28px;line-height:1.1;box-shadow:none}
.dnb-rail a.on{background:var(--dnb-g);color:#fff}
.dnb-rail a.off{opacity:.25;pointer-events:none}
.dnb-none{display:none;text-align:center;padding:30px 10px;color:var(--dnb-mut)}
@media(max-width:560px){
.dnb-sec ul{grid-template-columns:1fr}
.dnb-sec li:nth-child(2){border-top:1px solid var(--dnb-line)}
.dnb-sec li{padding:10px 12px}
.dnb-rail{padding:4px 2px}
.dnb-rail a{font-size:12px;padding:3px 2px;min-width:22px}
.dnb-body{gap:6px}
}