/* pages/news.css */

body[data-path="/news/"] {
  .p-year-archive-nav {
    .p-year-archive-nav__container {
      display: flex;
      flex-flow: column;
      gap: calc(10 * 1rem / 16);
      @media (width >= 768px) {
        flex-flow: row;
        justify-content: right;
        align-items: center;
        gap: 20px;
      }
    }
  }
}