.section-sub{
  color:var(--muted);
        margin-top:16px;
        margin-bottom:18px;
}

.page-hero{
  background-image:
          linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.35)),
          url('../../key_visual_low.jpg');
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        border-bottom:1px solid var(--border);
        padding:34px 0 22px;
}

.page-title{
  margin:10px 0 6px;
        font-size:1.75rem;
        letter-spacing:.02em;
}

.news-card{
  padding:18px 18px 12px;
}

.accordion{
  display:block; min-height:220px;
}

details.news-detail{
  border-bottom:1px solid rgba(226, 232, 240, 0.9);
}

details.news-detail:last-child{
  border-bottom:none;
}

summary.news-summary{
  list-style:none;
        cursor:pointer;
        display:flex;
        gap:14px;
        align-items:baseline;
        padding:12px 0;
}

summary.news-summary::-webkit-details-marker{
  display:none;
}

.news-date{
  font-size:.88rem;
        color:var(--accent-link);
        white-space:nowrap;
        min-width:6.5em;
        font-variant-numeric:tabular-nums;
        font-weight:800;
}

.news-title{
  font-size:1rem;
        color:inherit;
        line-height:1.45;
}

.news-chev{
  margin-left:auto;
        color:var(--accent-link);
        font-weight:900;
        transition:transform .2s ease;
}

details[open] .news-chev{
  transform:rotate(90deg);
}

.news-body{
  display:block;
        padding:0 0 12px 0;
}

.news-body p{
  margin:0 0 0 6.5em;
        font-size:.96rem;
        color:rgba(51, 65, 85, 0.95);
        line-height:1.7;
        white-space:pre-wrap;
}

@media (max-width:768px){
  .news-card{
    padding:16px 14px 10px;
  }

  summary.news-summary{
    gap:12px;
  }

  .news-date{
    min-width:6.2em;
  }

  .news-body p{
    margin-left:6.2em; font-size:.95rem;
  }
}

.back-home-block{
  margin-top:56px;
}