/* Timeline hero cards */
.feed-wrap{max-width:980px;margin:0 auto;padding:10px 12px}
.feed-title{font-size:40px;font-weight:800;letter-spacing:.2px;margin:8px 0 10px}
.month-hero{position:relative;margin:18px 0;background:var(--card);border:1px solid #1e2732;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}
.month-hero img{display:block;width:100%;height:auto}
.month-hero .bar{position:absolute;left:12px;top:12px;background:rgba(11,14,18,.55);border:1px solid #243242;border-radius:10px;padding:8px 10px;color:var(--text)}
.month-hero .see-more{position:absolute;right:12px;bottom:12px;background:rgba(128,170,255,.22);color:#e8eef4;border:1px solid #4b5e78;border-radius:10px;padding:10px 12px;text-decoration:none;backdrop-filter: blur(2px)}
.month-hero .see-more:hover{background:rgba(128,170,255,.34)}
/* Month viewer */
.viewer{position:relative;display:flex;align-items:center;justify-content:center;background:#0f141a;border:1px solid #1e2732;border-radius:12px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.viewer img{max-width:100%;max-height:76vh;border-radius:10px;border:1px solid #222c38;background:#0e141a}
.viewer button{position:absolute;top:50%;transform:translateY(-50%);padding:10px 14px;border-radius:10px;border:1px solid #2a3542;background:#0e141a;color:#fff;cursor:pointer}
.viewer .prev{left:10px}
.viewer .next{right:10px}
.viewer .count{position:absolute;left:12px;bottom:10px;color:#9fb0c3;font-size:12px;background:rgba(11,14,18,.6);border:1px solid #243242;border-radius:8px;padding:4px 8px}

/* v15 anti-distortion rules */
.month-hero img,
.viewer img,
.gallery img,
.timeline-cards .t-card img,
.feed .post img,
.t-card img {
  width: 100%;
  height: auto;          /* keep aspect ratio */
  object-fit: contain;   /* fit inside; no crop */
  aspect-ratio: auto;
}

/* Keep big viewer within viewport */
.viewer img { max-height: 76vh; }

/* Optional: letterbox for heroes (so tall portraits don't feel cropped) */
.month-hero { background: #0f141a; }

/* Respect EXIF orientation if present */
img { image-orientation: from-image; }