.news-page { background: var(--ivory); }

.news-archive__hero {
  position: relative;
  overflow: hidden;
  padding: 176px 0 92px;
  background: var(--rose-soft);
}

.news-archive__hero::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -150px;
  width: 330px;
  height: 330px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 50%;
}

.news-archive__hero .site-width { position: relative; z-index: 1; }
.news-archive__hero .site-width > p:first-child { margin: 0 0 14px; color: var(--rose-dark); font-family: var(--font-en); font-size: 13px; font-weight: 600; letter-spacing: .12em; }
.news-archive__hero h1 { margin: 0; font-family: "Zen Maru Gothic", var(--font-jp); font-size: clamp(46px, 5vw, 62px); font-weight: 700; line-height: 1.35; }
.news-archive__lead { max-width: 660px; margin: 24px 0 0; color: var(--sub); font-size: 16px; line-height: 1.9; }

.news-archive__body { padding: 108px 0 132px; background: var(--ivory); }
.news-archive__columns { display: grid; align-items: start; gap: 42px; grid-template-columns: minmax(0, 1fr) 286px; }
.news-archive__main { min-width: 0; }
.news-archive__main .p-postListWrap { margin: 0; }
.news-archive__main .c-pagination { margin-top: 54px; }
.news-archive__list { border-top: 1px solid rgba(75,66,63,.16); }
.news-archive__card { margin: 0; border-bottom: 1px solid rgba(75,66,63,.16); }
.news-archive__card > a { display: grid; align-items: center; gap: 34px; grid-template-columns: 150px 1fr 48px; padding: 34px 8px; color: var(--brown); transition: background .25s, padding .25s; }
.news-archive__card > a:hover { padding-right: 18px; padding-left: 18px; background: rgba(255,255,255,.68); }
.news-archive__meta { display: grid; gap: 9px; justify-items: start; }
.news-archive__meta time { color: var(--sub); font-family: var(--font-en); font-size: 13px; }
.news-archive__meta span { padding: 4px 10px; border-radius: 999px; background: var(--sage-soft); color: #667862; font-size: 11px; font-weight: 600; }
.news-archive__copy h2 { margin: 0 0 10px; font-size: 21px; font-weight: 600; line-height: 1.6; }
.news-archive__copy p { margin: 0; color: var(--sub); font-size: 14px; line-height: 1.8; }
.news-archive__arrow { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(75,66,63,.2); border-radius: 50%; color: var(--rose-dark); }
.news-archive__empty { margin: 0; padding: 52px; border-radius: 24px; background: var(--white); color: var(--sub); text-align: center; }
.news-archive .navigation.pagination { margin-top: 54px; }
.news-archive .nav-links { display: flex; align-items: center; justify-content: center; gap: 8px; }
.news-archive .page-numbers { display: grid; min-width: 42px; height: 42px; place-items: center; padding: 0 10px; border: 1px solid rgba(75,66,63,.16); border-radius: 50%; background: var(--white); color: var(--brown); font-size: 13px; }
.news-archive .page-numbers.current { border-color: var(--rose); background: var(--rose); color: #fff; }
.news-archive .page-numbers.prev,
.news-archive .page-numbers.next { width: auto; border-radius: 999px; }

@media (max-width: 760px) {
  .news-archive__hero { padding: 132px 0 72px; }
  .news-archive__body { padding: 76px 0 96px; }
  .news-archive__card > a { gap: 16px; grid-template-columns: 1fr 40px; padding: 28px 0; }
  .news-archive__meta { grid-column: 1 / -1; grid-template-columns: auto auto; align-items: center; justify-content: start; }
  .news-archive__copy h2 { font-size: 19px; }
  .news-archive__copy p { display: none; }
  .news-archive__arrow { width: 38px; height: 38px; }
}

/* Single post */
.news-single-page { background: var(--ivory); }
.news-single__hero { position: relative; overflow: hidden; padding: 166px 0 86px; background: var(--sage-soft); }
.news-single__hero::before { content: ""; position: absolute; top: -120px; right: -80px; width: 330px; height: 330px; border-radius: 50%; background: rgba(255,255,255,.42); }
.news-single__hero-inner { position: relative; z-index: 1; max-width: 960px; }
.news-single__eyebrow { margin: 0 0 18px; color: var(--rose-dark); font-family: var(--font-en); font-size: 13px; font-weight: 600; letter-spacing: .12em; }
.news-single__meta { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.news-single__meta time { color: var(--sub); font-family: var(--font-en); font-size: 13px; }
.news-single__meta span { padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.72); color: #667862; font-size: 11px; font-weight: 600; }
.news-single__hero h1 { max-width: 900px; margin: 0; font-family: "Zen Maru Gothic", var(--font-jp); font-size: clamp(34px, 4vw, 48px); font-weight: 700; line-height: 1.55; letter-spacing: .025em; }
.news-single__body { padding: 86px 0 132px; }
.news-single__layout { max-width: 1120px; }
.news-single__columns { display: grid; align-items: start; gap: 42px; grid-template-columns: minmax(0, 1fr) 286px; }
.news-single__main { min-width: 0; }
.news-single > .l-mainContent { width: 100%; max-width: none; margin: 0; padding: 0; }
.news-single__featured { overflow: hidden; margin: 0 0 42px; border-radius: 28px 28px 8px 28px; background: var(--white); }
.news-single__featured img { display: block; width: 100%; max-height: 560px; object-fit: cover; }
.news-single__content { padding: clamp(34px, 5vw, 68px); border-radius: 30px 30px 8px 30px; background: var(--white); box-shadow: 0 18px 50px rgba(75,66,63,.07); color: var(--brown); font-size: 16px; line-height: 2; }
.news-single__content > :first-child { margin-top: 0; }
.news-single__content > :last-child { margin-bottom: 0; }
.news-single__content h2:not([class*="is-style-"]) { margin: 2.2em 0 .9em; padding-bottom: .45em; border-bottom: 2px solid var(--rose-soft); font-family: "Zen Maru Gothic", var(--font-jp); font-size: clamp(26px, 3vw, 32px); line-height: 1.55; }
.news-single__content h3:not([class*="is-style-"]) { margin: 2em 0 .8em; color: var(--brown); font-size: 22px; line-height: 1.65; }
.news-single__content p { margin: 0 0 1.6em; }
.news-single__content a { color: var(--rose-dark); text-decoration: underline; text-underline-offset: 3px; }
.news-single__content img { border-radius: 16px; }
.news-single__back { margin-top: 42px; text-align: center; }
.news-single .post-navigation { margin-top: 64px; padding-top: 30px; border-top: 1px solid rgba(75,66,63,.16); }
.news-single .nav-links { display: grid; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.news-single .nav-next { text-align: right; }
.news-single .post-navigation a { display: block; color: var(--brown); }
.news-single .post-navigation small { display: block; margin-bottom: 8px; color: var(--sub); font-size: 12px; }
.news-single .post-navigation strong { font-size: 15px; line-height: 1.65; }
.news-single__sidebar { position: sticky; top: 110px; display: grid; gap: 20px; }
.news-single__side-card { margin: 0; padding: 25px 24px; border: 1px solid rgba(75,66,63,.1); border-radius: 22px 22px 6px 22px; background: var(--white); }
.news-single__side-card h2 { margin: 0 0 16px; padding-bottom: 12px; border-bottom: 2px solid var(--rose-soft); font-family: "Zen Maru Gothic", var(--font-jp); font-size: 18px; line-height: 1.5; }
.news-single__side-card ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.news-single__side-card li { padding: 11px 0; border-bottom: 1px solid rgba(75,66,63,.1); font-size: 13px; line-height: 1.65; }
.news-single__side-card li:last-child { border-bottom: 0; }
.news-single__side-card a { color: var(--brown); }
.news-single__side-card .search-form { display: grid; gap: 10px; }
.news-single__side-card .search-field { width: 100%; min-height: 46px; padding: 9px 12px; border: 1px solid rgba(75,66,63,.2); border-radius: 10px; background: var(--ivory); font: inherit; }
.news-single__side-card .search-submit { min-height: 42px; border: 0; border-radius: 999px; background: var(--rose); color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }

@media (max-width: 920px) {
  .news-archive__columns,
  .news-single__columns { grid-template-columns: 1fr; }
  .news-single__sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-single__side-card:first-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .news-single__hero { padding: 128px 0 66px; }
  .news-single__body { padding: 60px 0 92px; }
  .news-single__content { padding: 30px 24px; border-radius: 22px 22px 6px 22px; }
  .news-single__content h2:not([class*="is-style-"]) { font-size: 26px; }
  .news-single .nav-links { grid-template-columns: 1fr; }
  .news-single .nav-next { text-align: left; }
  .news-single__sidebar { grid-template-columns: 1fr; }
  .news-single__side-card:first-child { grid-column: auto; }
}