/* AI 프롬프트 페이지 전용 스타일 (기존 week/home 페이지와 톤 통일) */

/* Hero: week-hero 재사용 (week.css) - prompts 전용 미세 조정 */
.prompts-hero.week-hero { padding: 120px 0 80px; }
.prompts-hero .week-header p { font-size:1.15rem; opacity:.9; max-width:880px; margin:0 auto 30px; line-height:1.6; }

/* Section wrapper (layout.css 기본 padding 72px 사용, 추가 정밀 조정) */
.prompts-section { padding: 72px 0; }
.prompts-page section:nth-of-type(even) { background: var(--bg-light); }

/* 섹션 제목 (home.css 의 section h2 스타일 재현) */
.prompts-section h2 { font-size:2.5rem; text-align:center; margin:0 0 50px; color: var(--text-color); position:relative; font-weight:700; }
.prompts-section h2::after {
  content:''; position:absolute; width:100px; height:4px; background:linear-gradient(to right,var(--primary-color),var(--secondary-color)); bottom:-12px; left:50%; transform:translateX(-50%); border-radius:2px;
}

/* 기본 카드 그리드 (overview-card 패턴 차용) */
.principles-grid { display:grid; gap:30px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); margin-top:10px; }
.principle-card { background:#fff; padding:30px 25px; border-radius:15px; box-shadow:var(--shadow); text-align:center; transition:var(--transition); }
.principle-card:hover { transform:translateY(-5px); box-shadow:0 5px 25px rgba(0,0,0,0.15); }
.principle-card h3 { color:var(--primary-color); font-size:1.15rem; margin:0 0 12px; }
.principle-card p { color:var(--text-light); font-size:0.9rem; line-height:1.55; margin:0; }

/* Prompt 카테고리 */
.prompt-category { margin-bottom:60px; }
.prompt-category h3 { font-size:1.4rem; margin:0 0 20px; color:var(--primary-color); border-bottom:3px solid var(--primary-color); padding-bottom:8px; }

/* Prompt 카드: week 페이지 content-section / code-example 혼합 스타일 */
.prompt-card { position:relative; background:#fff; border-radius:15px; padding:28px 26px 22px; box-shadow:var(--shadow); border:1px solid var(--border-color); transition:var(--transition); }
.prompt-card:hover { transform:translateY(-4px); box-shadow:0 6px 24px rgba(0,0,0,0.12); }
.prompt-card pre { margin:0; max-height:340px; overflow:auto; font-size:0.9rem; line-height:1.5; background:#2d3748; color:#e2e8f0; padding:20px 22px; border-radius:10px; font-family:'Courier New',Consolas,monospace; }
.prompt-card code { background:none; color:inherit; }

.copy-btn { position:absolute; top:12px; right:12px; background:var(--secondary-color); color:#fff; border:none; font-size:0.7rem; padding:6px 12px; border-radius:18px; cursor:pointer; display:inline-flex; align-items:center; gap:4px; box-shadow:var(--shadow); transition:var(--transition); font-weight:500; }
.copy-btn:hover { background:transparent; color:var(--secondary-color); border:2px solid var(--secondary-color); padding:4px 10px; }
.copy-btn.copied { background:#059669; border-color:#059669; color:#fff; }

/* 체크리스트 */
.checklist { list-style:none; margin:0; padding:0; display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.checklist li { background:#fff; padding:20px 18px; border-radius:12px; box-shadow:var(--shadow); font-size:0.9rem; line-height:1.5; position:relative; border-left:4px solid var(--primary-color); }
.checklist li strong { color:var(--primary-color); }

/* 유용한 프롬프트 그리드 */
.useful-prompts-grid { display:flex; flex-direction:column; gap:40px; }
.useful-prompts-grid .prompt-card { display:flex; flex-direction:column; }
.useful-prompts-grid .prompt-card pre { flex:1; }

/* 반응형 */
@media (max-width: 768px) {
  .prompts-hero { padding:100px 0 60px; }
  .prompts-hero h1 { font-size:2.1rem; }
  .prompts-section h2 { font-size:2rem; }
  .prompt-card pre { max-height:400px; font-size:0.85rem; padding:18px 18px; }
  .principles-grid { gap:20px; }
}

@media (max-width: 480px) {
  .prompts-hero h1 { font-size:1.9rem; }
  .prompts-hero .subtitle { font-size:1rem; }
  .prompt-card { padding:22px 18px 18px; }
  .prompt-card pre { padding:16px 14px; font-size:0.8rem; }
  .checklist { grid-template-columns:1fr; }
}