/* Демонстрация темы «Гриф»: плашка с переходами между страницами демо и подсказка у недоступных ссылок. */
.gf-demo-bar{position:relative;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;padding:8px 16px;background:#222220;border-bottom:1px solid rgba(239,237,230,.14);color:#efede6;font:400 13.5px/1.3 "Gf Onest",system-ui,sans-serif}
.gf-demo-bar b{font:600 15px/1 "Gf Science","Gf Onest",sans-serif;color:#efede6}
.gf-demo-nav{display:flex;flex-wrap:wrap;gap:4px}
.gf-demo-nav a{padding:6px 12px;border:1.5px solid rgba(239,237,230,.3);border-radius:6px;color:#efede6;font:500 12.5px/1.2 "Gf Onest",system-ui,sans-serif}
.gf-demo-nav a:hover{border-color:#efede6}.gf-demo-nav a.on{background:#efede6;border-color:#efede6;color:#1a1a19}
.gf-demo-note{color:#aaa79d;font-size:12.5px}
.gf-demo-tip{position:fixed;z-index:200;padding:8px 12px;background:#222220;color:#efede6;border:1px solid rgba(239,237,230,.14);border-left:3px solid #d8392b;border-radius:4px;font:400 13px "Gf Onest",system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.4);pointer-events:none}
.gf-demo-done{margin:-8px 0 18px!important;font-size:13px;color:#aaa79d}
@media (max-width:600px){.gf-demo-note{display:none}.gf-demo-bar b{width:100%;text-align:center}}