body{--text:var(--primary);--muted:var(--secondary);--line:var(--border);--bg:var(--body-bg);--panel:var(--card-bg);--accent:var(--hover);--accent-dark:var(--activate);padding-top:96px;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;line-height:1.6;background:var(--body-bg);color:var(--primary)}
body .demo-strip{display:none}body .site-nav{height:72px;position:fixed;top:0;left:0;right:0;width:100%;padding:0;margin:0;display:block;background:var(--nav-bg);border-bottom:1px solid var(--border);z-index:60;box-shadow:none}.reference-top-nav{min-width:1530px;max-width:1660px;width:calc(100% - 20px);height:72px;margin:0 auto;display:flex;align-items:center;gap:0}.reference-top-nav .brand{flex:none;margin:0 40px 0 0;gap:7px}.reference-top-nav .brand svg{height:30px;width:30px}.reference-top-nav .brand img{height:26px;width:auto!important}.reference-top-nav #main-nav{display:flex;flex:1;gap:0;height:72px;white-space:nowrap;position:static;padding:0;box-shadow:none;border:0;background:none}.reference-top-nav #main-nav>a,.reference-top-nav .ref-submit-nav>a{height:72px;display:flex;align-items:center;padding:0 18px;color:var(--primary);font-size:16px;position:relative;border:0;font-weight:400}.reference-top-nav #main-nav a.active:after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:3px;background:var(--hover)}.reference-top-nav #main-nav a.active,.reference-top-nav #main-nav a:hover{color:var(--hover)}.ref-submit-nav{position:relative;display:flex;align-items:center}.ref-nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-10px);width:100px;background:var(--activate);box-shadow:0 4px 12px #0002;visibility:hidden;opacity:0;z-index:90;transition:.2s}.ref-submit-nav:hover .ref-nav-dropdown,.ref-submit-nav:focus-within .ref-nav-dropdown{visibility:visible;opacity:1}.reference-top-nav #main-nav .ref-nav-dropdown a{display:block;color:var(--card-bg);height:36px;line-height:36px;font-size:14px;text-align:center;padding:0}.reference-top-nav #main-nav .ref-nav-dropdown a:hover{background:var(--hover)}.reference-top-nav .nav-actions{gap:25px;flex:none;margin:0}.reference-top-nav .search-box{display:flex;width:250px;max-width:none;height:40px;background:var(--nav-bg);padding:0 14px;border:1px solid var(--border);border-radius:100px;gap:0}.reference-top-nav .search-box input{width:100%;padding:0 12px;font-size:14px;color:var(--primary)}.reference-top-nav .search-box svg{width:20px;height:20px;flex:none}.reference-top-nav .icon-button{font-size:20px;padding:0;color:var(--primary);height:30px;width:20px}.reference-top-nav .mobile-toggle{display:none}body:not([data-page=admin]) #app>.container{width:calc(100% - 20px);min-width:1530px;max-width:1660px;margin:0 auto;padding-top:0;padding-bottom:34px}body[data-wide=true] .reference-top-nav,body[data-wide=true]:not([data-page=admin]) #app>.container{max-width:2000px;width:calc(100% - 180px)}body[data-page=admin] .site-nav{z-index:40}body .site-footer{padding:0;background:var(--body-bg);border:0;margin-top:0;font-size:14px;color:var(--secondary);text-align:left}.ref-footer-inner{min-width:1530px;max-width:1660px;width:calc(100% - 20px);margin:0 auto}.ref-footer-friends{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:20px}.ref-footer-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;padding:24px 0}.ref-footer-bottom>div{display:flex;gap:15px}.ref-footer-bottom a{color:var(--secondary)}body .modal-overlay{backdrop-filter:none;background:#0009}body[data-page=listedit]{padding:0}body[data-page=listedit]>.site-nav,body[data-page=listedit]>.site-footer,body[data-page=listedit]>.back-top{display:none}.ref-theme-wrap{position:relative}.ref-theme-wrap>div{position:absolute;top:30px;left:50%;transform:translateX(-50%);background:var(--activate);width:100px;display:none;padding:0;box-shadow:0 4px 12px #0002}.ref-theme-wrap:hover>div,.ref-theme-wrap:focus-within>div{display:block}.ref-theme-wrap>div button{display:block;width:100%;border:0;color:var(--card-bg);background:none;font-size:14px;height:36px;padding:0}.ref-theme-wrap>div button:hover{background:var(--hover)}
@media(max-width:1900px){.reference-top-nav [data-action=wide]{display:none}}
/* The management workspace fits its window; public reference pages keep their original dimensions. */
body[data-page=admin] .reference-top-nav{min-width:0;max-width:1560px;width:calc(100% - 48px)}
body[data-page=admin] .reference-top-nav .brand{margin-right:20px}
body[data-page=admin] .reference-top-nav #main-nav>a,body[data-page=admin] .reference-top-nav .ref-submit-nav>a{padding-left:10px;padding-right:10px;font-size:14px}
body[data-page=admin] .reference-top-nav .nav-actions{gap:16px;margin-left:auto}
body[data-page=admin] .reference-top-nav .search-box{width:210px}
body[data-page=admin] .ref-footer-inner{min-width:0;max-width:1560px;width:calc(100% - 48px)}
body[data-page=admin] .ref-footer-bottom{flex-wrap:wrap}
body[data-page=admin] .ref-footer-bottom>div{flex-wrap:wrap}
@media(max-width:1280px){
 body[data-page=admin] .reference-top-nav .mobile-toggle{display:block}
 body[data-page=admin] .reference-top-nav #main-nav{position:fixed;top:72px;left:0;width:100%;height:auto;max-height:calc(100vh - 72px);overflow:auto;display:none;flex-wrap:wrap;padding:15px;background:var(--card-bg);box-shadow:0 4px 12px #0002}
 body[data-page=admin] .reference-top-nav #main-nav.open{display:flex}
 body[data-page=admin] .reference-top-nav #main-nav>a,body[data-page=admin] .reference-top-nav .ref-submit-nav{height:auto;min-height:44px;width:23%;margin:1%;padding:8px;justify-content:center;background:var(--body-bg);border-radius:3px}
 body[data-page=admin] .reference-top-nav .ref-submit-nav>a{height:auto;padding:0}
 body[data-page=admin] .reference-top-nav .ref-nav-dropdown{position:static;transform:none;display:flex;visibility:visible;opacity:1;box-shadow:none;width:auto;background:none}
 body[data-page=admin] .reference-top-nav .ref-submit-nav{width:98%;gap:24px;flex-wrap:wrap}
 body[data-page=admin] .reference-top-nav #main-nav .ref-nav-dropdown a{width:auto;height:auto;padding:6px 12px;color:var(--primary);margin:0}
}
@media(max-width:785px){body{padding-top:72px}.reference-top-nav{min-width:0;max-width:none;width:100%;padding:0 10px}.reference-top-nav .brand{margin:0}.reference-top-nav .brand img{display:none}.reference-top-nav .nav-actions{margin-left:auto;gap:15px}.reference-top-nav .search-box{width:100%;max-width:300px;min-width:130px;margin-left:15px}.reference-top-nav .nav-actions>.icon-button:not(.mobile-toggle){display:none}.reference-top-nav .mobile-toggle{display:block}.reference-top-nav #main-nav{position:fixed;top:72px;left:0;width:100%;height:auto;background:var(--card-bg);display:none;flex-wrap:wrap;padding:15px;box-shadow:0 4px 12px #0002}.reference-top-nav #main-nav.open{display:flex}.reference-top-nav #main-nav>a,.reference-top-nav .ref-submit-nav{width:48%;margin:1%;padding:12px 0;height:auto;justify-content:center;background:var(--body-bg);border-radius:3px;font-size:14px}.reference-top-nav .ref-submit-nav>a{height:auto;padding:0}.reference-top-nav #main-nav .ref-nav-dropdown a{margin:0;width:100%}body:not([data-page=admin]) #app>.container{width:100%;min-width:0;max-width:none;padding:10px}body[data-wide=true] .reference-top-nav,body[data-wide=true]:not([data-page=admin]) #app>.container{width:100%;min-width:0}.ref-footer-inner{width:100%;min-width:0;padding:10px}.ref-footer-bottom{flex-direction:column;align-items:center}.ref-footer-bottom>div{flex-wrap:wrap;justify-content:center}.ref-footer-friends{font-size:12px}.ref-theme-wrap{display:none}}
