/* =========================================================
   NEWS (blog)
   ========================================================= */

/* --- News listing page --- */
.news-header{max-width:1000px;margin:70px auto 10px;text-align:left;position:relative;left:-16px;}
.news-header h1{font-family:Georgia,serif;font-size:56px;color:var(--olive);margin:0 0 10px;font-weight:700;}
.news-header p{font-size:19px;color:#7a7a63;margin:0;}

.quarto-listing-default{max-width:1000px;margin:30px auto 80px;}
.quarto-post{border:1px solid var(--sand);border-radius:6px;background:#fff;padding:0 !important;overflow:hidden;margin-bottom:32px;gap:0;transition:box-shadow .2s;}
.quarto-post:hover{box-shadow:0 6px 20px rgba(51,66,42,.12);}
.quarto-post .thumbnail{flex:0 0 42%;max-width:42%;margin:0;}
.quarto-post .thumbnail img, .quarto-post .thumbnail-image{width:100%;height:100%;min-height:280px;object-fit:cover;border-radius:0;}
.quarto-post .metadata{padding:32px 16px 0 32px !important;}
.quarto-post .body{padding:32px 36px;}
.quarto-post .body h3.listing-title{font-family:Georgia,serif;color:var(--olive);font-size:1.6rem;}
.quarto-post .listing-date{color:var(--ochre);text-transform:uppercase;font-size:.85rem;letter-spacing:.04em;}
.quarto-post .listing-description{color:#4a4a3a;font-size:1.05rem;}
.quarto-post .listing-author{color:#7a7a63;font-size:.9rem;}

/* --- Single post (body class set in posts/_metadata.yml) --- */
.blog-post #title-block-header{display:block;max-width:760px;margin:60px auto 24px;}
.blog-post #title-block-header h1.title{font-family:Georgia,serif;font-size:44px;line-height:1.15;color:var(--olive);font-weight:700;}
.blog-post #title-block-header .description{font-size:19px;color:#7a7a63;margin-top:12px;}
.blog-post .quarto-title-meta{display:flex;gap:32px;border-top:1px solid var(--sand);padding-top:14px;margin-top:20px;}
.blog-post .quarto-title-meta-heading{text-transform:uppercase;font-size:.75rem;letter-spacing:.06em;color:var(--ochre);}
.blog-post .quarto-categories .quarto-category{background:var(--sand);color:var(--olive);border:none;border-radius:10px;font-size:.75rem;}
.blog-post main.content{max-width:760px;margin:0 auto;font-size:1.1rem;line-height:1.75;}
.blog-post .post-cover img, .blog-post img.post-cover{width:100%;border-radius:6px;}
/* show photo captions in posts (hidden elsewhere on the site) */
.blog-post figure > figcaption{position:static !important;width:auto !important;height:auto !important;overflow:visible !important;clip:auto !important;display:block !important;margin-top:8px;font-size:.85rem;color:#7a7a63;font-style:italic;text-align:center;}
.blog-post blockquote{border-left:3px solid var(--ochre);padding:4px 0 4px 22px;margin:28px 0;font-family:Georgia,serif;font-style:italic;color:var(--olive);font-size:1.05rem;}
.blog-post .post-back{margin:48px 0 80px;border-top:1px solid var(--sand);padding-top:20px;}
.blog-post .post-back a{color:var(--ochre);text-decoration:none;font-weight:600;}
.blog-post .navbar a.nav-link[href$="news.html"]{color:var(--ochre) !important;}

/* --- Responsive: on phones and tablets stack the card (image on top) --- */
@media (max-width: 991.98px){
  .news-header{left:0;margin:36px 0 6px;}
  .news-header h1{font-size:40px;}
  .news-header p{font-size:16px;}
  .quarto-listing-default{margin:20px 0 50px;}
  div.quarto-post{flex-direction:column !important;gap:0 !important;}
  div.quarto-post .thumbnail{order:1 !important;flex:none !important;max-width:100% !important;width:100%;}
  div.quarto-post .thumbnail img, div.quarto-post .thumbnail-image{width:100%;height:auto;min-height:0 !important;aspect-ratio:3/2;object-fit:cover;margin:0;}
  div.quarto-post .metadata{order:2 !important;flex:none !important;padding:20px 22px 0 22px !important;}
  div.quarto-post .body{order:3 !important;flex:none !important;padding:8px 22px 26px;}
  div.quarto-post .body h3.listing-title{font-size:1.4rem;}
  .blog-post #title-block-header h1.title{font-size:32px;}
  .blog-post #title-block-header{margin-top:32px;}
}