@media(orientation:portrait) {
    body { width: 100vw; font-size: 16px; }
}

body {
    width: 700px;
    max-width: calc(100vw - 80px);
    margin: 20px auto;
    font: 18px/1.6 'Inter', sans-serif;
    background: #111;
    color: #eee;
}

a { color: inherit; }
p { margin: 8px 0; }
iframe { border: none; }
pre { background: #333; padding: 1em; border-radius: 4px; overflow-x: auto; }
code { border: 1px solid #333; border-radius: 4px; padding: 0 2px; }
video, img { max-width: 100%; max-height: 400px; margin: 8px 0; }

.flexrow { display: flex; gap: 8px; justify-content: center; * { max-height: 250px; } }

section { padding: 4px 0; }
section>b { cursor: pointer; }
section > :not(:first-child) { display: none;}
section.open > :not(:first-child) { display: block; padding-left: 1em; border-left: 0.2em solid #333; margin-left: -0.2em; }