/* ============================================================
       Top — 「公式（このサイト）」ネットワークカードのラベル整形
       compliance plugin で URL ベタ列挙を <span> 化したものを整える。
       ============================================================ */
    .wn-network-card__label {
        display: block;
        font-size: .82rem;
        color: var(--c-text-mute, rgba(0,0,0,.6));
        line-height: 1.55;
        letter-spacing: .01em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* 万一狭幅で改行が必要な場合は中点ごとに改行 */
    @media (max-width: 480px) {
        .wn-network-card__label {
            white-space: normal;
            font-size: .78rem;
        }
    }

    /* ============================================================
       /contact/ — reveal-init の初期透明を即時可視に強制
       navigator の IntersectionObserver fade-in が初期表示で
       opacity:0 のまま残るケースを救済。
       ============================================================ */
    .reveal-init,
    .wn-section.reveal-init {
        opacity: 1;
        transform: none;
    }

    /* ============================================================
       /contact/ — 3 経路カード (ウェブナラ / ココナラ / 直接メール)
       ・カラム幅を均等化
       ・カード内の最小幅を確保し、本文の極端な縦長を解消
       ・縦の余白を統一、CTA 位置を揃える
       body の class が .page でなく .page-id-X の可能性に対応し、
       .entry-content + .wp-block-column の組み合わせで広く対象化。
       ============================================================ */
    .entry-content .wp-block-columns {
        gap: clamp(1rem, 2vw, 1.75rem);
        align-items: stretch;
    }
    .entry-content .wp-block-column {
        background: var(--c-paper, #fff);
        border-radius: 12px;
        padding: clamp(1.25rem, 2.5vw, 2rem) clamp(1rem, 2vw, 1.5rem);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
        border: 1px solid var(--c-border-soft, rgba(0,0,0,.08));
        display: flex;
        flex-direction: column;
        min-height: 100%;
        flex-basis: 0;
        flex-grow: 1;
    }
    /* カード内の p (本文) は読みやすい幅で */
    .entry-content .wp-block-column > p {
        margin: .5rem 0;
        line-height: 1.85;
        font-size: .94rem;
    }
    /* カードの最後の要素 (大抵 CTA) を底に寄せる */
    .entry-content .wp-block-column > p:last-child {
        margin-top: auto;
        padding-top: 1rem;
    }
    /* 見出し（h3）の左ボーダーアクセント */
    .entry-content .wp-block-column > h3 {
        margin: 0 0 .75rem;
        padding-left: .65rem;
        border-left: 3px solid var(--c-accent, #FF6F3D);
        font-size: 1.1rem;
        line-height: 1.4;
    }
    /* CTA リンクを少し強調 */
    .entry-content .wp-block-column a:not(.wn-btn) {
        color: var(--c-accent, #FF6F3D);
        font-weight: 700;
        text-decoration: none;
        border-bottom: 1px solid currentColor;
        padding-bottom: 1px;
        transition: color .18s ease;
    }
    .entry-content .wp-block-column a:not(.wn-btn):hover {
        color: var(--c-accent-deep, #D45417);
    }

    /* ============================================================
       /contact/ — H2「受付時間・返信目安」「ご依頼テンプレート」の整形
       ============================================================ */
    body.page-id-contact .entry-content h2,
    body.page .entry-content > h2 + p + ul,
    body.page .entry-content > h2 + ul {
        margin-top: 1rem;
    }
    body.page .entry-content pre {
        background: var(--c-mist, #F6F9FE);
        border-radius: 8px;
        padding: 1.25rem 1.5rem;
        font-size: .92rem;
        line-height: 1.85;
        overflow-x: auto;
        border: 1px solid var(--c-border-soft, rgba(0,0,0,.08));
    }

    /* モバイル: カードを縦並びに */
    @media (max-width: 760px) {
        body.page .entry-content .wp-block-column {
            margin-bottom: .85rem;
        }
    }

    /* ============================================================
       /contact/ — H1 直下のリードとカード行の間に空いていた
       過剰な余白（reveal-init の transform オフセット起因）を縮小。
       ============================================================ */
    body .entry-content > .wp-block-columns {
        margin-top: clamp(1.5rem, 3vw, 2.5rem);
    }
    body .entry-content > .wn-section + .wn-section,
    body .entry-content > section + section {
        margin-top: clamp(1.5rem, 3vw, 2.5rem);
    }
    /* contact ページ専用: section の reveal によるネガティブマージン詰める */
    body .entry-content .wn-section + .wp-block-columns,
    body .entry-content > * + .wp-block-columns:not(:first-child) {
        margin-top: clamp(1rem, 2vw, 1.75rem);
    }

    /* ============================================================
       /profile/ プレースホルダー画像 (確実版)
       ・写真ファイル未配置時でも img の背景にシルエット風グラデ
       ・実画像が配置されたら img 本体が表示されてグラデが隠れる
       ============================================================ */
    .wn-pwe-profile .wn-pwe-intro__portrait img {
        background:
            radial-gradient(ellipse 28% 22% at 50% 32%, #6E7891 0 100%, transparent 100%) no-repeat,
            radial-gradient(ellipse 70% 50% at 50% 90%, #4A5570 0 100%, transparent 100%) no-repeat,
            linear-gradient(160deg, #efe7d9 0%, #d6c9b1 100%);
        background-color: #efe7d9;
        min-height: 240px;
    }
    /* 画像が壊れた alt 表示は隠す */
    .wn-pwe-profile .wn-pwe-intro__portrait img {
        color: transparent;
        font-size: 0;
    }

    /* ============================================================
       Top — 数字スタッツ周り (625 件 → 600 件 の文字組ずれ防止)
       ============================================================ */
    .wn-stat__num {
        font-variant-numeric: tabular-nums;
    }