/* ==========================================================
   Lead Campus Corporate Site — News (spec §5-5)
   一覧=archive / 詳細=single。WordPress（カスタム投稿 news + カテゴリ3種）
   への移植を想定したマークアップ。prefix: lc- / navy・gold のみ。
   ========================================================== */

/* ----- 一覧：フィルタバー（年＋カテゴリチップ） ----- */
.lc-newsfilter{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:44px;
  padding-bottom:22px;border-bottom:1px solid var(--lc-line)}
.lc-newsfilter__group{display:flex;align-items:center;gap:20px}
.lc-newsfilter__label{font-family:var(--font-display);font-weight:700;font-size:12px;
  letter-spacing:.14em;color:var(--lc-text-sub);text-transform:uppercase;flex:0 0 68px;width:68px}
.lc-newsfilter__chips{display:flex;flex-wrap:wrap;gap:8px}
.lc-fchip{padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;
  border:1px solid var(--lc-line);background:#fff;color:var(--lc-text-sub);
  transition:.18s;text-decoration:none;line-height:1.4}
.lc-fchip:hover{border-color:var(--lc-gold);color:var(--lc-navy)}
.lc-fchip.is-active{background:var(--lc-navy);border-color:var(--lc-navy);color:#fff}

/* ----- 一覧：行型リスト（日付／カテゴリチップ／タイトル） ----- */
.lc-newslist{margin-top:8px}
.lc-newsrow{display:grid;grid-template-columns:128px 124px 1fr auto;align-items:center;gap:28px;
  padding:28px 8px;border-bottom:1px solid var(--lc-line);transition:.18s}
.lc-newsrow:hover{background:var(--lc-bg-alt)}
.lc-newsrow__date{font-family:var(--font-display);font-weight:700;font-size:17px;
  letter-spacing:.04em;color:var(--lc-navy);white-space:nowrap}
.lc-newsrow__date small{display:block;font-size:11px;font-weight:500;letter-spacing:.1em;
  color:var(--lc-text-sub);margin-top:2px}
.lc-newsrow__title{font-size:16.5px;font-weight:700;color:var(--lc-navy);line-height:1.7;
  text-decoration:none}
.lc-newsrow:hover .lc-newsrow__title{color:var(--lc-gold-deep,var(--lc-gold))}
.lc-newsrow__arrow{color:var(--lc-line);font-size:18px;transition:.18s}
.lc-newsrow:hover .lc-newsrow__arrow{color:var(--lc-gold);transform:translateX(4px)}

/* カテゴリチップ（3種） */
.lc-cat{display:inline-block;padding:5px 13px;border-radius:5px;font-size:12px;font-weight:700;
  letter-spacing:.04em;white-space:nowrap;text-align:center}
.lc-cat--press{background:var(--lc-navy);color:#fff}
.lc-cat--info{background:var(--lc-gold-soft);color:var(--lc-gold-deep,#7a5a16)}
.lc-cat--media{background:#fff;color:var(--lc-navy);border:1px solid var(--lc-navy)}

/* 該当なし */
.lc-newsempty{padding:60px 8px;text-align:center;color:var(--lc-text-sub);font-size:15px}

/* ページネーション（WPは the_posts_pagination()） */
.lc-pager{display:flex;justify-content:center;gap:8px;margin-top:48px}
.lc-pager__item{min-width:42px;height:42px;display:grid;place-items:center;border-radius:8px;
  border:1px solid var(--lc-line);font-size:14px;font-weight:600;color:var(--lc-text-sub);
  text-decoration:none;padding:0 12px}
.lc-pager__item.is-active{background:var(--lc-navy);border-color:var(--lc-navy);color:#fff}
.lc-pager__item:hover:not(.is-active){border-color:var(--lc-gold);color:var(--lc-navy)}

/* ==========================================================
   詳細（single）
   ========================================================== */
.lc-article{max-width:760px;margin:0 auto}
.lc-article__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lc-article__date{font-family:var(--font-display);font-weight:700;font-size:15px;
  letter-spacing:.04em;color:var(--lc-text-sub)}
.lc-article__title{font-family:var(--font-display);font-weight:700;
  font-size:clamp(26px,3.4vw,38px);line-height:1.5;letter-spacing:.03em;color:var(--lc-navy);
  margin:20px 0 0}
.lc-article__hero{margin:40px 0;border-radius:var(--radius-card);overflow:hidden;
  box-shadow:var(--shadow-card);position:relative;aspect-ratio:16/8}
.lc-article__hero .lc-ph{position:absolute;inset:0}
.lc-article__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 本文タイポ */
.lc-prose{font-size:16.5px;line-height:1.95;color:var(--lc-text)}
.lc-prose>*+*{margin-top:22px}
.lc-prose h2{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.03em;
  color:var(--lc-navy);margin-top:44px;padding-top:0;line-height:1.5}
.lc-prose h3{font-weight:700;font-size:18px;color:var(--lc-navy);margin-top:32px}
.lc-prose p{text-wrap:pretty}
.lc-prose a{color:var(--lc-gold-deep,var(--lc-gold));text-decoration:underline;text-underline-offset:3px}
.lc-prose ul,.lc-prose ol{padding-left:1.3em;display:flex;flex-direction:column;gap:10px}
.lc-prose li{line-height:1.85}
.lc-prose blockquote{border-left:3px solid var(--lc-gold);padding:6px 0 6px 22px;
  color:var(--lc-text-sub);font-style:normal}
.lc-prose strong{color:var(--lc-navy)}
.lc-prose hr{border:none;border-top:1px solid var(--lc-line);margin:34px 0}

/* SNSシェア */
.lc-share{display:flex;align-items:center;gap:14px;margin-top:48px;padding-top:30px;
  border-top:1px solid var(--lc-line)}
.lc-share__label{font-family:var(--font-display);font-weight:700;font-size:12px;
  letter-spacing:.12em;color:var(--lc-text-sub);text-transform:uppercase}
.lc-share__btns{display:flex;gap:10px}
.lc-share__btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--lc-line);color:var(--lc-navy);transition:.18s;text-decoration:none}
.lc-share__btn:hover{background:var(--lc-navy);border-color:var(--lc-navy);color:#fff}
.lc-share__btn svg{width:18px;height:18px;fill:currentColor}

/* 記事フッターナビ（前後・一覧へ） */
.lc-artnav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  max-width:760px;margin:46px auto 0;padding-top:30px;border-top:1px solid var(--lc-line)}
.lc-artnav__link{font-size:14px;font-weight:600;color:var(--lc-text-sub);text-decoration:none}
.lc-artnav__link:hover{color:var(--lc-gold)}
.lc-artnav__link--back{color:var(--lc-navy)}

/* ==========================================================
   レスポンシブ
   ========================================================== */
@media (max-width:768px){
  .lc-newsrow{grid-template-columns:1fr auto;gap:8px 14px;padding:22px 4px}
  .lc-newsrow__date{grid-column:1;font-size:15px}
  .lc-newsrow__cat{grid-column:1;grid-row:1;justify-self:start}
  .lc-newsrow__date{grid-row:2}
  .lc-newsrow__title{grid-column:1 / -1;grid-row:3;font-size:15.5px}
  .lc-newsrow__arrow{display:none}
  .lc-newsfilter{gap:18px}
}
.lc-newsfilter__group{align-items:flex-start}
.lc-newsfilter__group--year .lc-newsfilter__chips{margin-top:0}