/* TaxAI client-360 hero card v115.6 */

body:has(a[href*="client-360"]) main > h1,
body:has(a[href*="client-360"]) .taxai-main > h1,
body:has(a[href*="client-360"]) .taxai-content > h1 {
    margin-top: 0 !important;
}

.client360-hero,
.taxai-client360-hero,
body:has(a[href*="client-360"]) main > h1:first-child,
body:has(a[href*="client-360"]) .taxai-main > h1:first-child,
body:has(a[href*="client-360"]) .taxai-content > h1:first-child {
    display: block !important;
}

/* client-360 の冒頭タイトルエリアを共通UIカード風に */
body:has(a[href*="client-360"]) main,
body:has(a[href*="client-360"]) .taxai-main,
body:has(a[href*="client-360"]) .taxai-content {
    position: relative !important;
}

/* hero相当の上部ブロック */
body:has(a[href*="client-360"]) main > h1:first-child,
body:has(a[href*="client-360"]) .taxai-main > h1:first-child,
body:has(a[href*="client-360"]) .taxai-content > h1:first-child {
    max-width: 1180px !important;
    margin: 0 auto 8px auto !important;
    padding: 30px 34px 4px 34px !important;
    border-radius: 24px 24px 0 0 !important;
    background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
    border-top: 1px solid #dbe5f0 !important;
    border-left: 1px solid #dbe5f0 !important;
    border-right: 1px solid #dbe5f0 !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08) !important;
}

/* h1直後の説明文を同じカード内に見せる */
body:has(a[href*="client-360"]) main > h1:first-child + p,
body:has(a[href*="client-360"]) .taxai-main > h1:first-child + p,
body:has(a[href*="client-360"]) .taxai-content > h1:first-child + p {
    max-width: 1180px !important;
    margin: -8px auto 26px auto !important;
    padding: 4px 34px 30px 34px !important;
    border-radius: 0 0 24px 24px !important;
    background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
    border-left: 1px solid #dbe5f0 !important;
    border-right: 1px solid #dbe5f0 !important;
    border-bottom: 1px solid #dbe5f0 !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08) !important;
    color: #475569 !important;
}

/* 既にheroクラスがある場合 */
.taxai-hero,
.taxai-auto-hero,
.client360-hero {
    background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
    border: 1px solid #dbe5f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08) !important;
    padding: 30px 34px !important;
    margin-bottom: 26px !important;
}
