.journal-index-hero{padding:150px 0 88px;background:linear-gradient(150deg,#f1e4d9,#fbf7f3);border-bottom:1px solid var(--line)}.journal-index-hero h1{font-size:clamp(4.2rem,11vw,9rem);line-height:.88;letter-spacing:-.075em;margin:16px 0 28px}.journal-index-hero>div>p:last-child{max-width:710px;color:var(--muted);font-size:1.06rem}.journal-filterbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.journal-filter{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;font-size:.72rem;font-weight:800;cursor:pointer}.journal-filter.active,.journal-filter:hover{background:var(--walnut);color:#fff;border-color:var(--walnut)}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.journal-card{border-top:1px solid var(--line);padding-top:14px}.journal-card[hidden]{display:none}.journal-card-image{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#eadfd6}.journal-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.journal-card:hover .journal-card-image img{transform:scale(1.035)}.journal-card-copy{padding:18px 4px 8px}.journal-card-copy>small{font-size:.62rem;letter-spacing:.12em;font-weight:850;color:var(--clay-dark)}.journal-card h2{font-size:1.35rem;line-height:1.28;margin:10px 0}.journal-card h2 a{text-decoration:none}.journal-card p{color:var(--muted);font-size:.88rem;line-height:1.65}.journal-read{font-size:.76rem;font-weight:820;color:var(--clay-dark);text-decoration:none}.journal-empty{grid-column:1/-1;padding:80px 0;border-top:1px solid var(--line)}.journal-empty h2{font-size:clamp(2rem,5vw,4rem);max-width:760px}.journal-article-hero{padding:142px 0 60px;background:#f8f3ef}.journal-article-shell{max-width:920px}.journal-back{display:inline-block;text-decoration:none;color:var(--muted);font-size:.78rem;font-weight:760;margin-bottom:44px}.journal-article-hero h1{font-size:clamp(2.7rem,7vw,6rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0 24px}.journal-deck{font-size:clamp(1.04rem,2vw,1.3rem);line-height:1.68;color:var(--muted);max-width:800px}.journal-byline{display:flex;gap:20px;margin-top:24px;font-size:.75rem;font-weight:760;color:var(--clay-dark)}.journal-cover{margin:44px 0 0;border-radius:24px;overflow:hidden;background:#eadfd6}.journal-cover img{display:block;width:100%;max-height:700px;object-fit:cover}.journal-body-shell{max-width:760px;padding-top:58px;padding-bottom:100px}.journal-body{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-size:1.055rem;line-height:1.92;color:#433830}.journal-body p{margin:0 0 1.5em}.journal-body h2{font-family:inherit;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.3;letter-spacing:-.03em;margin:2.2em 0 .75em;color:var(--ink)}.journal-body h3{font-family:inherit;font-size:1.35rem;margin:1.9em 0 .6em;color:var(--ink)}.journal-body ul,.journal-body ol{padding-left:1.4em;margin:1.4em 0}.journal-body blockquote{border-left:3px solid var(--clay);padding:7px 0 7px 22px;margin:2em 0;color:var(--muted);font-size:1.12em}.journal-body a{color:var(--clay-dark);text-decoration-thickness:1px;text-underline-offset:3px}.journal-body img{display:block;max-width:100%;height:auto;border-radius:16px;margin:2.2em auto}.journal-cta{margin:70px 0 0;padding:34px;border-radius:22px;background:var(--walnut);color:#fff}.journal-cta small{font-size:.62rem;letter-spacing:.14em;color:#e9ad88;font-weight:850}.journal-cta h2{font-size:2rem;margin:12px 0}.journal-cta p{color:rgba(255,255,255,.72)}.journal-related{margin-top:72px;padding-top:34px;border-top:1px solid var(--line)}.journal-related>h2{font-size:2rem;margin:8px 0 24px}.journal-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.journal-related-card{border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;background:#fff}.journal-related-card small{display:block;font-size:.58rem;letter-spacing:.12em;color:var(--clay-dark);font-weight:850;margin-bottom:9px}.journal-related-card strong{font-size:.9rem;line-height:1.45}.journal-related-card:hover{border-color:rgba(185,104,50,.45);transform:translateY(-2px)}@media(max-width:900px){.journal-grid{grid-template-columns:repeat(2,1fr)}.journal-related-grid{grid-template-columns:1fr}.journal-index-hero{padding-top:120px}}@media(max-width:620px){.journal-grid{grid-template-columns:1fr}.journal-index-hero{padding:105px 0 65px}.journal-article-hero{padding:110px 0 40px}.journal-cover{margin-top:28px;border-radius:17px}.journal-body-shell{padding-top:38px}.journal-cta{padding:26px 22px}.journal-filterbar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.journal-filter{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.journal-card-image img,.journal-related-card{transition:none!important}}

/* OM Journal CMS v1.3 — consolidated archive / category / pagination UI */
.journal-featured{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:0;
  margin:0 0 58px;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  background:#f7efe8;
}
.journal-featured-image{min-height:430px;overflow:hidden;background:#eadfd6}
.journal-featured-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.journal-featured:hover .journal-featured-image img{transform:scale(1.025)}
.journal-featured-copy{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
.journal-featured-copy>small{font-size:.62rem;letter-spacing:.14em;color:var(--clay-dark);font-weight:850}
.journal-featured-copy h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.045em;margin:14px 0 18px}
.journal-featured-copy h2 a{text-decoration:none}
.journal-featured-copy p{color:var(--muted);font-size:.96rem;line-height:1.72;margin:0 0 22px}

.journal-section-label{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.journal-section-label span{font-size:.64rem;letter-spacing:.14em;font-weight:850;color:var(--clay-dark)}
.journal-section-label small{font-size:.68rem;color:var(--muted)}
.journal-filter{text-decoration:none;display:inline-flex;align-items:center}

.journal-hero-description{max-width:710px;color:var(--muted);font-size:1.06rem;line-height:1.72;margin:0}

/* Category archive: intentionally more compact than the main Journal hero. */
.journal-category-hero{
  padding:118px 0 58px;
  background:
    radial-gradient(circle at 84% 22%,rgba(185,104,50,.09),transparent 25%),
    linear-gradient(150deg,#f5ebe3,#fbf8f4 64%);
}
.journal-category-hero .shell{max-width:1180px}
.journal-category-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:34px;
  color:var(--muted);
  text-decoration:none;
  font-size:.74rem;
  font-weight:780;
}
.journal-category-back:hover{color:var(--clay-dark)}
.journal-category-hero h1{
  font-size:clamp(3.25rem,7vw,6.25rem);
  line-height:.94;
  letter-spacing:-.065em;
  margin:12px 0 20px;
  max-width:820px;
}
.journal-category-hero .journal-hero-description{max-width:690px;color:var(--muted);font-size:1rem;line-height:1.72;margin:0}
.journal-archive-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:28px}
.journal-archive-meta span{font-size:.64rem;letter-spacing:.12em;font-weight:850;color:var(--clay-dark)}
.journal-archive-meta span+span{position:relative;padding-left:18px}
.journal-archive-meta span+span:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:var(--clay);transform:translateY(-50%)}

/* Later archive pages should not force readers through another oversized hero. */
.journal-paged-hero{padding:112px 0 50px}
.journal-paged-hero h1{font-size:clamp(3.25rem,7vw,6.4rem);margin-bottom:18px}
.journal-paged-hero .journal-hero-description{max-width:700px}
.journal-page-position{margin-top:22px!important;font-size:.66rem!important;letter-spacing:.14em!important;font-weight:850;color:var(--clay-dark)!important}

/* Pagination: stable three-zone layout on every generated archive page. */
.journal-pagination{
  display:grid;
  grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);
  gap:20px;
  align-items:center;
  margin:64px 0 8px;
  padding-top:26px;
  border-top:1px solid var(--line);
}
.journal-pagination-side{min-width:0}
.journal-pagination-side.next{text-align:right}
.journal-pagination-center{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}
.journal-page-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 4px;
  color:var(--ink);
  text-decoration:none;
  font-size:.76rem;
  font-weight:820;
  white-space:nowrap;
}
.journal-pagination-side.next .journal-page-link{justify-content:flex-end}
.journal-page-link:hover{color:var(--clay-dark)}
.journal-page-link.disabled{visibility:hidden;pointer-events:none}
.journal-page-numbers{display:flex;align-items:center;justify-content:center;gap:6px}
.journal-page-number{
  width:38px;
  height:38px;
  border-radius:10px;
  display:grid;
  place-items:center;
  border:1px solid transparent;
  color:var(--ink);
  text-decoration:none;
  font-size:.76rem;
  font-weight:820;
}
.journal-page-number:hover{border-color:var(--line);background:#f7f1ec}
.journal-page-number.current{background:var(--walnut);color:#fff}
.journal-page-ellipsis{color:var(--muted);padding:0 4px}
.journal-page-count{display:block;color:var(--muted);font-size:.64rem;line-height:1.2;text-align:center;letter-spacing:.04em}

.journal-empty{min-height:260px}
.journal-index-page .journal-grid .journal-empty{grid-column:1/-1}

@media(max-width:900px){
  .journal-featured{grid-template-columns:1fr}
  .journal-featured-image{min-height:360px}
  .journal-featured-copy{padding:34px 30px}
  .journal-featured-copy h2{font-size:clamp(2rem,7vw,3.2rem)}
  .journal-category-hero{padding:106px 0 52px}
  .journal-paged-hero{padding:106px 0 48px}
}

@media(max-width:620px){
  .journal-featured{margin-bottom:42px;border-radius:19px}
  .journal-featured-image{min-height:290px}
  .journal-featured-copy{padding:26px 22px}
  .journal-featured-copy h2{font-size:2rem}

  .journal-category-hero{padding:96px 0 42px}
  .journal-category-back{margin-bottom:25px}
  .journal-category-hero h1{font-size:clamp(2.8rem,14vw,4.3rem);letter-spacing:-.055em}
  .journal-category-hero .journal-hero-description{font-size:.95rem}
  .journal-archive-meta{margin-top:22px}
  .journal-paged-hero{padding:96px 0 42px}
  .journal-paged-hero h1{font-size:clamp(2.8rem,14vw,4.3rem)}

  .journal-pagination{grid-template-columns:1fr auto 1fr;gap:8px;margin-top:46px;padding-top:20px}
  .journal-page-numbers{display:none}
  .journal-page-count{font-size:.68rem;white-space:nowrap}
  .journal-pagination-center{min-width:auto}
  .journal-page-link{font-size:.72rem;min-height:42px}
  .journal-pagination-side.prev{text-align:left}
  .journal-pagination-side.next{text-align:right}
}

@media(prefers-reduced-motion:reduce){
  .journal-featured-image img{transition:none!important}
}
