@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

:root {
    --main-slate: #334155;
    --accent-orange: #F97316;
    --base-snow: #FAFAFA;
    --sub-cream: #FEF3C7;
    --main-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* ============================================
   燭拓のみちしるべ - 記事ページスタイル
   shokutaku_article_v2.html のデザインを再現
   ============================================ */

/* Google Fonts読み込み */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

/* SWELLのヘッダー画像上のタイトルバーのみ非表示 */
.single .l-topTitleArea {
    display: none !important;
}

/* アイキャッチ画像のスタイル */
.single .p-articleThumb {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

/* 記事本文の上マージンを狭く */
.single .post_content {
    margin-top: 24px !important;
}

/* タイトル・カテゴリエリア（コンテンツ内） */
.single .p-articleHead {
    padding: 32px 32px 16px 32px !important;
    margin: 0 !important;
    background: #FFFFFF !important;
}

/* カテゴリバッジ - オレンジ丸型 */
.single .p-articleHead .c-categoryList,
.single .p-articleMetas--top .c-categoryList {
    margin-bottom: 16px !important;
}

.single .p-articleHead .c-categoryList__link,
.single .p-articleMetas--top .c-categoryList__link {
    display: inline-block !important;
    padding: 8px 16px !important;
    background: #F97316 !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    background-image: none !important;
    border: none !important;
}

/* タイトル横の日付を非表示 */
.single .c-postTitle__date {
    display: none !important;
}

/* メタ情報（日付など） */
.single .p-articleMetas--top {
    padding: 0 32px 24px 32px !important;
    margin: 0 0 24px 0 !important;
    border-bottom: 1px solid rgba(51, 65, 85, 0.1) !important;
    background: #FFFFFF !important;
    display: block !important;
}

.single .p-articleMetas--top .c-postTimes {
    font-size: 14px !important;
    color: rgba(51, 65, 85, 0.6) !important;
}

/* コンテンツ内の目次を非表示（サイドバーの目次のみ表示） */
.single .post_content .p-toc,
.single .post_content #toc,
.single article .p-toc.-capbox {
    display: none !important;
}

/* 基本設定 */
body {
    font-family: 'Noto Sans JP', sans-serif !important;
    line-height: 2.0 !important;
    background-color: #FAFAFA !important;
}

/* 投稿ページのメインコンテンツ */
.single .post_content {
    font-family: 'Noto Sans JP', sans-serif !important;
    line-height: 2.0 !important;
}

/* 記事タイトル (h1) */
.single .c-postTitle__ttl,
.single .post_title,
.single article h1 {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    line-height: 1.4 !important;
    margin-bottom: 16px !important;
    background: none !important;
    padding: 0 !important;
    border: none !important;
}

@media (min-width: 768px) {

    .single .c-postTitle__ttl,
    .single .post_title,
    .single article h1 {
        font-size: 36px !important;
    }
}

/* 見出し2 (h2) - オレンジ下線スタイル */
.single .post_content h2,
.single article h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-top: 48px !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    border: none !important;
    border-bottom: 3px solid rgba(249, 115, 22, 0.3) !important;
    background: none !important;
    background-color: transparent !important;
}

/* 見出し3 (h3) */
.single .post_content h3,
.single article h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-top: 32px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* 見出し4 (h4) */
.single .post_content h4,
.single article h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-top: 24px !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* 本文テキスト */
.single .post_content p,
.single article p {
    color: rgba(51, 65, 85, 0.8) !important;
    margin-bottom: 24px !important;
}

/* リンク */
.single .post_content a {
    color: #F97316 !important;
    text-decoration: underline !important;
}

.single .post_content a:hover {
    color: #EA580C !important;
}

/* リスト */
.single .post_content ul,
.single .post_content ol {
    margin-bottom: 24px !important;
    padding-left: 24px !important;
}

.single .post_content li {
    color: rgba(51, 65, 85, 0.8) !important;
    margin-bottom: 8px !important;
}

/* 引用ブロック - リード文スタイル */
.single .post_content blockquote,
.single article blockquote {
    background: rgba(253, 230, 138, 0.2) !important;
    border-left: 4px solid #F97316 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 24px !important;
    margin: 24px 0 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #334155 !important;
}

.single .post_content blockquote::before,
.single .post_content blockquote::after {
    display: none !important;
}

/* カテゴリバッジ */
.single .c-postTerms__link,
.single .cat-label {
    display: inline-block !important;
    padding: 8px 16px !important;
    background: #F97316 !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 9999px !important;
    margin-bottom: 16px !important;
    text-decoration: none !important;
}

.single .c-postTerms__link:hover,
.single .cat-label:hover {
    background: #EA580C !important;
    color: #FFFFFF !important;
}

/* メタ情報（日付など） */
.single .p-articleMetas,
.single .post__date {
    color: rgba(51, 65, 85, 0.6) !important;
    font-size: 14px !important;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid rgba(51, 65, 85, 0.1) !important;
}

/* 記事本体のコンテナ */
.single .l-mainContent__inner,
.single .post-content {
    background: #FFFFFF !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
    margin-bottom: 32px !important;
}

/* 記事内容のパディング */
.single .post_content {
    padding: 32px !important;
}

@media (min-width: 768px) {
    .single .post_content {
        padding: 48px !important;
    }
}

/* アイキャッチ画像 */
.single .p-articleThumb,
.single .post-thumbnail {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

/* ポイントボックス・装飾ボックス */
.single .swell-block-box,
.single .wp-block-group {
    border: 2px solid rgba(249, 115, 22, 0.2) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin: 24px 0 !important;
    background: #FFFFFF !important;
}

/* まとめボックス */
.single .swell-block-box.is-style-matome,
.single .matome-box {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.05), rgba(253, 230, 138, 0.1)) !important;
    border: 1px solid rgba(249, 115, 22, 0.2) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    margin-top: 48px !important;
}

