.demo-panel{
    border: 1px solid var(--dim);
    background: rgba(255,176,0,0.03);
    padding: 1rem 1.25rem;
    margin: 1em 0;
}

.glow{
    -moz-box-shadow: var(--glow-shadow);
    -o-box-shadow: var(--glow-shadow);
    -webkit-box-shadow: var(--glow-shadow);
    -ms-box-shadow: var(--glow-shadow);
    box-shadow: var(--glow-shadow);
    border: 1px solid var(--fg);
}

.guide-nav{
    display: flex;
    align-items: center;
    gap: 1em;
    margin: 1.5em 0;
    padding: 0.45em 0.9em;
    background: var(--fg);
    color: var(--bg);
    font-size: 0.7rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.guide-nav .nav-prev{
    flex: 1 1 0;
    text-align: left;
}

.guide-nav .nav-index{
    flex: 1 1 0;
    text-align: center;
}

.guide-nav .nav-next{
    flex: 1 1 0;
    text-align: right;
}

.guide-nav a{
    color: var(--bg);
    text-decoration: none;
    font-weight: bold;
}

.guide-nav a:hover{
    background: var(--bg);
    color: var(--fg);
    padding: 0 0.35em;
}