:root{
  --bg:#f2f3f4;           /* 섹션 배경(아주 옅은 회색) */
  --card:#fff;
  --ink:#111;
  --muted:#6b6b6b;
  --line:#e6e6e6;
  --radius:16px;
  --shadow:0 6px 18px rgba(0,0,0,.06);
  --maxw:100%;
}

.jammy-sec{
  max-width:1200px;
  margin:0 auto;
 

  border-radius:20px;
  display:grid;
  grid-template-columns: 230px 1fr; /* 왼쪽 고정, 오른쪽 가변 */
  gap:15px;
  font-family:"Pretendard Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  color:var(--ink);
}

/* 왼쪽 타이틀 */
.jammy-left{
  display:flex;flex-direction:column;gap:18px;justify-content:flex-start
}
.jammy-title .sub{display:block;font-weight:700;font-size:1.05rem;margin-bottom:4px}
.jammy-title .main{display:block;font-weight:800;font-size:2.05rem;line-height:1.1}

.jammy-arrows{display:flex;gap:10px}
.jammy-arrows button{
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line);background:#fff;
  display:grid;place-items:center;cursor:pointer;font-size:22px;
  transition:.2s; 
  
}
.jammy-arrows button span{line-height:30px; display:flex;  align-items: center; justify-content: center;}

.material-symbols-outlined {
    font-variation-settings:
        "wght" 400,
        "FILL" 0,
        "opsz" 22;
		font-family: 'Material Symbols Outlined' !important;
		-webkit-user-select: none; /* Chrome, Safari, Opera */
  -ms-user-select: none; /* IE */
  -moz-user-select: none; /* Firefox */
  user-select: none; /* Standard */
		
}


.jammy-arrows button:hover{background:#111;color:#fff;border-color:#111}

/* 오른쪽 슬라이드 트랙 */
.jammy-right{position:relative;overflow:hidden}
.jammy-track{
  display:flex;gap:18px;
  overflow-x:auto;scroll-behavior:smooth;padding:4px 2px 28px;
}
.jammy-track::-webkit-scrollbar{height:8px}
.jammy-track::-webkit-scrollbar-thumb{background:#d7d7d7;border-radius:99px}

/* 카드 */
.jammy-card{
  flex:0 0 260px;           /* 카드 폭(시안과 동일) */
  
  border-radius:14px;
  
  overflow:hidden;
  transition:transform .18s ease;
}

.card-link{display:block;color:inherit;text-decoration:none}

/* 썸네일 */
.thumb img{
  display:block;width:100%;height:240px;object-fit:cover;
  border-radius:14px;
}

/* 본문 */
.info{padding:14px 0px}
.catline{
  display:flex;align-items:center;gap:8px;color:#9c9c9c;font-size:.9rem;margin-bottom:8px
}
.cat{
  font-weight:700;font-size:.9rem
}
.ca-blue{color:#00b7f3}
.ca-red{color:#ff5a3c}
.ca-purple{color:#7d5cff}
.ca-green{color:#1fb66a}
.ca-gray{color:#7f8c8d}
.dot{opacity:.4}

.title{
  font-size:1.02rem;font-weight:600;line-height:1.35;margin:0 0 8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.excerpt{
  font-size:.92rem;color:#444;line-height:1.55;margin:20px 0 12px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.meta{
  display:flex;align-items:center;gap:10px;color:#8f8f8f;font-size:.86rem
}
.meta .chip{
  padding:4px 0px;font-size:.85rem;color:#666
}

/* 빈상태 */
.jammy-empty{
  min-height:160px;display:grid;place-items:center;color:#9aa0a6;
  background:#fff;border:1px dashed var(--line);border-radius:12px;flex:1
}

/* 반응형 */
@media (max-width:1200px){
  .jammy-card{flex:0 0 330px}
}
@media (max-width:1080px){
  .jammy-sec{grid-template-columns:1fr;gap:35px; padding: 0 0 0 30px;}
  .jammy-left{flex-direction:row;align-items:center;justify-content:space-between}
  .jammy-arrows{display:none}
}
@media (max-width:640px){
  .jammy-card{flex:0 0 68vw}
  .thumb img{height:68vw}
  .excerpt{-webkit-line-clamp:4}
}