/* 著者情報 */
.single .p-authorBox,
.single .author-info {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    padding: 24px !important;
    margin-bottom: 32px !important;
}

/* 関連記事 */
.single .p-relatedPosts,
.single .related-posts {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    padding: 24px !important;
}

/* 目次 */
.single .p-toc,
.single #toc {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    padding: 24px !important;
    margin-bottom: 32px !important;
}

.single .p-toc__ttl,
.single #toc .toc-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 16px !important;
}

.single .p-toc a {
    color: rgba(51, 65, 85, 0.7) !important;
    text-decoration: none !important;
}

.single .p-toc a:hover {
    color: #F97316 !important;
}

/* サイドバー */
#sidebar {
    background: transparent !important;
}

/* サイドバーウィジェット共通 */
#sidebar .c-widget {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
}

/* サイドバータイトル - shokutaku_article_v2.html風 */
#sidebar .c-widget__title.-side {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 16px !important;
    padding: 0 0 0.5em 0 !important;
    border: none !important;
    border-bottom: none !important;
    background: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* サイドバータイトルの下線を消す */
#sidebar .c-widget__title.-side::before,
#sidebar .c-widget__title.-side::after {
    display: none !important;
}

/* 目次ウィジェット */
#sidebar .widget_swell_index {
    position: sticky !important;
    top: 96px !important;
    background: #FFFFFF !important;
    z-index: 10 !important;
}

/* 目次リスト */
#sidebar .widget_swell_index .p-toc {
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

#sidebar .widget_swell_index .p-toc__list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#sidebar .widget_swell_index .p-toc__list>li {
    margin-bottom: 12px !important;
    padding: 0 !important;
}

/* 目次リンク */
#sidebar .widget_swell_index .p-toc__link {
    color: rgba(51, 65, 85, 0.7) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    transition: color 0.3s ease !important;
}

#sidebar .widget_swell_index .p-toc__link:hover {
    color: #F97316 !important;
}

/* 目次番号をオレンジに */
#sidebar .widget_swell_index .p-toc__list li::marker,
#sidebar .widget_swell_index .p-toc__link::before {
    color: #F97316 !important;
    font-weight: 700 !important;
}

/* 人気記事ウィジェット */
#sidebar .widget_swell_popular_posts {
    background: #FFFFFF !important;
}

#sidebar .widget_swell_popular_posts .p-postList__item {
    display: flex !important;
    gap: 12px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    transition: background-color 0.3s ease !important;
}

#sidebar .widget_swell_popular_posts .p-postList__item:hover {
    background: #FAFAFA !important;
}

