/* Blog listing, single posts and simple pages (Imprint, Privacy …) */
.phero-simple{padding:72px 0 64px}
.phero-simple .post-meta{color:rgba(255,255,255,.7);font-size:15px;margin:18px 0 0}
.back-link{text-decoration:none}
.back-link:hover{color:var(--gold-soft)}

.entry-section{padding:72px 0 96px}
.entry-content{color:var(--ink)}
.entry-content > *{margin-top:0;margin-bottom:1.25rem}
.entry-content p,.entry-content li{color:var(--ink-soft);font-size:17.5px;line-height:1.72}
.entry-content h2{font-size:clamp(24px,2.8vw,32px);margin:2.4rem 0 1rem}
.entry-content h3{font-size:21px;margin:2rem 0 .8rem}
.entry-content h4{font-family:var(--sans);font-size:17px;margin:1.6rem 0 .6rem}
.entry-content a{color:var(--petrol-700);text-decoration-color:var(--gold);text-underline-offset:3px}
.entry-content a:hover{color:var(--petrol-900)}
.entry-content ul,.entry-content ol{padding-left:1.3em}
.entry-content li{margin-bottom:.4rem}
.entry-content blockquote,.entry-content .wp-block-quote{margin:2rem 0;padding-left:24px;border-left:3px solid var(--gold);font-family:var(--serif);font-size:clamp(20px,2.2vw,24px);line-height:1.4;color:var(--petrol-800)}
.entry-content blockquote p{font-size:inherit;color:inherit;line-height:inherit}
.entry-content .wp-block-quote cite{display:block;margin-top:10px;font-family:var(--sans);font-size:14px;font-style:normal;color:var(--ink-soft)}
.entry-content figure{margin:2rem 0}
.entry-content img{border-radius:8px;height:auto}
.entry-content figcaption,.entry-content .wp-element-caption{font-size:14px;color:var(--ink-soft);margin-top:8px;text-align:left}
.entry-content hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.entry-content table{width:100%;border-collapse:collapse;font-size:15.5px}
.entry-content th,.entry-content td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.entry-content .alignwide{margin-left:calc(-1 * min(180px, (100vw - 760px)/2));margin-right:calc(-1 * min(180px, (100vw - 760px)/2))}
.entry-content .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw}
.entry-content .alignfull img{border-radius:0}
.post-hero{margin:0 0 2.2rem!important}
.post-hero img{width:100%}

/* post list */
.blog-list{padding:72px 0 96px}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.post-card-img img{width:100%;aspect-ratio:3/2;object-fit:cover}
.post-card-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.post-card .post-meta{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.post-card h2{font-size:21px;line-height:1.25;margin-bottom:12px}
.post-card h2 a{text-decoration:none}
.post-card h2 a:hover{color:var(--petrol-700)}
.post-excerpt{font-size:15.5px;color:var(--ink-soft)}
.post-card .more{margin-top:auto;font-size:15px;font-weight:500;color:var(--petrol-700);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px;align-self:flex-start}
.no-posts{color:var(--ink-soft);font-size:18px}
.pagination{margin-top:48px}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:4px;text-decoration:none;font-size:15px}
.pagination .page-numbers.current{background:var(--petrol-900);color:#fff;border-color:var(--petrol-900)}

/* previous / next post */
.post-nav{padding-bottom:96px}
.post-nav .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:28px}
.post-nav a{text-decoration:none;font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink)}
.post-nav a span{display:block;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.post-nav .nav-next{text-align:right}
.post-nav .screen-reader-text{position:absolute;left:-9999px}

/* comments (if enabled) */
.comments-area{margin-top:3rem;border-top:1px solid var(--line);padding-top:2rem}
.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:4px;font:inherit}
.comment-form .submit{background:var(--petrol-900);color:#fff;border:0;border-radius:4px;padding:12px 22px;font:500 15px var(--sans);cursor:pointer}

@media(max-width:900px){
  .phero-simple{padding:48px 0 44px}
  .entry-section,.blog-list{padding:52px 0 64px}
  .posts{grid-template-columns:1fr}
  .post-nav .nav-links{grid-template-columns:1fr}
  .post-nav .nav-next{text-align:left}
}
