/* =========================================================================
   style.css
   역할: 페이지별/콘텐츠별 세부 스타일 (재사용 컴포넌트로 일반화하기엔 너무 좁은 규칙)
   ========================================================================= */

/* ---- 등록 폼 textarea 크기 ---- */
textarea.content-area{width:100%; min-height:110px;}

/* ---- PC 수량 등 짧은 보조 입력 ---- */
.qty-input{max-width:200px;}

/* ---- 홈(index.html) 인트로 + 링크 카드 ---- */
.home-intro{max-width:640px; margin-bottom:28px; color:var(--c-neutral-strong); font-size:14px; line-height:1.7;}
.home-intro b{color:var(--c-text-strong);}

.card-grid{
  display:flex; flex-wrap:wrap; gap:16px;
}
.link-card{
  display:block; width:280px; padding:22px 20px;
  background:var(--c-surface); border:1px solid var(--c-border); border-radius:8px;
  box-shadow:var(--shadow-panel); text-decoration:none; color:inherit;
}
.link-card:hover{border-color:var(--c-primary); box-shadow:0 4px 14px rgba(10,120,216,.14);}
.link-card__title{font-size:16px; font-weight:700; color:var(--c-text-strong); margin-bottom:6px; display:flex; align-items:center; gap:8px;}
.link-card__title .badge-code{
  font-size:11px; font-weight:700; color:var(--c-primary); background:#EAF3FC;
  padding:2px 8px; border-radius:10px;
}
.link-card__desc{font-size:13px; color:var(--c-neutral-strong); line-height:1.6;}