/* 人気記事サムネイル */
#sidebar .widget_swell_popular_posts .p-postList__thumb {
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: linear-gradient(135deg, rgba(253, 230, 138, 0.3), rgba(249, 115, 22, 0.1)) !important;
}

#sidebar .widget_swell_popular_posts .p-postList__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 人気記事タイトル */
#sidebar .widget_swell_popular_posts .p-postList__body {
    flex: 1 !important;
    min-width: 0 !important;
}

#sidebar .widget_swell_popular_posts .p-postList__title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.3s ease !important;
}

#sidebar .widget_swell_popular_posts .p-postList__item:hover .p-postList__title {
    color: #F97316 !important;
}

/* 人気記事日付 */
#sidebar .widget_swell_popular_posts .p-postList__date {
    font-size: 12px !important;
    color: rgba(51, 65, 85, 0.6) !important;
}

/* カテゴリウィジェット */
#sidebar .widget_categories ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#sidebar .widget_categories .cat-item {
    margin: 0 !important;
    padding: 0 !important;
}

#sidebar .widget_categories .cat-item::before {
    display: none !important;
    content: none !important;
}

#sidebar .widget_categories .cat-item a {
    display: inline-block !important;
    padding: 6px 12px !important;
    background: #FAFAFA !important;
    color: #334155 !important;
    font-size: 14px !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* カテゴリリンクの::beforeアイコンを削除 */
#sidebar .widget_categories .cat-item a::before {
    display: none !important;
    content: none !important;
}

#sidebar .widget_categories .cat-item a:hover {
    background: #F97316 !important;
    color: #FFFFFF !important;
}

/* 検索ウィジェット */
#sidebar .widget_search .c-searchForm {
    display: flex !important;
    gap: 0 !important;
}

#sidebar .widget_search .c-searchForm__s {
    flex: 1 !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(51, 65, 85, 0.2) !important;
    border-radius: 9999px 0 0 9999px !important;
    font-size: 14px !important;
}

#sidebar .widget_search .c-searchForm__submit {
    padding: 12px 16px !important;
    border-radius: 0 9999px 9999px 0 !important;
}

/* コメント欄 */
.single #comments,
.single .p-commentArea {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    padding: 24px !important;
}

/* パンくずリスト */
.single .p-breadcrumb {
    font-size: 14px !important;
    color: rgba(51, 65, 85, 0.6) !important;
    margin-bottom: 32px !important;
}

.single .p-breadcrumb a {
    color: rgba(51, 65, 85, 0.6) !important;
    text-decoration: none !important;
}

.single .p-breadcrumb a:hover {
    color: #F97316 !important;
}

/* ============================================
   共通デザインパーツ（カテゴリ一覧・検索・固定ページ用）
   ============================================ */

/* カテゴリグリッドレイアウト */
.st-category-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 24px !important;
    margin: 48px 0 !important;
}

/* --- 動的なカテゴリ一覧 (Shortcode: [shokutaku_category_list]) --- */
.st-cat-grid-outer {
    margin: 48px 0 !important;
    clear: both !important;
}

.st-cat-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.st-cat-item-card {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: none !important;
}

.st-cat-item-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
}

.st-cat-item-card__header {
    height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFFFF !important;
}

.st-cat-item-card__icon {
    width: 64px !important;
    height: 64px !important;
    display: block !important;
    margin: 0 auto !important;
}

.st-cat-item-card__body {
    padding: 24px !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    background: #FFFFFF !important;
}

.st-cat-item-card__title {
    all: unset !important;
    display: block !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.4 !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* SWELLの他見出しスタイルの干渉を強力にリセット */
.st-cat-item-card__title::before,
.st-cat-item-card__title::after {
    display: none !important;
    content: none !important;
}

.st-cat-item-card:hover .st-cat-item-card__title {
    color: #F97316 !important;
}

.st-cat-item-card__desc {
    font-size: 14px !important;
    color: rgba(51, 65, 85, 0.7) !important;
    line-height: 1.6 !important;
    margin: 0 0 16px 0 !important;
    flex-grow: 1 !important;
}

.st-cat-item-card__footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: auto !important;
}

.st-cat-item-card__count {
    font-size: 12px !important;
    color: rgba(51, 65, 85, 0.4) !important;
}

