/* Review controls only. These stay outside the proposed public-site design. */
:root{--db-h:56px}
body.has-db{padding-top:var(--db-h)}body.has-db .hdr{top:var(--db-h)}
.db{position:fixed;left:0;right:0;top:0;min-height:var(--db-h);height:var(--db-h);z-index:1000;background:#16232a;color:#e4ecef;font:12px/1.3 system-ui,sans-serif;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #33434a}
.db-label{font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#a4b5bd;white-space:nowrap}
.db-tabs{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.db-tabs::-webkit-scrollbar{display:none}
.db-tab{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;border:1px solid #43545c;border-radius:5px;padding:8px 11px;background:transparent;color:#e4ecef;text-decoration:none;font:inherit;font-weight:500}
.db-tab small{font-size:10px;color:#a9bdc7;font-weight:400}.db-tab kbd{font:inherit;font-size:9px;color:#adbec7;padding:1px 3px;border:1px solid #53656d;border-radius:3px}.db-tab:hover{background:#283c46;color:white}.db-tab.on{background:#edf3f2;border-color:#edf3f2;color:#17363d}.db-tab.on small,.db-tab.on kbd{color:#46636a}.db-tab.on kbd{border-color:#a7bcbd}
.db-earlier{font-size:10px;color:#adbec7;white-space:nowrap;text-decoration:none}.db-earlier:hover{text-decoration:underline;color:white}
.db-dev{margin-left:auto;display:flex;gap:3px;flex:none}.db-dev button{font:inherit;font-size:10px;padding:7px 9px;border:1px solid #43545c;background:transparent;color:#c5d3d9;border-radius:4px;cursor:pointer}.db-dev button.on{background:#e2eceb;color:#15373d;border-color:#e2eceb}
.db-legacy{background:#20363e;color:white;border:1px solid #5b777f;padding:7px;font-size:10px;max-width:130px}.db a:focus-visible,.db button:focus-visible,.db select:focus-visible{outline:2px solid #ffce68;outline-offset:2px}
#db-frame{position:fixed;left:0;right:0;top:var(--db-h);bottom:0;z-index:999;background:#e5ecec;padding:14px 20px;display:none}#db-frame.on{display:block}body.db-framed{overflow:hidden}#db-frame .lbl{font:10px/1.3 system-ui,sans-serif;color:#516e77;text-align:center;margin:0 0 10px;letter-spacing:.1em;text-transform:uppercase}#db-frame iframe{display:block;margin:0 auto;background:white;border:1px solid #bdcecf;border-radius:12px;box-shadow:0 15px 50px #1e3b4525;height:calc(100% - 24px);max-width:100%}
body.framed .db,body.framed #db-frame{display:none!important}body.framed{padding-top:0!important}body.framed .hdr,body.framed .site-header{top:0!important}
@media(max-width:1250px){.db-tab small{display:none}.db{gap:11px}.db-earlier{font-size:9px}}
@media(max-width:950px){.db-label{display:none}.db-tab{padding:8px}.db{gap:9px;padding:0 12px}.db-earlier{display:none}}
@media(max-width:700px){:root{--db-h:50px}.db-dev,.db-tab kbd{display:none}.db{padding:0 10px}.db-tabs{gap:5px}.db-tab{font-size:11px;padding:8px 10px}.db-legacy{flex-shrink:0;width:110px}}
/* Three prototype classes — one dropdown each. */
.db-classes{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.db-classes::-webkit-scrollbar{display:none}
.db-class{display:flex;align-items:center;gap:9px;flex:none;padding:5px 6px 5px 10px;border:1px solid #43545c;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}
.db-class:hover{background:#20363e}
.db-class-head{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.db-class-head b{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600}
.db-class-head kbd{font:inherit;font-size:9px;color:#adbec7;padding:0 3px;border:1px solid #53656d;border-radius:3px;margin-right:6px;align-self:flex-start;display:none}
.db-class-head small{font-size:9.5px;color:#a9bdc7}
.db-class select{background:#20363e;color:#fff;border:1px solid #5b777f;border-radius:4px;padding:6px 7px;font:inherit;font-size:11px;max-width:175px;cursor:pointer}
.db-class.on{background:#edf3f2;border-color:#edf3f2;color:#17363d}
.db-class.on small{color:#46636a}
.db-class.on select{background:#fff;color:#17363d;border-color:#a7bcbd}
.db-class.from{border-color:#ffce68}
@media(max-width:1250px){.db-class-head small{display:none}}
@media(max-width:950px){.db-class{padding:4px 5px 4px 8px;gap:6px}.db-class select{max-width:130px}}
@media(max-width:700px){.db-label,.db-class-head{display:none}.db-class{padding:0;border:0;background:none!important}.db-class select{max-width:104px;font-size:10.5px}.db-class.on select{box-shadow:0 0 0 2px #edf3f2}}