/* === Archive additions (회사 Global Base 위에 얹는 얇은 보강) === */
a{
  text-decoration: none;
  border: none;
  color: #333;
}
a:hover{color:#fb9459;}
/* 레이아웃: 모바일 1열 → 태블릿 2열 → PC 3열 */
.archive-grid{
    display:grid;
    grid-template-columns: 1fr;   /* mobile 1 */
    gap: 24px;
  }
  @media (min-width: 768px){
    .archive-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } /* tablet 2 */
  }
  @media (min-width: 1120px){
    .archive-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } /* desktop 3 */
  }
  
  /* 카드: 직사각 썸네일 + 본문. 회사 팔레트/톤 유지 */
  .archive-card{
    display:block;              /* 링크 카드 대응 */
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:16px;         /* 회사 카드 라운드와 맞춤 */
    overflow:hidden;
    box-shadow:0 6px 16px rgba(0,0,0,.05);
    transition:transform .18s ease, box-shadow .18s ease;
    color:var(--ink);
  }
  .archive-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(0,0,0,.08);
  }
  
  /* 썸네일: 직사각(3:2 또는 16:9) 아무거나 사용 가능 */
  .archive-thumb{
    width:100%;
    aspect-ratio: 3 / 2;        /* 필요 시 16/9로 변경 가능 */
    object-fit:cover;
    display:block;
    background:#f7f7f7;
  }
  
  /* 본문 */
  .archive-body{
    padding:16px 16px 18px;
    border-top:1px solid rgba(0,0,0,.06);
  }
  .archive-title{
    margin:0 0 6px;
    font-weight:800;            /* 제목 굵게 */
    font-size:clamp(18px,2.6vw,20px);
    line-height:1.25;
  }
  .archive-meta{
    margin:0;
    font-size:14px;
    opacity:.85;                /* 작업기간/유형 등 */
  }
  
  /* 태그/뱃지 (있으면) */
  .archive-tags{
    display:flex; gap:8px; flex-wrap:wrap; margin-top:10px;
  }
  .archive-tag{
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.08);
    background:#fff;
    font-size:12px;
    font-weight:700;
    color:var(--ink);
  }
  
  /* 다크 배경 섹션에서 사용할 때(선택): 회사 --dark 활용 */
  @media (prefers-color-scheme: dark){
    .archive-card{
      background:#121318;
      border:1px solid rgba(255,255,255,.06);
      box-shadow:0 6px 16px rgba(0,0,0,.4);
      color:var(--paper);
    }
    .archive-body{ border-top:1px solid rgba(255,255,255,.08); }
    .archive-tag{
      border-color:rgba(255,255,255,.12);
      background:#0D0E12;
      color:var(--paper);
    }
  }