/* Scoped styles for TorippieNews. Do not override the shop's theme. */
.tp-newsbox { max-width: 1180px; margin: 28px auto 38px; padding: 0 18px; color: #354946; font-family: inherit; }
.tp-newsbox *, .tp-newsbox *::before, .tp-newsbox *::after { box-sizing: border-box; }
.tp-newsbox__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.tp-newsbox__panel { min-width: 0; background: #fff; border: 1px solid #e0ece6; border-radius: 16px; padding: 21px 24px 14px; box-shadow: 0 4px 16px rgba(63, 96, 78, .055); }
.tp-newsbox__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 13px; border-bottom: 2px solid #edf5ef; }
.tp-newsbox__head h2 { padding: 0; margin: 0 0 3px; color: #3f6b55; font-size: 22px; font-weight: 750; letter-spacing: .06em; line-height: 1.4; }
.tp-newsbox__eyebrow { font-size: 10px; letter-spacing: .19em; color: #9aaea0; font-weight: bold; margin: 0 0 4px; }
.tp-newsbox__sub { margin: 0; color: #7b8a84; font-size: 11px; }
.tp-newsbox__more { flex: none; font-size: 12px; line-height: 1.3; padding: 7px 11px; border: 1px solid #cadfd2; border-radius: 999px; color: #527e62; text-decoration: none; white-space: nowrap; }
.tp-newsbox__more:hover, .tp-newsbox__more:focus { color: #2f6344; border-color: #689e76; text-decoration: underline; }
.tp-newsbox__items { list-style: none; margin: 0; padding: 0; }
.tp-newsbox__item { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; border-bottom: 1px solid #edf1ee; padding: 14px 0; line-height: 1.55; }
.tp-newsbox__item:last-child { border-bottom: 0; }
.tp-newsbox__date { color: #75857c; font-size: 11px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tp-newsbox__tag { display: inline-flex; align-items: center; font-weight: 600; white-space: nowrap; color: #51746a; background: #e8f3ee; padding: 2px 8px; border-radius: 4px; font-size: 10px; }
.tp-newsbox__tag--important { color: #a1521b; background: #fff0e1; }
.tp-newsbox__link { display: inline-block; flex: 1 1 165px; min-width: 0; font-size: 13px; color: #334a40; text-decoration: none; overflow-wrap: anywhere; }
.tp-newsbox__link:hover, .tp-newsbox__link:focus { color: #397a52; text-decoration: underline; }
.tp-newsbox__empty { font-size: 13px; color: #81938a; padding: 16px 0; }
/* Article archive and detail */
.tp-newsbox--page { margin-top: 36px; margin-bottom: 70px; max-width: 900px; }
.tp-newsbox__breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; color: #718477; font-size: 12px; margin: 0 0 24px; }
.tp-newsbox__breadcrumb a, .tp-newsbox__back a { color: #518365; }
.tp-newsbox__pagehead { border-bottom: 1px solid #deebe4; padding-bottom: 22px; margin-bottom: 20px; }
.tp-newsbox__pagehead h1, .tp-newsbox__article-detail h1 { font-size: 27px; line-height: 1.5; color: #365f48; margin: 0 0 9px; }
.tp-newsbox__pagehead p { color: #6c8175; margin: 0; }
.tp-newsbox__tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 15px; }
.tp-newsbox__tabs a { display: inline-block; color: #587567; text-decoration: none; padding: 9px 17px; border-radius: 999px; border: 1px solid #d7e7de; font-size: 13px; }
.tp-newsbox__tabs a.is-active, .tp-newsbox__tabs a:hover { background: #4f8962; color: #fff; border-color: #4f8962; }
.tp-newsbox__articlelist { border-radius: 13px; border: 1px solid #e1ece5; background: #fff; padding: 3px 21px; }
.tp-newsbox__article-row { padding: 18px 0; border-bottom: 1px solid #edf1ee; }
.tp-newsbox__article-row:last-child { border-bottom: none; }
.tp-newsbox__article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #6c8476; font-size: 12px; margin-bottom: 10px; }
.tp-newsbox__article-row h2 { font-size: 15px; line-height: 1.65; margin: 0; font-weight: 600; }
.tp-newsbox__article-row h2 a { color: #355e49; text-decoration: none; }
.tp-newsbox__article-row h2 a:hover { text-decoration: underline; }
.tp-newsbox__pagination { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 24px 0; font-size: 13px; }
.tp-newsbox__pagination a { color: #487e5b; text-decoration: underline; }
.tp-newsbox__article-detail { padding: 28px; background: #fff; border: 1px solid #e1ece5; border-radius: 13px; }
.tp-newsbox__article-detail h1 { border-bottom: 1px solid #e1ece5; padding-bottom: 18px; }
.tp-newsbox__body { line-height: 2; font-size: 15px; white-space: normal; overflow-wrap: anywhere; min-height: 80px; }
.tp-newsbox__detail-link { margin-top: 25px; }
.tp-newsbox__detail-link a { color: #3b7850; font-weight: bold; }
.tp-newsbox__back { margin-top: 20px; font-size: 14px; }
@media(max-width: 800px) {
  .tp-newsbox { margin: 18px auto 28px; padding: 0 12px; }
  .tp-newsbox__grid { grid-template-columns: 1fr; gap: 13px; }
  .tp-newsbox__panel { padding: 17px 17px 10px; border-radius: 12px; }
  .tp-newsbox__head h2 { font-size: 20px; }
  .tp-newsbox__item { padding: 12px 0; }
  .tp-newsbox--page { margin-top: 24px; }
  .tp-newsbox__article-detail { padding: 18px; }
  .tp-newsbox__article-detail h1 { font-size: 23px; }
}