/* SeaHeal SEO 페이지 공통 스타일 */
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:#06111f;
  color:#f0f8ff;
  font-family:'Noto Sans KR',sans-serif;
  line-height:1.8;
  padding-bottom:60px;
}
.page-wrap{max-width:720px;margin:0 auto;padding:32px 20px 80px;}
.back{display:inline-block;margin-bottom:20px;font-size:13px;color:#4ab8ff;text-decoration:none;}
.back:hover{text-decoration:underline;}
h1{font-size:24px;font-weight:700;margin-bottom:8px;line-height:1.4;}
.sub-head{font-size:13px;color:#7a9ab8;margin-bottom:28px;}
h2{font-size:17px;color:#7ee8a2;margin:28px 0 10px;font-weight:600;}
h3{font-size:15px;color:#4ab8ff;margin:20px 0 8px;font-weight:600;}
p{font-size:14px;color:#c0d8ee;margin-bottom:12px;}
ul,ol{padding-left:20px;margin-bottom:12px;}
li{font-size:14px;color:#c0d8ee;margin-bottom:6px;}
strong{color:#f0f8ff;}
a{color:#4ab8ff;text-decoration:none;}
a:hover{text-decoration:underline;}

/* 앱 CTA 박스 */
.cta-box{
  margin:32px 0;
  padding:24px 20px;
  background:linear-gradient(135deg,rgba(74,184,255,0.1),rgba(126,232,162,0.07));
  border:1px solid rgba(74,184,255,0.3);
  border-radius:16px;
  text-align:center;
}
.cta-box h3{color:#f0f8ff;margin:0 0 8px;font-size:16px;}
.cta-box p{font-size:13px;color:#c0d8ee;margin-bottom:16px;}
.cta-btn{
  display:inline-block;
  padding:13px 28px;
  border-radius:24px;
  background:linear-gradient(135deg,#4ab8ff,#7ee8a2);
  color:#06111f;font-weight:700;font-size:14px;
  text-decoration:none;
}
.cta-btn:hover{opacity:0.88;text-decoration:none;}

/* 사운드 추천 카드 */
.sound-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0 20px;}
.sound-chip{
  padding:10px 14px;
  background:rgba(74,184,255,0.07);
  border:1px solid rgba(74,184,255,0.22);
  border-radius:12px;
  font-size:13px;color:#c0d8ee;
  text-align:center;
}
.sound-chip span{display:block;font-size:18px;margin-bottom:4px;}

/* 팁 박스 */
.tip-box{
  background:rgba(126,232,162,0.06);
  border:1px solid rgba(126,232,162,0.2);
  border-radius:12px;
  padding:14px 16px;
  margin:16px 0;
  font-size:13px;color:#c0d8ee;
}
.tip-box b{color:#7ee8a2;}

/* 관련 페이지 */
.related{margin-top:36px;}
.related h2{color:#7a9ab8;font-size:14px;margin-bottom:12px;}
.related-links{display:flex;flex-wrap:wrap;gap:8px;}
.related-links a{
  padding:7px 14px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:20px;
  font-size:12px;color:#c0d8ee;
  text-decoration:none;
}
.related-links a:hover{border-color:#4ab8ff;color:#4ab8ff;}

/* 공통 헤더 */
.page-header{
  background:linear-gradient(135deg,rgba(74,184,255,0.08),rgba(126,232,162,0.05));
  border-bottom:1px solid rgba(74,184,255,0.12);
  padding:16px 20px;
  display:flex;align-items:center;gap:10px;
}
.page-header-logo{font-size:20px;font-weight:700;
  background:linear-gradient(135deg,#f0f8ff,#4ab8ff,#7ee8a2);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}

@media(max-width:480px){
  h1{font-size:20px;}
  .sound-list{grid-template-columns:repeat(2,1fr);}
}