/* help.css — /help/・ガイド ポリッシュ（Phase4/T2 統合 元:wn-store-help-polish.php）*/

        /* ============================================================
           1. ページ本文コンテナ
           ============================================================ */
        body .page__text {
            max-width: 880px;
            margin: 0 auto;
            padding: clamp(1rem, 3vw, 2rem) clamp(.75rem, 2vw, 1.5rem);
        }

        /* ============================================================
           2. H2 セクション見出し（カテゴリ区切り）
           ============================================================ */
        body .page__text > h2,
        body .page__text > h2.wp-block-heading {
            position: relative;
            margin: 2.5rem 0 1rem;
            padding: .5rem 0 .65rem 1rem;
            font-size: var(--fs-2, clamp(1.25rem, 2.5vw, 1.55rem));
            font-weight: 800;
            color: #1a1a1a;
            line-height: 1.4;
            border-left: 4px solid var(--c-accent, #F26B22);
            background: linear-gradient(90deg, rgba(242, 107, 34, .06) 0%, transparent 60%);
            scroll-margin-top: 100px;
        }
        body .page__text > h2:first-of-type {
            margin-top: 0;
        }

        /* ============================================================
           3. <details> アコーディオン カード化
           ============================================================ */
        body .page__text details {
            margin: 0 0 .65rem;
            background: #fff;
            border: 1px solid rgba(0, 0, 0, .08);
            border-radius: 10px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
            transition: box-shadow .2s ease, border-color .2s ease;
            overflow: hidden;
        }
        body .page__text details:hover {
            box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
            border-color: rgba(242, 107, 34, .25);
        }
        body .page__text details[open] {
            border-color: rgba(242, 107, 34, .45);
            border-left: 4px solid var(--c-accent, #F26B22);
            box-shadow: 0 4px 16px rgba(242, 107, 34, .1);
        }

        /* summary（質問行） */
        body .page__text details > summary {
            position: relative;
            list-style: none;
            cursor: pointer;
            padding: 1rem 3rem 1rem 1.1rem;
            font-size: 1rem;
            font-weight: 700;
            color: #1a1a1a;
            line-height: 1.55;
            user-select: none;
            transition: color .15s ease;
        }
        body .page__text details > summary::-webkit-details-marker { display: none; }
        body .page__text details > summary::marker { display: none; }
        body .page__text details > summary:hover {
            color: var(--c-accent, #F26B22);
        }
        body .page__text details > summary > strong {
            font-weight: 700;
        }

        /* シェブロン（開閉アイコン） */
        body .page__text details > summary::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 1.1rem;
            width: 12px;
            height: 12px;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            transform: translateY(-75%) rotate(45deg);
            transition: transform .25s ease;
            opacity: .55;
        }
        body .page__text details[open] > summary::after {
            transform: translateY(-25%) rotate(-135deg);
            opacity: .9;
        }
        body .page__text details[open] > summary {
            color: var(--c-accent, #F26B22);
            border-bottom: 1px solid rgba(0, 0, 0, .06);
        }

        /* 回答本文 */
        body .page__text details > p,
        body .page__text details > div {
            margin: 0;
            padding: .85rem 1.1rem 1.1rem;
            font-size: .92rem;
            line-height: 1.85;
            color: #3a3f4a;
        }
        body .page__text details > p a,
        body .page__text details > div a {
            color: var(--c-accent, #F26B22);
            text-decoration: underline;
            text-decoration-thickness: 1.5px;
            text-underline-offset: 2px;
        }
        body .page__text details > p a:hover {
            text-decoration-thickness: 2px;
        }

        /* ============================================================
           4. wp-block-themeisle / wp-block-* セクション
           ============================================================ */
        body .page__text > section[class*="wp-block"],
        body .page__text > div[class*="wp-block"] {
            margin: 2rem 0;
            padding: 1.5rem 1.5rem;
            background: rgba(0, 0, 0, .02);
            border-radius: 12px;
            border: 1px solid rgba(0, 0, 0, .05);
        }

        /* ============================================================
           5. リスト
           ============================================================ */
        body .page__text > ul,
        body .page__text details > ul {
            margin: 0 0 1rem;
            padding-left: 1.5rem;
            line-height: 1.85;
        }
        body .page__text > ul li {
            margin: .25rem 0;
        }

        /* ============================================================
           6. 段落 / リード
           ============================================================ */
        body .page__text > p {
            margin: 0 0 1rem;
            font-size: .95rem;
            line-height: 1.85;
            color: #3a3f4a;
        }

        /* ============================================================
           7. リンク（既存テーマ補完）
           ============================================================ */
        body .page__text > p a,
        body .page__text > ul a {
            color: var(--c-accent, #F26B22);
            text-decoration: underline;
            text-decoration-thickness: 1.5px;
            text-underline-offset: 2px;
        }
        body .page__text > p a:hover { text-decoration-thickness: 2px; }

        /* ============================================================
           8. ライト/ダーク モード
           ============================================================ */

        /* ページ背景 — hivetheme は body{background:#fff} をハードコードするため
           /help/ ページ専用で上書き。body.page-slug-help = WordPress が付与するクラス。 */
        html[data-theme="dark"] body.page-slug-help {
            background-color: #0d1220;
            color: #cfd6e2;
        }

        /* H2 セクション見出し — wp-block-group 内ネスト含む（直系限定を解除） */
        html[data-theme="dark"] body .page__text h2,
        html[data-theme="dark"] body .page__text h2.wp-block-heading {
            color: #e6e8ed;
            background: linear-gradient(90deg, rgba(242, 107, 34, .1) 0%, transparent 60%);
        }
        html[data-theme="dark"] body .page__text details {
            background: #1f2430;
            border-color: rgba(255, 255, 255, .1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
        }
        html[data-theme="dark"] body .page__text details:hover {
            border-color: rgba(242, 107, 34, .35);
            box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
        }
        html[data-theme="dark"] body .page__text details[open] {
            border-color: rgba(242, 107, 34, .55);
            box-shadow: 0 4px 16px rgba(242, 107, 34, .15);
        }
        html[data-theme="dark"] body .page__text details > summary {
            color: #e6e8ed;
        }
        html[data-theme="dark"] body .page__text details > summary:hover,
        html[data-theme="dark"] body .page__text details[open] > summary {
            color: #ffb78a;
        }
        html[data-theme="dark"] body .page__text details[open] > summary {
            border-bottom-color: rgba(255, 255, 255, .08);
        }
        /* 回答本文 — 直系 > のみから子孫全体へ拡張（WP block div>p 構造に対応） */
        html[data-theme="dark"] body .page__text details > p,
        html[data-theme="dark"] body .page__text details > div,
        html[data-theme="dark"] body .page__text details p,
        html[data-theme="dark"] body .page__text details li,
        html[data-theme="dark"] body .page__text details a {
            color: #cfd6e2;
        }
        html[data-theme="dark"] body .page__text details a {
            color: #ffb78a;
        }
        /* 段落 / リスト — wp-block-group 内ネストも含むよう直系を拡張 */
        html[data-theme="dark"] body .page__text p,
        html[data-theme="dark"] body .page__text li {
            color: #cfd6e2;
        }
        html[data-theme="dark"] body .page__text > section[class*="wp-block"],
        html[data-theme="dark"] body .page__text > div[class*="wp-block"] {
            background: rgba(255, 255, 255, .03);
            border-color: rgba(255, 255, 255, .08);
        }

        /* .wn-store-faq-priority コンテナ（token ベースだが dark 上書きで確実化） */
        html[data-theme="dark"] body .page__text .wn-store-faq-priority {
            background: #161d2e;
            border-color: rgba(255, 255, 255, .1);
        }
        html[data-theme="dark"] body .page__text .wn-store-faq-priority h2 {
            color: #e6e8ed;
            background: none;
        }
        html[data-theme="dark"] body .page__text .wn-store-faq-priority details {
            background: transparent;
            border-bottom-color: rgba(255, 255, 255, .08);
        }

        /* ============================================================
           9. レスポンシブ
           ============================================================ */
        @media (max-width: 600px) {
            body .page__text > h2 {
                margin-top: 1.75rem;
                padding-left: .75rem;
                font-size: 1.15rem;
            }
            body .page__text details > summary {
                padding: .85rem 2.5rem .85rem .9rem;
                font-size: .95rem;
            }
            body .page__text details > p,
            body .page__text details > div {
                padding: .75rem .9rem 1rem;
                font-size: .88rem;
            }
            body .page__text details > summary::after {
                right: .85rem;
                width: 10px;
                height: 10px;
            }
        }

        /* ============================================================
           10. アクセシビリティ: focus
           ============================================================ */
        body .page__text details > summary:focus-visible {
            outline: 2px solid var(--c-accent, #F26B22);
            outline-offset: 2px;
        }

        /* ============================================================
           11. 重複セクション「前半 Q1〜Q8」を非表示
              （後半 .wn-store-faq-priority に一本化、コンテンツ無改変）
              - H2.wp-block-heading「よくある質問」とその後続兄弟 <details> を hide
              - .page__text 直下のもののみ対象なので、wp-block セクションや
                wn-store-faq-priority 配下は影響を受けない
           ============================================================ */
        body .page__text > h2.wp-block-heading:first-of-type,
        body .page__text > h2.wp-block-heading:first-of-type ~ details {
            display: none;
        }

        /* ============================================================
           12. /help/ カテゴリ導線の崩れ補正
              ThemeIsle のブロック個別CSSが footer 末尾に出るため、
              このページのカテゴリブロックだけ余白と列組みを固定する。
           ============================================================ */
        body.wn-store.page-id-601 .site-content {
            padding-top: 2.75rem;
        }

        body.wn-store.page-id-601 .page__text {
            padding-top: 1.15rem;
        }

        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
            width: 100%;
            max-width: 800px;
            margin: 0 auto 2rem !important;
            padding: 1.35rem !important;
            background: var(--c-paper, #fff) !important;
            border: 1px solid var(--c-border, rgba(0, 0, 0, .08));
            border-radius: 12px;
            box-shadow: 0 6px 22px rgba(27, 37, 71, .07) !important;
        }

        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 > .wp-block-themeisle-blocks-advanced-columns-overlay,
        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 .wp-block-themeisle-blocks-advanced-columns-overlay,
        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 .wp-block-themeisle-blocks-advanced-column-overlay {
            display: none !important;
        }

        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 > .innerblocks-wrap,
        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-column-4c4fd106,
        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 section.wp-block-themeisle-blocks-advanced-columns,
        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 section.wp-block-themeisle-blocks-advanced-columns > .innerblocks-wrap {
            display: contents !important;
        }

        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 .wp-block-themeisle-blocks-advanced-column {
            min-width: 0;
            margin: 0 !important;
            padding: 0 !important;
            flex-basis: auto !important;
            background: transparent !important;
            border: 0 !important;
        }

        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 .wp-block-buttons,
        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 .wp-block-button {
            width: 100%;
            height: 100%;
            margin: 0 !important;
        }

        body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 .wp-block-button__link {
            display: flex !important;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-height: 54px;
            padding: .95rem .8rem !important;
            color: #fff;
            font-size: .95rem;
            font-weight: 800;
            line-height: 1.35;
            text-align: center;
            word-break: keep-all;
            overflow-wrap: anywhere;
            box-shadow: none;
        }

        body.wn-store.page-id-601 .page__text > .wp-block-paragraph:empty {
            display: none;
        }

        body.wn-store.page-id-601 .wn-store-faq-priority {
            margin-top: .25rem;
        }

        html[data-theme="dark"] body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 {
            background: #161d2e !important;
            border-color: rgba(255, 255, 255, .1);
            box-shadow: 0 8px 24px rgba(0, 0, 0, .22) !important;
        }

        @media (max-width: 720px) {
            body.wn-store.page-id-601 .site-content {
                padding-top: 2rem;
            }

            body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: .75rem;
                margin-bottom: 1.75rem !important;
                padding: 1rem !important;
            }

            body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 .wp-block-button__link {
                min-height: 66px;
                padding: .85rem .6rem !important;
                font-size: .9rem;
            }
        }

        @media (max-width: 360px) {
            body.wn-store.page-id-601 #wp-block-themeisle-blocks-advanced-columns-a5663609 {
                grid-template-columns: 1fr;
            }
        }