.st-cat-item-card__arrow {
    color: #F97316 !important;
    transition: transform 0.3s ease !important;
}

.st-cat-item-card:hover .st-cat-item-card__arrow {
    transform: translateX(4px) !important;
}

/* --- 記事一覧 (Shortcode: [shokutaku_post_list]) --- */
.shokutaku-archive-wrapper {
    padding: 48px 0 !important;
    /* py-12 相当 */
}

/* 注目記事 (Featured) */
.shokutaku-featured {
    background: #FFFFFF !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    margin-bottom: 48px !important;
    transition: all 0.3s ease !important;
}

.shokutaku-featured:hover {
    box-shadow: 0 25px 50px rgba(249, 115, 22, 0.15) !important;
}

.shokutaku-featured-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
}

@media (min-width: 768px) {
    .shokutaku-featured-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

.shokutaku-featured-image {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
}

@media (min-width: 768px) {
    .shokutaku-featured-image {
        aspect-ratio: 1 !important;
    }
}

.shokutaku-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.shokutaku-featured-content {
    padding: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.shokutaku-featured-badge {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #F97316 !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 9999px !important;
    margin-bottom: 16px !important;
    width: fit-content !important;
}

.shokutaku-featured-title {
    all: unset !important;
    display: block !important;
    font-size: 30px !important;
    /* text-3xl 相当 */
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 16px !important;
    line-height: 1.4 !important;
}

.shokutaku-featured-excerpt {
    font-size: 15px !important;
    color: rgba(51, 65, 85, 0.7) !important;
    margin-bottom: 24px !important;
    line-height: 1.7 !important;
}

.shokutaku-featured-meta {
    font-size: 14px !important;
    color: rgba(51, 65, 85, 0.5) !important;
    margin-bottom: 24px !important;
}

.shokutaku-featured-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #F97316 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: gap 0.3s ease !important;
}

.shokutaku-featured-link:hover {
    gap: 12px !important;
}

/* 記事グリッド */
.shokutaku-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 32px !important;
}

.shokutaku-post-card {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.shokutaku-post-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

.shokutaku-post-image {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
}

.shokutaku-post-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.shokutaku-post-content {
    padding: 24px !important;
}

.shokutaku-post-category {
    font-size: 12px !important;
    color: #F97316 !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.shokutaku-post-title {
    all: unset !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
    height: 3em !important;
    overflow: hidden !important;
}

.shokutaku-post-excerpt {
    font-size: 14px !important;
    color: rgba(51, 65, 85, 0.6) !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
    height: 3.2em !important;
    overflow: hidden !important;
}

.shokutaku-post-meta {
    font-size: 12px !important;
    color: rgba(51, 65, 85, 0.4) !important;
}

/* --- 共通ページヘッダー (検索・固定ページ用) --- */
.st-page-header {
    margin-bottom: 48px !important;
}

.st-page-title {
    all: unset !important;
    display: block !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
}

.st-page-subtitle {
    font-size: 16px !important;
    color: rgba(51, 65, 85, 0.6) !important;
}

/* 検索結果専用 */
.st-search-count {
    display: inline-block !important;
    margin-top: 12px !important;
    font-size: 14px !important;
    color: rgba(51, 65, 85, 0.4) !important;
    border-bottom: 2px solid #F97316 !important;
    padding-bottom: 4px !important;
}

/* 固定ページ装飾 (st-content-page クラスを親に持つ要素) */
.st-content-page {
    line-height: 1.8 !important;
    color: #334155 !important;
}

.st-content-page h2 {
    all: unset !important;
    display: block !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin: 48px 0 24px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #F1F5F9 !important;
    position: relative !important;
}

.st-content-page h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 60px !important;
    height: 2px !important;
    background: #F97316 !important;
}

.st-content-page p {
    margin-bottom: 24px !important;
}

.st-content-page strong {
    color: #F97316 !important;
    font-weight: 700 !important;
}

.st-content-page blockquote {
    all: unset !important;
    display: block !important;
    margin: 32px 0 !important;
    padding: 24px 32px !important;
    background: #F8FAFC !important;
    border-left: 4px solid #F97316 !important;
    border-radius: 0 12px 12px 0 !important;
    color: rgba(51, 65, 85, 0.8) !important;
    font-style: italic !important;
}