.ascii-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* för smooth scroll på mobil */
}

.ascii-wrapper pre {
    display: table;             /* Gör att den bara tar så mycket plats som behövs */
    max-width: 50%;            /* Begränsa till förälderns bredd */
    margin: 0 auto;             /* Centrerar innehållet */
}

.ascii-wrapper code {
    white-space: pre;           /* Bevara mellanrum och radbrytningar */
    font-size: 1em;             /* Behåll läsbar storlek */
}

.page-meta {
    font-size: 0.8em;
    color: #888;
    margin-top: 2em;
    border-top: 1px solid #ccc;
    padding-top: 0.5em;
}
