/* assets/css/custom.css */

@media (min-width: 768px) {
    .page-container {
        max-width: 50%; /* Adjust this value as needed */
        margin: 0 auto;
    }
}

.bleed {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    /* shrink from 100vw to, say, 90vw */
    width: 70vw;
    max-width: none; 
}
  
.bleed img {
    display: block;
    width: 100%;
    height: auto;
}

.reading-time {
    font-size: 0.875em;
}