/* トップページ「各種お知らせ」（2026-10-11）
   リニューアル案のトップ（.tp-news）と同じ見た目。部品は blog.css / workshop.css と同じ名前で、.home-news の中だけに効かせる */
.home-news {
  --ws-accent: #ff6a00;
  --ws-accent-soft: rgba(255,106,0,0.10);
  --ws-accent-ink: #c24f00;
  --ws-line: #e8e8e8;
  --ws-muted: #888;
  --ws-ink-2: #444;
  --ws-radius: 14px;
  max-width: 760px; margin: 16px auto 8px; padding: 0 16px; box-sizing: border-box; text-align: left;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .02em;
}
.home-news-box { border: 1px solid var(--ws-line); border-radius: var(--ws-radius); background: #fff; overflow: hidden; }
.home-news .bl-news, .home-news .bl-news > li { margin: 0; padding: 0; list-style: none; background: none; border: 0; }
.home-news .bl-news { padding: 0 16px; }
.home-news .bl-news > li + li { border-top: 1px solid var(--ws-line); }
.home-news .bl-news-item {
  display: grid; grid-template-columns: 52px minmax(0, 1fr) 14px; gap: 14px; align-items: start;
  padding: 14px 0; color: #111 !important; text-decoration: none !important;
}
.home-news .bl-news-item:focus-visible { outline: 2px solid var(--ws-accent); outline-offset: 4px; border-radius: 6px; }
.home-news .bl-date {
  display: flex; flex-direction: column; align-items: center; padding: 7px 0 8px;
  border: 1px solid var(--ws-line); border-radius: 10px; background: #fff; line-height: 1.1; text-align: center;
}
.home-news .bl-date-y { font-size: 9.5px; letter-spacing: .12em; color: var(--ws-accent-ink); font-weight: 600; }
.home-news .bl-date-md { margin-top: 2px; font-size: 16px; font-weight: 600; letter-spacing: .01em; font-variant-numeric: tabular-nums; }
.home-news .bl-date-dow { margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--ws-line); align-self: stretch; font-size: 10px; font-weight: 600; letter-spacing: .08em; color: var(--ws-ink-2); }
.home-news .bl-news-main { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.home-news .bl-news-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.home-news .ws-status { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 2px 9px; border-radius: 12px; font-size: 11px; letter-spacing: .06em; font-weight: 600; line-height: 1.6; background: var(--ws-accent-soft); color: var(--ws-accent-ink); }
.home-news .ws-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.home-news .ws-status--soon { background: #f2f2f2; color: var(--ws-ink-2); }
.home-news .ws-status--done { background: #f2f2f2; color: var(--ws-muted); }
.home-news .bl-news-title { margin: 0; font-size: 14.5px; font-weight: 600; line-height: 1.55; color: #111; transition: color .2s; }
.home-news .bl-arrow { align-self: center; color: var(--ws-muted); font-size: 15px; transition: transform .2s, color .2s; }
.home-news .bl-news-item:hover .bl-news-title { color: var(--ws-accent-ink); }
.home-news .bl-news-item:hover .bl-arrow { color: var(--ws-accent); transform: translateX(3px); }
.home-news-more { margin: 12px 0 0; text-align: right; font-size: 13px; }
.home-news-more a { color: var(--ws-accent-ink) !important; text-decoration: none; }
.home-news-more a:hover { text-decoration: underline; }