@font-face{font-family:DemoSans;src:url('/public/fonts/DejaVuSans.ttf')} 
.demo-mode{padding-top:34px!important}
.demo-banner{height:34px;position:fixed;inset:0 0 auto;z-index:1500;display:flex;align-items:center;justify-content:center;gap:26px;background:#123e41;color:#f4f9ef;font:12px DemoSans,sans-serif;letter-spacing:.02em;border-bottom:1px solid #729c88}
.demo-banner span{opacity:.65;font-size:10px}.demo-mode .sidebar{top:34px;height:calc(100vh - 34px)}
.demo-login{margin-bottom:24px;padding:18px;border:1px solid #bad3c9;background:#edf5f0;border-radius:8px;color:#194c46}.demo-login p{margin:10px 0 16px;font-size:12px}.demo-login code{font-weight:700}.demo-mode .brand-title{font-family:DemoSans,sans-serif;font-size:25px;line-height:1.35}.demo-mode .sidebar-title{font-size:17px;line-height:1.35;white-space:normal}
.demo-tour-restart{margin:12px 16px 18px;padding:11px 12px;display:block;width:calc(100% - 32px);border:1px solid #bdd6ce;border-radius:6px;background:#edf5f0;color:#194c46;text-align:left;cursor:pointer;font:600 12px DemoSans,sans-serif}
.demo-tour-panel{position:fixed;z-index:2100;width:338px;max-width:calc(100vw - 24px);padding:24px;background:#fffef9;color:#163a3b;border:1px solid #bad3c9;border-top:5px solid #27675e;border-radius:12px;box-shadow:0 18px 64px #113b3b38;font:13px/1.65 DemoSans,sans-serif}
.demo-tour-panel:focus{outline:none}.demo-tour-panel h2{font-family:Georgia,serif;font-weight:500;font-size:26px;line-height:1.18;letter-spacing:-.025em;margin:10px 0 14px;color:#163a3b}.demo-tour-panel p{margin:0 0 22px;color:#52676a}.demo-tour-progress{display:block;color:#36766a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.demo-tour-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.demo-tour-controls button{border:1px solid #b5cdc3;border-radius:6px;background:#fffef9;color:#23594e;padding:9px 13px;font:600 12px DemoSans,sans-serif;cursor:pointer}.demo-tour-controls button:focus-visible,.demo-tour-restart:focus-visible{outline:3px solid #c88d36;outline-offset:3px}.demo-tour-controls [data-next]{background:#23594e;border-color:#23594e;color:white;margin-left:auto}.demo-tour-controls [data-skip]{border-color:transparent;padding-left:0;font-weight:400}.demo-tour-controls button:disabled{opacity:.4;cursor:default}.demo-tour-target{outline:3px solid #c88d36!important;outline-offset:5px!important;scroll-margin-top:100px;scroll-margin-bottom:100px}.demo-tour-welcome{top:50%;left:50%;transform:translate(-50%,-50%);width:410px;padding:32px}.demo-tour-welcome h2{font-size:32px}.demo-tour-welcome:before{content:'DL / FIELD GUIDE';font-size:10px;letter-spacing:.18em;color:#36766a}.demo-tour-key{display:block;font-size:10px;color:#647975;margin-top:12px}.demo-tour-panel[data-error]{border-top-color:#c88d36}
@media(max-width:700px){.demo-banner span{display:none}.demo-banner{font-size:10px}.demo-tour-panel{width:300px;padding:18px}}
@media print{.demo-banner,.demo-tour-panel,.demo-tour-restart{display:none!important}.demo-mode{padding-top:0!important}}

/* Shared by the document, tables, drawers, modals and the guide. */
html.demo-document,html.demo-document *{scrollbar-width:thin;scrollbar-color:#527c74 #10272e}
html.demo-document{background:#07171f}
html.demo-document::-webkit-scrollbar,html.demo-document *::-webkit-scrollbar{width:7px;height:7px}
html.demo-document::-webkit-scrollbar-track,html.demo-document *::-webkit-scrollbar-track{background:#10272e}
html.demo-document::-webkit-scrollbar-thumb,html.demo-document *::-webkit-scrollbar-thumb{background:#527c74;border:2px solid #10272e;border-radius:8px}
html.demo-document::-webkit-scrollbar-corner,html.demo-document *::-webkit-scrollbar-corner{background:#10272e}
.demo-offer-link{flex:none;margin:10px 14px 0;border-block-start:1px solid #80edce33;padding-block-start:16px!important;justify-content:space-between}
.demo-mode .cinema-nav-hover{background:#1a504b!important;color:#e9fff7!important;outline:1px solid #80edce88;outline-offset:-1px}
.demo-credit{color:#91b0a6;font-size:10px;text-decoration:none}
.demo-paused-tour{position:fixed;z-index:9000;inset-inline-end:22px;bottom:22px;border:1px solid #80edce66;border-radius:40px;padding:12px 19px;background:#10272efa;color:#dcf6e9;box-shadow:0 7px 25px #0004;font:13px ArabicGlyph,DemoSans,sans-serif;cursor:pointer}.demo-paused-tour:focus-visible{outline:2px solid #c9aa70;outline-offset:4px}
.demo-recovery{display:grid;min-height:100dvh;place-items:center;background:#07171f;color:#d8eee3;padding:24px}.demo-recovery main{max-width:600px;padding:32px;border:1px solid #80edce44;border-radius:14px;background:#10272e}.demo-recovery p{line-height:1.9}.demo-recovery a{color:#80edce}.demo-recovery button{padding:12px 20px;background:#80edce;border:0;border-radius:7px;color:#10382f;font:inherit}