#walkthrough { display: none; }
#walkthrough > h2:first-child { display: none; }
#end-of-walkthrough > h2:first-child { display: none; }

.wt-active #walkthrough { display: block; }
.wt-active #quick-picture-summary { display: none; }

#walkthrough {
    /* Match the Alabaster theme for note admonition: */
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 10px 30px;

    max-width: 700px;
}

#walkthrough img {
    width: 300px;
    float: right;
    margin-left: 30px;
    max-width: 50%; /* for narrow phone screens */
}
#walkthrough ol {
    list-style: none;
    margin: 0;
}
#walkthrough::after {
    content: '';
    display: block;
    clear: both;
}
#walkthrough li { display: none; }
#walkthrough li.wt-position { display: block; }
#walkthrough li > p:first-child {
    font-size: 24px; /* Alabaster note admonition title */
    border-bottom: 1px dotted #004B6B; /* Draws your eye to the "next" button (matches <a>) */
}

#walkthrough button.wt-nav {
    float: right;
    font-weight: bold;
}
#walkthrough button.wt-nav.next {
    margin-left: 3px;
}