body {
    font-family: 'Montserrat', sans-serif;
    background-color: #faf8f3;
    background-image:
        linear-gradient(rgba(218,212,195,.4) 1px, transparent 1px),
        linear-gradient(90deg, rgba(218,212,195,.4) 1px, transparent 1px);
    background-size: 20px 20px;
    color: #1e1e1e;
}

.font-handwritten { font-family: 'Caveat', cursive; }
.font-header-sketch { font-family: 'Neucha', sans-serif; }

.sketch-box {
    border: 3px solid #1e1e1e;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    background: #fff;
    box-shadow: 4px 4px 0 #1e1e1e;
}

.sketch-btn {
    border: 3px solid #1e1e1e;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    box-shadow: 4px 4px 0 #1e1e1e;
}

.sketch-link {
    font-family: 'Caveat', cursive;
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.article-card {
    border: 2px solid #1e1e1e;
    border-radius: 14px;
    background: rgba(255,255,255,.82);
}

.article-shot {
    border: 3px solid #1e1e1e;
    border-radius: 18px;
    background: #fffdf8;
    box-shadow: 6px 6px 0 rgba(30,30,30,.18);
    overflow: hidden;
}

.source-note {
    border-left: 4px solid #2563eb;
    background: rgba(219,234,254,.7);
}

.marker-line {
    display: inline;
    box-shadow: inset 0 -0.45em rgba(239,68,68,.18);
}