/*
Theme Name: PANDORA Child
Theme URI: https://tcd-theme.com/tcd116
Template: pandora_tcd116
Author: TCD
Author URI: https://tcd-theme.com/
Description: "PANDORA" is a flexible WordPress theme made for blogs and media. It comes with lots of layout options and great scalability, so you can build anything from a personal blog to a team-run media site using just this one theme.
Version: 1.0.5.1756473387
Updated: 2025-08-29 22:16:27
*/

/* ===== 日々是幸日 (Well-being News, PANDORA style) ===== */
.wb-news{
  background:#fff;
  border:1px solid #e9e9e9;
  border-radius:0;
  padding:16px 18px;
  box-shadow:none;
}
.wb-news__head{
  display:flex; align-items:center; justify-content:space-between;
  margin:0 0 10px;
  border-bottom:1px solid #efefef;
  padding-bottom:8px;
}
.wb-news__title{
  margin:0; font-size:18px; line-height:1.4; letter-spacing:.02em;
}
.wb-news__more{
  font-size:13px; text-decoration:none; color:inherit; opacity:.7;
}
.wb-news__more:hover{ opacity:1; text-decoration:underline; }

/* リストのベース */
.wb-news__list{ list-style:none !important; margin:0; padding:0; }
.wb-news__item{
  margin:0; padding:10px 0;
  border-top:1px solid #f0f0f0;
}
.wb-news__item:first-child{ border-top:none; }

/* === 1行分のレイアウト：グリッドで上段テキスト/下段(出典・NEW) === */
.wb-news__link{
  display:grid !important;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;             /* 1段目=テキスト, 2段目=出典/NEW */
  grid-template-areas:
    "text text"
    "source badge";
  column-gap:8px;
  row-gap:4px;
  align-items:center;
  text-decoration:none;
  color:inherit;
  overflow:hidden;                            /* 枠外にはみ出さない */
}

/* 上段：要約テキスト（最大3行で省略） */
.wb-news__text{
  grid-area:text;
  line-height:1.6;
  font-size:15px;
  color:#222;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;                       /* 3行で省略 */
  -webkit-box-orient:vertical;
  word-break:break-word;                      /* 長い語の折り返し */
  min-width:0;                                /* はみ出し防止 */
}
.wb-news__link:hover .wb-news__text{ text-decoration:underline; }

/* 左下：出典チップ */
.wb-news__source{
  grid-area:source;
  font-size:11px;
  padding:2px 6px;
  border:1px solid #d8dde6;
  color:#445;
  border-radius:0;
  white-space:nowrap;                         /* 1行固定 */
  align-self:end;
}

/* 右下：NEWバッジ */
.wb-news__badge{
  grid-area:badge;
  font-size:11px; line-height:1;
  padding:2px 6px;
  border:1px solid #e05b5b;
  color:#e05b5b;
  border-radius:0;
  white-space:nowrap;
  justify-self:end;                           /* 右寄せ */
  align-self:end;
}

@media (max-width: 960px){
  .wb-news{ padding:14px; }
  .wb-news__title{ font-size:16px; }
  .wb-news__text{ font-size:14px; }
}