/* ========================================
   Articles page
   ======================================== */
.sks-articles-intro{padding:88px 24px 64px;}
.sks-articles-intro__inner{max-width:880px;margin:0 auto;text-align:center;}
.sks-articles-intro__text{
  font-family:var(--sks-f-serif);font-size:clamp(19px,2.3vw,29px);
  line-height:2;letter-spacing:0.06em;color:var(--sks-text-80);margin:0;
}

/* Categories / Tags */
.sks-articles-categories{padding:72px 24px 50px;}
.sks-articles-categories__inner{max-width:960px;margin:0 auto;text-align:center;}

.sks-articles-tags{
  display:flex;justify-content:center;flex-wrap:wrap;gap:12px;
}
.sks-articles-tag{
  display:inline-block;padding:12px 20px;
  border:1px solid var(--sks-glass-border);
  border-radius:28px;
  background:var(--sks-glass-shine),rgba(14,14,17,0.70);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  font-family:var(--sks-f-serif);
  font-size:13px;line-height:1;color:rgba(232,228,221,0.78);
  transition:all 0.4s var(--sks-ease);
  cursor:default;
}
.sks-articles-tag:hover{
  border-color:rgba(196,154,93,0.25);
  color:var(--sks-gold-2);
  box-shadow:0 0 16px rgba(196,154,93,0.06);
  transform:translateY(-2px);
}

/* Empty state */
.sks-articles-empty{padding:34px 24px 94px;}
.sks-articles-empty__inner{
  max-width:820px;margin:0 auto;text-align:center;
  padding:56px 36px;
  border:1px solid var(--sks-glass-border);
  border-radius:var(--sks-radius-card);
  background:var(--sks-glass-shine),rgba(14,14,17,0.70);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
  position:relative;overflow:hidden;
}
.sks-articles-empty__inner::before{
  content:"";position:absolute;top:0;left:15%;right:15%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(196,154,93,0.15),transparent);
}
.sks-articles-empty__eyebrow{
  margin:0 0 16px;font-family:var(--sks-f-en);
  font-size:10px;letter-spacing:0.24em;
  text-transform:uppercase;color:var(--sks-gold);
}
.sks-articles-empty__title{
  margin:0 0 18px;font-family:var(--sks-f-serif);
  font-size:clamp(24px,3vw,34px);font-weight:400;
  line-height:1.7;color:#f1ece3;
}
.sks-articles-empty__text{
  margin:0;font-size:15.5px;line-height:2.05;
  color:rgba(232,228,221,0.62);
}

@media (max-width:768px){
  .sks-articles-intro{padding:62px 20px 56px;}
  .sks-articles-intro__text{font-size:20px;line-height:1.95;}
  .sks-articles-categories{padding:56px 20px 42px;}
  .sks-articles-empty{padding:24px 20px 72px;}
  .sks-articles-empty__inner{padding:34px 20px;}
  .sks-articles-empty__title{font-size:24px;}
  .sks-articles-empty__text{font-size:14px;}
}

/* === Mobile tap active states === */
@media (hover:none) and (pointer:coarse){
  .sks-articles-tag:active{
    border-color:rgba(196,154,93,0.35);
    color:var(--sks-gold-2);
    background:var(--sks-glass-shine),rgba(196,154,93,0.06);
    transform:scale(0.95);
    box-shadow:0 0 12px rgba(196,154,93,0.08);
    transition-duration:0.12s;
  }
}

@media (max-width:480px){
  .sks-articles-intro{padding:48px 16px 40px;}
  .sks-articles-intro__text{font-size:18px;}
  .sks-articles-categories{padding:40px 16px 32px;}
  .sks-articles-tag{padding:10px 16px;font-size:12px;}
  .sks-articles-empty{padding:20px 16px 56px;}
  .sks-articles-empty__inner{padding:28px 16px;}
}