/* MINAREL CMS — inner pages (journal / article / custom page) */

.page-hero{
  padding:clamp(80px,10vw,140px) 0 clamp(48px,6vw,80px);
  background:linear-gradient(180deg,var(--mist) 0%,var(--ivory) 100%);
  border-bottom:1px solid var(--line);
}
.page-hero .eyebrow{margin-bottom:22px}
.page-hero h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.4;letter-spacing:.04em;
}
.page-hero-desc{
  font-size:15px;color:var(--ink-soft);line-height:2;margin-top:22px;max-width:620px;
}
.inner-hero{background:linear-gradient(180deg,var(--cream) 0%,var(--ivory) 100%)}

/* ---------- journal ---------- */
.journal-section{padding:clamp(56px,6vw,88px) 0 clamp(90px,10vw,150px)}
.journal-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(36px,4vw,56px)}
.filter-btn{
  font-size:12.5px;letter-spacing:.06em;padding:9px 20px;border-radius:999px;
  border:1px solid var(--line-strong);color:var(--ink-soft);transition:all .35s var(--ease);
}
.filter-btn:hover{border-color:var(--sage-deep);color:var(--sage-deep)}
.filter-btn.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,34px)}
.post-card{
  display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);
  border-radius:4px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.post-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(44,51,46,.1)}
.post-cover{aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.post-card:hover .post-cover img{transform:scale(1.055)}
.post-info{padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;flex:1}
.post-cat{font-size:10.5px;letter-spacing:.16em;color:var(--sage-deep)}
.post-info h3{
  font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.6;
  letter-spacing:.03em;margin-top:16px;
}
.post-info>p{font-size:12.5px;line-height:1.95;color:var(--ink-soft);margin-top:14px;flex:1}
.post-meta{
  display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:18px;
  border-top:1px solid var(--line);font-size:10.5px;color:var(--ink-faint);
}
.journal-empty{grid-column:1/-1;text-align:center;padding:80px 0;color:var(--ink-faint);font-size:14px}

/* ---------- article / custom page ---------- */
.article-hero{
  padding:clamp(70px,8vw,120px) 0 clamp(48px,5vw,72px);
  background:linear-gradient(180deg,var(--mist) 0%,var(--ivory) 100%);
}
.back-link{display:inline-block;font-size:12px;letter-spacing:.06em;color:var(--sage-deep);margin-bottom:38px}
.back-link:hover{text-decoration:underline}
.article-hero h1{
  font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4.4vw,3.5rem);
  line-height:1.5;letter-spacing:.035em;margin-top:20px;max-width:900px;
}
.article-excerpt{font-size:15px;line-height:2;color:var(--ink-soft);margin-top:24px;max-width:720px}
.article-meta{display:flex;align-items:center;gap:14px;margin-top:32px;font-size:11.5px;color:var(--ink-faint);letter-spacing:.06em}
.article-meta i{width:3px;height:3px;border-radius:50%;background:var(--sage)}
.article-cover{margin-top:clamp(40px,5vw,72px)}
.article-cover img{width:100%;max-height:560px;object-fit:cover;border-radius:4px}
.article-body{padding:clamp(48px,6vw,80px) clamp(22px,5vw,72px) clamp(60px,7vw,100px);max-width:900px}
.article-body h2{
  font-family:var(--serif);font-weight:400;font-size:1.8rem;line-height:1.6;
  letter-spacing:.04em;margin:52px 0 20px;
}
.article-body h3{
  font-family:var(--serif);font-weight:400;font-size:1.4rem;line-height:1.6;
  letter-spacing:.04em;margin:44px 0 16px;color:var(--sage-deep);
}
.article-body p{font-size:15px;line-height:2.2;color:var(--ink-soft);margin:0 0 22px}
.article-body strong{color:var(--ink);font-weight:600}
.article-body blockquote{
  margin:40px 0;padding:26px 32px;border-left:2px solid var(--sage);
  background:var(--mist);font-family:var(--serif);font-size:1.2rem;line-height:1.9;color:var(--sage-deep);
}
.article-body img{width:100%;border-radius:4px;margin:28px 0}
.article-body ul{margin:0 0 24px;padding-left:20px;list-style:disc}
.article-body li{font-size:15px;line-height:2.1;color:var(--ink-soft)}
.article-body a{color:var(--sage-deep);text-decoration:underline}
.article-foot{padding-bottom:clamp(80px,9vw,130px)}
.missing{text-align:center;padding:clamp(100px,12vw,180px) 0}
.missing h1{font-family:var(--serif);font-weight:400;font-size:2rem;margin-bottom:18px}
.missing p{color:var(--ink-soft);font-size:14px;margin-bottom:34px}

@media (max-width:860px){
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .article-body{padding-left:0;padding-right:0}
}
@media (max-width:560px){
  .post-grid{grid-template-columns:1fr}
  .page-hero h1{font-size:2.3rem}
  .article-hero h1{font-size:1.9rem}
  .article-body h2{font-size:1.5rem}
  .article-body h3{font-size:1.25rem}
  .article-body p{font-size:14.5px}
  .article-body blockquote{padding:20px 22px;font-size:1.08rem}
  .post-meta{flex-direction:column;gap:4px}
}

/* ---------- WordPress-specific additions ---------- */
.filter-btn{display:inline-block}
/* Brand logo sizing lives in theme.css (single source of truth). */
.pagination,.nav-links.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--ink-soft);background:#fff;transition:all .25s}
.pagination .page-numbers:hover{border-color:var(--sage-deep);color:var(--sage-deep)}
.pagination .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff}
.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;position:static;transform:none;opacity:1;visibility:visible;background:transparent;border:0;box-shadow:none;padding:0}
.pagination ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
.pagination li{list-style:none}
.article-body .page-links{margin:28px 0;font-size:13px;color:var(--ink-soft)}
.article-body .page-links a{margin:0 6px;padding:4px 9px;border:1px solid var(--line);border-radius:5px}
.article-body .wp-block-image img{border-radius:4px}
.article-body .wp-block-quote{margin:40px 0;padding:26px 32px;border-left:2px solid var(--sage);background:var(--mist)}