/* --- POST LAYOUT --- */
        .post-wrapper {
            max-width: 800px;
            margin: 0 auto;
            padding: 30px 20px 60px 20px;
        }

        /* --- BREADCRUMBS --- */
        .breadcrumb {
           
            font-family: 'Courier New', monospace;
            font-size: 0.85rem;
            padding: 20px 40px 0px 40px;
            color: #999;
            text-transform: uppercase;
            letter-spacing: 1px;
            line-height: 1.4;
        }
        .breadcrumb a {
            color: #888;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .breadcrumb a:hover {
            color: #000;
            text-decoration: underline;
        }
        .breadcrumb .separator {
            margin: 0 8px;
            color: #ddd;
        }
        /* Style for the current page marker */
        .breadcrumb .current {
            color: #333;       /* Darker to show active state */
            font-weight: 600;  /* Slightly bolder */
            cursor: default;   /* Non-clickable cursor */
        }

        .post-header { text-align: center; margin-bottom: 30px; }
        .post-title { font-size: 3rem; line-height: 1.1; margin-bottom: 10px; letter-spacing: -1px; margin-top: 0px;}
        .post-date { color: #888; font-family: 'Courier New', monospace; font-size: 0.9rem; }
        
        /* --- TYPOGRAPHY BLOCKS --- */
        .block-paragraph { font-size: 1.15rem; line-height: 1.7; color: #333; margin-bottom: 24px; }
        .block-header { margin-top: 50px; margin-bottom: 20px; font-weight: 700; line-height: 1.2; }
        h2.block-header { font-size: 2rem; }
        h3.block-header { font-size: 1.5rem; }

        /* --- MEDIA BLOCKS --- */
        .block-image { width: 100%; margin: 40px 0; }
        .block-image img { width: 100%; height: auto; border-radius: 4px; display: block; }
        .caption { text-align: center; font-size: 0.85rem; color: #777; margin-top: 10px; font-style: italic; }

        /* --- VIDEO BLOCKS --- */
        .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 40px 0; border-radius: 4px; }
        .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
        
        .video-player { width: 100%; margin: 40px 0; background: #000; border-radius: 4px; outline: none; }

        /* --- GALLERY GRID (COLLAGE) --- */
        .gallery-block {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            grid-auto-rows: auto;
            gap: 8px;
            margin: 50px 0;
            grid-auto-flow: dense; 
        }
        
        .gallery-item { width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: filter 0.3s; border-radius: 2px; }
        .gallery-item:hover { filter: brightness(0.8); }

        .gallery-item.landscape { grid-column: span 2; }
        .gallery-item.portrait { grid-row: span 2; }
        
        .gallery-flex { display: flex; gap: 8px; height: 350px; margin: 50px 0; }
        .gallery-flex img { flex: 1; height: 100%; object-fit: cover; cursor: pointer; border-radius: 2px; }

        /* --- SLIDESHOW MODAL --- */
        .modal {
            display: none; position: fixed; z-index: 1000; left: 0; top: 0;
            width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.95);
            align-items: center; justify-content: center;
        }
        .modal-content { max-width: 90vw; max-height: 90vh; object-fit: contain; }
        .close-modal { position: absolute; top: 20px; right: 40px; color: #f1f1f1; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 1001; }
        .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 40px; transition: 0.6s ease; user-select: none; }
        .prev { left: 10px; } .next { right: 10px; }
        .prev:hover, .next:hover { color: #bbb; }

        /* --- LISTS --- */
        .block-list { margin-bottom: 24px; padding-left: 40px; font-size: 1.15rem; line-height: 1.7; color: #333; }
        .block-list li { margin-bottom: 10px; padding-left: 10px; }

        /* --- QUOTES --- */
        .block-quote { margin: 40px 0; padding-left: 20px; border-left: 4px solid #333; }
        .block-quote p { font-size: 1.4rem; font-style: italic; color: #444; margin: 0; line-height: 1.4; }
        .block-quote footer { margin-top: 10px; font-size: 0.9rem; color: #888; font-family: 'Courier New', monospace; }

        /* --- DELIMITER --- */
        .block-delimiter { text-align: center; font-size: 2rem; margin: 50px 0; color: #333; letter-spacing: 10px; line-height: 1; }

        @media screen and (max-width: 600px) {
            .post-title { font-size: 2rem; }
            .gallery-block { display: flex; flex-direction: column; }
        }