/**
 * c-header-002: SEO対応ページヘッダー
 * 施術・クリニックアーカイブページ共通のヘッダーセクション
 */

:where(.c-header-002) {
  width: 100%;
  padding: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--base);
  background: var(--wp--preset--color--white);
  border-bottom: 1px solid var(--wp--preset--color--gray-lighter);
}

@media (min-width: 768px) {
  :where(.c-header-002) {
    padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--lg);
  }
}

:where(.c-header-002__container) {
  max-width: 900px;
  margin: 0 auto;
}

:where(.c-header-002__title) {
  font-size: var(--wp--preset--font-size--2-xl);
  font-weight: var(--wp--custom--font-weight--bold);
  color: var(--wp--preset--color--text-darker);
  margin: 0 0 var(--wp--preset--spacing--sm) 0;
  line-height: 1.4;
}

@media (min-width: 768px) {
  :where(.c-header-002__title) {
    font-size: var(--wp--preset--font-size--3-xl);
    margin-bottom: var(--wp--preset--spacing--base);
  }
}

:where(.c-header-002__description) {
  font-size: var(--wp--preset--font-size--md);
  color: var(--wp--preset--color--text);
  margin: 0;
  line-height: 1.6;
}