@charset "UTF-8";
/*
    自定義在最下面
*/
/* Font Weight */
/* Width */
/* Height */
/* Display */
/* Margin */
/* Padding */
/* Cursor */
/* Background Color */
/* Color */
/* Text Limit */
/* 毛玻璃 */
/******************  自定義  ******************/
/* Color */
/* Background Color */
/* Font Size */
/* Button */
/* Tab 區塊（沿用 portfolio 的 blocks-wrap--tab-wrap 結構，寬度改 fit-content） */
.blocks-wrap--tab-wrap__tab-container {
  display: flex;
  justify-content: center;
  gap: var(--spacing-12);
  flex-wrap: wrap;
}
.blocks-wrap--tab-wrap__tab-box {
  width: 150px;
}
@media (max-width: 992px) {
  .blocks-wrap--tab-wrap__tab-container {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .blocks-wrap--tab-wrap__tab-container {
    flex-direction: column;
  }
  .blocks-wrap--tab-wrap__tab-box {
    width: 100%;
  }
}

/* Article List 主版型 */
.article-list-wrap__layout {
  width: 100%;
  display: flex;
  gap: var(--spacing-48);
}
.article-list-wrap__sidebar {
  width: 260px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-48);
}
.article-list-wrap__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-48);
}
@media (max-width: 992px) {
  .article-list-wrap__layout {
    flex-direction: column-reverse;
  }
  .article-list-wrap__sidebar {
    width: 100%;
    gap: var(--spacing-12);
    border-top: 4px solid var(--pc-500);
    padding-top: var(--spacing-32);
  }
  .article-list-wrap hr {
    border: 0.1px solid var(--nc-400);
  }
}
@media (max-width: 576px) {
  .article-list-wrap__layout {
    gap: var(--spacing-32);
  }
  .article-list-wrap__sidebar {
    gap: var(--spacing-16);
  }
  .article-list-wrap__main {
    gap: var(--spacing-32);
  }
}/*# sourceMappingURL=article-list.css.map */