@charset "UTF-8";
/*
 * お問い合わせの完了画面の「送信した内容の控え」（app/views/partials/contact-form.php の .c-sentCopy。2026-10-08 に足した部品）の見た目。
 * SWELL の表示（app/views/layout-swell.php）で、お問い合わせのフォームのあるページだけ読む。
 *
 * 中身は style.css の「お問い合わせの控え（完了画面）」の節の写し（値を変えていない）に、その節が使う style.css の変数 10 個
 * （値は style.css の :root と同じ）を .c-sentCopy の頭に足したもの。SWELL の表示は style.css を読まないので、控えの改行が消えて
 * 1つの段落に詰まっていた（2026-10-13、手元の SMTP の受け手へ送って完了の画面を撮った）。計算フォームの calc.css と同じ扱い
 * （元テーマに無い部品は「元に戻す」の対象外として、使える形を保つ。2026-10-12 のなべちゃんの回答。manage の
 * tasks/nabe/done/manage_swell-fps-tools-css.md）。
 * ほかに足したのは末尾の 2 行だけ：SWELL の表示の本文の h2 の帯（元テーマの生成CSS の .post_content h2 の background）と線（::before）を、
 * 控えの見出しが拾わないようにする（style.css の節が移行後の表示の本文の h2 の余白と下線を拾わないよう絞ったのと同じ考え）。
 * **style.css の同じ節を直したら、こちらも同じに直す**（移行後の表示は style.css のほうを読み、これは読まない）。
 */
/* ==================================================================
 * お問い合わせの控え（完了画面）
 * ================================================================== */
.c-sentCopy {
    /* style.css の :root の変数（この 10 行だけ足した。値は style.css と同じ） */
    --c-text:        #1b2620;
    --c-text-weak:   #5f6f66;
    --c-link:        #1f5b47;
    --c-border:      #d6dfd8;
    --c-bg:          #ffffff;
    --c-bg-sub:      #eef2ee;
    --c-accent:      #1f5b47;
    --c-accent-soft: #e2eee8;
    --radius:        6px;
    --font-mincho:   "Shippori Mincho", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
    margin: 1.5rem 0 2rem;
    padding: 1.25rem 1.5rem;
    background: var(--c-bg);
    border: 1px solid var(--c-border);
    border-radius: 10px;
}
/* 控えの欄は固定ページの本文（.post_content）の中に出る。本文の h2 の
   上の大きな余白と下線、ボタンの素の装飾を外す指定（:where(.post_content *)）を
   拾わないよう、.c-sentCopy で絞って書く（2026-10-08、manage の指摘で直した） */
.c-sentCopy .c-sentCopy__title {
    margin: 0 0 0.75rem;
    padding: 0;
    border: 0;
    font-family: var(--font-mincho);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .08em;
    color: var(--c-text);
}
/* pre を使わない。記事本文のコードブロック装飾を拾ってしまうため */
.c-sentCopy__body {
    padding: 1rem 1.125rem;
    background: var(--c-bg-sub);
    border-radius: var(--radius);
    color: var(--c-text);
    font-size: 1rem;           /* 読む字の下限（2026-10-08、15px から） */
    line-height: 1.9;
    white-space: pre-wrap;
    word-break: break-word;
}
.c-sentCopy__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.875rem;
    margin: 1rem 0 0;
}
.c-sentCopy .c-sentCopy__btn {
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0.625rem 1.75rem;
    color: var(--c-accent);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    background: #fff;
    border: 2px solid var(--c-accent);
    border-radius: var(--radius);
    cursor: pointer;
}
.c-sentCopy .c-sentCopy__btn:hover,
.c-sentCopy .c-sentCopy__btn:focus-visible {
    color: #fff;
    background: var(--c-accent);
}
.c-sentCopy .c-sentCopy__btn:focus-visible {
    outline: 2px solid var(--c-accent-soft);
    outline-offset: 2px;
}
/* 押したあとの知らせと注記は読ませる字なので 16px（2026-10-08、14px・13px から） */
.c-sentCopy__msg {
    color: var(--c-link);
    font-size: 1rem;
}
.c-sentCopy__note {
    margin: 0.75rem 0 0;
    color: var(--c-text-weak);
    font-size: 1rem;
}

/* SWELL の表示の本文の h2 の帯と線を拾わない（ここだけ足した） */
.c-sentCopy h2.c-sentCopy__title { background: none; }
.c-sentCopy h2.c-sentCopy__title::before { content: none; }