* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: system-ui, -apple-system, sans-serif; background:#0a0a0a; color:#eee; line-height:1.6; }
.container { max-width: 1100px; margin: 0 auto; padding: 20px; }

.latest { text-align:center; margin-bottom:50px; background:linear-gradient(135deg,#1e3a8a,#1e40af); padding:30px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.5); }
.latest h2 { color:#fff; margin-bottom:20px; font-size:1.9rem; }
.hero-img { max-width:100%; max-height:500px; border-radius:16px; box-shadow:0 15px 40px rgba(0,0,0,0.6); transition:0.3s; }
.hero-img:hover { transform:scale(1.02); }
.caption { margin-top:15px; font-size:1.1rem; color:#ddd; }

.archive h2 { color:#60a5fa; font-size:1.8rem; }

.accordion { margin: 20px 0; }
.year-panel, .month-panel { margin: 15px 0; border: 1px solid #334155; border-radius: 12px; overflow: hidden; background: #111827; }
.year-panel summary { background: #1e40af; color: white; padding: 14px 18px; cursor: pointer; font-size: 1.4rem; font-weight: 600; }
.month-panel summary { background: #1e3a8a; color: #e0e7ff; padding: 10px 16px; cursor: pointer; font-size: 1.15rem; }
.months-grid { padding: 12px; background: #0f172a; }

details[open] > summary { border-bottom: 1px solid #334155; }

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
    padding: 10px 0;
}
.card {
    display:block; border-radius:12px; overflow:hidden; box-shadow:0 6px 16px rgba(0,0,0,0.4);
    transition:0.3s; text-decoration:none;
}
.card:hover { transform:translateY(-6px); box-shadow:0 12px 30px rgba(0,0,0,0.5); }
.card img { width:100%; height:140px; object-fit:cover; }
.info {
    background:rgba(0,0,0,0.75); color:white; padding:10px 6px; text-align:center; font-size:0.85rem;
}
.info span { display:block; font-weight:600; font-size:0.95rem; }
.info small { opacity:0.9; }

/* Responsive */
@media (max-width:600px) {
    .grid { grid-template-columns: repeat(2, 1fr); }
    .year-panel summary, .month-panel summary { font-size: 1.1rem; padding: 10px 14px; }
    .latest { padding:20px; }
    .latest h2 { font-size:1.6rem; }
}

/* ΒΙΝΤΕΟ TIMELAPSE */
.video-section {
    background: #0f172a;
    border-radius: 12px;
    padding: 15px;
    margin: 15px 0;
    text-align: center;
}
.video-section video {
    width: 100%;
    max-height: 60vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.5);
    background: #000;
}
.video-section h3 {
    font-size: 1.3rem;
    margin-bottom: 12px;
    color: #60a5fa;
}
.video-section p {
    font-size: 0.9rem;
    color: #aaa;
    margin-top: 8px;
}
/* ΑΦΑΙΡΕΣΕ ΤΟ ΜΙΚΡΟ ΓΚΡΙ FULLSCREEN BUTTON ΤΟΥ BROWSER */
video::-webkit-media-controls-fullscreen-button,
video::-moz-media-controls-fullscreen-button,
video::-ms-media-controls-fullscreen-button {
    display: none !important;
}

/* (ΠΡΟΑΙΡΕΤΙΚΟ) ΑΦΑΙΡΕΣΕ ΚΑΙ ΤΟ DOWNLOAD */
video::-webkit-media-controls-download-button {
    display: none !important;
}