article {
    line-height: 1.4;
    max-width: 500px;
    margin: 20px auto;
    padding: 0 4px;
    word-wrap: break-word;
}

figure {
  
    margin: 0;
}

figure img {
    width: 100%;
}

aside {
    font-style: italic;
    font-size: 18px;
    background-color: whitesmoke;
}

figcaption {
    margin: 0;
    width: 100%;
    font-size: 18px;
    background-color: lightblue;
}

details {
    font-size: 16px;
}

section {
    margin-bottom: 1rem;
    background-color: rgb(219, 217, 213);
}
@media all {
    .page-break {
        display: none;
    }

}

@media print {
    body {
        max-width: 95%;
        margin: 8px auto;
        font-size: 12px;
    }

    .page-break {
        display: block;
        page-break-before: always;
    }

    .noprint {
        display: none;
    }

    p {
        break-inside: avoid;
    }


    article {
        column-count: 2;
        column-gap: 2em;
        column-rule: 1px solid #ccc;
    }

    figure img {
        width: 30vw;
    }

    section {
        background-color: aliceblue;
        margin: 1rem;
      }
}