/* 07 — Compact three-post feed and conventional news list. */
.activity-news {
  padding: 30px 0 22px;
  border-top: 1px solid #b5c2b5;
  background: var(--paper);
}
.activity-news__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  column-gap: 28px;
}
.daily-activity { min-width: 0; }
.daily-activity__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.activity-news h2 { font-size: 26px; letter-spacing: .03em; }
.daily-activity h2 { display: flex; align-items: center; gap: 12px; }
.daily-activity h2 img { width: 30px; height: 30px; object-fit: contain; mix-blend-mode: multiply; }
.activity-news__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 0;
  min-height: 44px;
  background: none;
  color: var(--forest);
  font-size: 14px;
  white-space: nowrap;
  text-underline-offset: 5px;
}
.activity-news__link:hover { text-decoration: underline; }
.daily-activity__intro { font-size: 16px; margin: 3px 0 16px; }
.daily-activity__photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.daily-activity__photos > * { min-width: 0; border-radius: 5px; }
.daily-activity__photos a { display: block; }
.daily-activity__photos img { width: 100%; aspect-ratio: 1; height: auto; object-fit: cover; border-radius: 5px; }
.daily-activity__photos a:hover { opacity: .85; }
.company-news { min-width: 0; border-left: 1px solid #b8c4b8; padding-left: 28px; }
.company-news__list { padding: 0; margin: 12px 0 0; list-style: none; }
.company-news__list > li { border-bottom: 1px solid #bcc8bc; }
.company-news__entry {
  display: grid;
  grid-template-columns: 78px 64px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 66px;
  padding: 12px 0;
  background: transparent;
  text-align: left;
}
.company-news__entry:hover .company-news__title { text-decoration: underline; text-underline-offset: 4px; }
.company-news__date { font-size: 12px; color: var(--muted); white-space: nowrap; }
.company-news__category { font-size: 12px; line-height: 1.6; padding: 3px 5px; background: #e3e9de; border-radius: 4px; text-align: center; }
.company-news__title { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.company-news__arrow { font-size: 22px; line-height: 1; }
.company-news__all { display: flex; width: fit-content; margin-left: auto; }
.company-news__empty { padding: 20px 0; font-size: 14px; color: var(--muted); }
.activity-news__sample { grid-column: 1 / -1; font-size: 12px; color: var(--muted); text-align: right; margin-top: 12px; }
.activity-news__sample[hidden] { display: none; }
.activity-news-dialog p { white-space: pre-line; }
.activity-news-dialog__list { list-style: none; padding: 0; }
.activity-news-dialog__list button { display: block; width: 100%; text-align: left; background: none; padding: 16px 0; border-bottom: 1px solid var(--line); }
.activity-news-dialog__list small { display: block; color: var(--muted); margin-bottom: 4px; }
@media (max-width: 1100px) {
  .activity-news__layout { column-gap: 20px; }
  .company-news { padding-left: 20px; }
  .activity-news h2 { font-size: 23px; }
  .daily-activity h2 { gap: 8px; }
  .daily-activity h2 img { width: 25px; height: 25px; }
  .activity-news__link { font-size: 13px; }
  .company-news__entry { grid-template-columns: 78px 64px 1fr; gap: 5px 10px; padding-block: 10px; }
  .company-news__title { grid-row: 2; grid-column: 1 / 3; }
  .company-news__arrow { grid-row: 1 / 3; grid-column: 3; justify-self: end; }
}
@media (max-width: 800px) {
  .activity-news__layout { grid-template-columns: 1fr; gap: 24px; }
  .company-news { border-left: 0; padding-left: 0; border-top: 1px solid #b8c4b8; padding-top: 23px; }
  .activity-news__sample { margin-top: -10px; font-size: 11px; }
  .daily-activity__photos { gap: 10px; }
  .daily-activity__intro { font-size: 14px; }
  .company-news__entry { grid-template-columns: 85px 68px minmax(0, 1fr) 12px; }
  .company-news__title { grid-column: 3; grid-row: 1; }
  .company-news__arrow { grid-column: 4; grid-row: 1; }
}
@media (max-width: 480px) {
  .activity-news h2 { font-size: 22px; }
  .daily-activity__heading { gap: 6px; flex-wrap: wrap; }
  .daily-activity h2 img { width: 24px; height: 24px; }
  .activity-news__link { font-size: 12px; }
  .company-news__entry { grid-template-columns: 80px 68px minmax(0, 1fr); }
  .company-news__title { grid-column: 1 / 3; grid-row: 2; }
  .company-news__arrow { grid-column: 3; grid-row: 1 / 3; }
}