/* お客様向けの見た目（WILL-MVP-01 B3 v1.2 改訂1 `customer-view.css` を実アプリの部品名に移植）。
   隔離統合版（B3_FLOW）のときだけ body.cv で読み込む。JavaScript は使わない。
   基準：本文 18px（狭い幅は 16px）、ボタン 48px 以上、固定の操作帯なし、PC は左に5区分、スマホは1列。 */
body.cv{font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:18px;line-height:1.75;color:#203d39;background:#f7f5ef;--accent:#1f6154;--line:#d7dfd7;--ink:#203d39;--muted:#52665d;margin:0}
body.cv *{box-sizing:border-box}
body.cv a{color:var(--accent)}
body.cv button,body.cv input,body.cv select,body.cv textarea{font:inherit}
body.cv a:focus-visible,body.cv button:focus-visible,body.cv input:focus-visible,body.cv select:focus-visible,body.cv textarea:focus-visible,body.cv summary:focus-visible{outline:3px solid #ac7027;outline-offset:3px}
body.cv .skip-link{position:absolute;left:-10000px}
body.cv .skip-link:focus{left:1rem;top:1rem;background:#fff;padding:1rem;z-index:5}
/* 上の帯：名前・DEMO の注意・評価期限 */
body.cv>header{background:#fff;border-bottom:1px solid var(--line)}
.cv-brand{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem max(1rem,calc((100% - 1150px)/2))}
.cv-brand__name{font-family:serif;font-size:1.25rem;text-decoration:none;color:var(--ink)}
.cv-brand__name small{display:block;font-family:inherit;font-size:.75rem;color:var(--muted)}
.cv-brand__account{font-size:.9rem}
body.cv .demo-banner{margin:0;padding:.5rem max(1rem,calc((100% - 1150px)/2));font-size:.85rem;background:#fbf5e9;border-top:1px solid #efe3c8;color:#5a4a2a}
body.cv .demo-banner__detail{display:block;font-weight:400}
body.cv .pilot-bar{padding:.4rem max(1rem,calc((100% - 1150px)/2));font-size:.85rem;background:#fff;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
body.cv .pilot-bar p{margin:.2rem 0}
/* 枠：PC は左に5区分、右に本文 */
.cv-shell{max-width:1150px;margin:1.5rem auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:2rem;padding:0 1rem;align-items:start}
.cv-shell>main{min-width:0;background:#fff;border-radius:20px;padding:2rem;grid-column:2}
.cv-shell>footer{grid-column:1 / -1}
.cv-shell>main:focus{outline:0}
.cv-nav{grid-column:1;grid-row:1}
.cv-nav__summary{font-size:.85rem;color:var(--muted);margin:0 0 .5rem}
.cv-nav__list{list-style:decimal;padding-left:1.5rem;margin:0}
.cv-nav__item{padding:.5rem .65rem;border-radius:.5rem;margin:.1rem 0}
.cv-nav__item[aria-current]{background:#e7eee7;font-weight:700}
.cv-nav__item a{text-decoration:none;color:var(--ink)}
.cv-nav__item small{display:block;font-size:.75rem;color:var(--muted);font-weight:400}
.cv-shell:not(:has(.cv-nav))>main{grid-column:1 / -1}
body.cv h1{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.4;margin:.5rem 0 1rem}
body.cv h2{font-size:1.15rem;margin:.5rem 0}
body.cv h3{font-size:1rem;margin:0}
body.cv p{margin:.5rem 0 1rem}
body.cv .lead{font-size:1rem;color:var(--muted)}
body.cv .progress{font-size:.85rem;color:var(--muted)}
/* 共通の部品（固有の画面）：枠・ボタン・選択・一覧 */
body.cv .panel{border:1px solid var(--line);border-radius:14px;padding:1rem;margin:1rem 0;background:#fff}
body.cv .btn-primary,body.cv .btn-secondary,body.cv button,body.cv .button,body.cv .b3-ghost,body.cv .b3-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.65rem 1rem;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--ink);line-height:1.5;text-decoration:none;cursor:pointer;white-space:normal;overflow-wrap:anywhere;font-weight:600}
body.cv .btn-primary:hover,body.cv .btn-secondary:hover,body.cv button:hover,body.cv .b3-ghost:hover{background:#edf3ee}
body.cv .btn-primary,body.cv .b3 .b3-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}
body.cv .btn-primary:hover,body.cv .b3 .b3-primary:hover{background:#164f44}
body.cv .actions,body.cv .doc-actions,body.cv .sub-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1rem 0}
body.cv .sub-actions__label{font-size:.85rem;color:var(--muted);flex-basis:100%}
body.cv .roster-list{list-style:none;padding:0;margin:0}
body.cv .roster-list>li{border:1px solid var(--line);border-radius:14px;padding:1rem;margin:.75rem 0}
body.cv .label{font-size:.85rem;color:var(--muted);margin-right:.4rem}
body.cv .hint,body.cv .footnote{font-size:.9rem;color:var(--muted)}
body.cv .notice{background:#edf3e7;border-radius:10px;padding:.85rem 1rem;margin:1rem 0}
body.cv .error-summary{color:#802f24;background:#fff0eb;padding:.85rem;border-left:3px solid #b64631;border-radius:6px}
body.cv .error-summary a{display:block;padding:.3rem}
body.cv .field{margin:1rem 0}
body.cv .field label{display:block;font-weight:700;margin-bottom:.4rem}
body.cv .field .hint{display:block;font-weight:400}
body.cv .choice{display:flex;align-items:flex-start;gap:.7rem;min-height:48px;padding:.8rem;border:1px solid var(--line);border-radius:10px;margin:.5rem 0}
body.cv .choice:has(input:checked){border-color:var(--accent);background:#eaf1eb}
body.cv .choice label{margin:0;font-weight:400;flex:1}
body.cv input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]),body.cv select,body.cv textarea{display:block;width:100%;max-width:100%;min-width:0;padding:.8rem;border:1px solid #a9b9ac;border-radius:10px;background:#fff;color:inherit}
body.cv input[type=radio],body.cv input[type=checkbox]{width:1.15em;height:1.15em;flex-shrink:0;accent-color:var(--accent);margin:.2em .2em 0 0}
body.cv textarea{min-height:10rem}
body.cv fieldset{border:0;padding:0;margin:.75rem 0;min-width:0}
body.cv legend{font-weight:700;margin-bottom:.5rem;padding:0}
body.cv .summary-table{width:100%;border-collapse:collapse}
body.cv .summary-table th,body.cv .summary-table td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line);vertical-align:top}
body.cv details{margin:.75rem 0}
body.cv summary{min-height:44px;cursor:pointer;padding:.5rem 0;font-weight:600}
body.cv .back-link{font-size:.9rem;margin:.5rem 0 1rem}
body.cv .back-link .hint{margin-left:.5rem}
body.cv .journey{display:none}
/* B3（セクション）の部品 */
.b3{color:var(--ink);line-height:1.75;max-width:900px}
.b3-app{background:#fff}
.b3-head{padding:0 0 .75rem;border-bottom:1px solid var(--line)}
.b3-head-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.b3-head strong{font-size:.95rem;color:var(--accent)}
.b3-head-subject{margin:.5rem 0 0;font-size:.95rem;font-weight:700;color:var(--accent);background:#eaf1eb;padding:.65rem .9rem;border-radius:8px;overflow-wrap:anywhere}
.b3-bar{display:block;width:100%;height:6px;margin-top:8px;border:0;border-radius:10px;background:#e3eae2;accent-color:var(--accent);appearance:none;-webkit-appearance:none}
.b3-bar::-webkit-progress-bar{background:#e3eae2;border-radius:10px}
.b3-bar::-webkit-progress-value{background:var(--accent);border-radius:10px}
.b3-bar::-moz-progress-bar{background:var(--accent);border-radius:10px}
.b3-body{padding:1rem 0 0}
.b3-one,.b3-group{max-width:760px}
.b3-topline{display:flex;gap:9px;flex-wrap:wrap;align-items:center;font-size:.86rem;color:var(--muted);font-weight:700;margin:0 0 4px}
.b3-tag{color:var(--accent);background:#eaf1eb;border-radius:99px;padding:3px 9px}
.b3-page-title{font-size:clamp(1.3rem,2.6vw,1.7rem);margin:6px 0 4px}
.b3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.b3-staff{display:flex;gap:.8rem;align-items:flex-start;margin:1.25rem 0}
.b3-avatar{width:54px;flex:0 0 54px;height:auto}
.b3-staff>div{min-width:0;background:#f1f5ef;border-radius:16px;padding:.8rem 1rem}
.b3-staff .staff-name{display:block;font-size:.75rem;color:#5a6b62}
.b3-staff .staff-message{margin:.2rem 0;font-size:1rem;line-height:1.75}
.b3-small{font-size:.9rem;color:var(--muted)}
.b3-notice{background:#edf3e7;border-radius:10px;padding:.85rem 1rem;margin:1rem 0;color:#203d39}
.b3-subject{background:#f7fbf9;border:1px solid var(--line);border-radius:14px;padding:.75rem 1rem;margin:.5rem 0}
.b3-subject-now{font-size:1.2rem;line-height:1.45;margin:0 0 6px;padding:.4rem 0 .4rem .8rem;border-left:5px solid var(--accent);color:#0f3f47}
.b3-subject-kind{display:block;font-size:.85rem;font-weight:700;color:var(--muted)}
.b3-subject p{margin:0 0 6px}
.b3-subject-rows{margin:0}
.b3-subject-rows div{display:flex;flex-wrap:wrap;gap:4px 12px;padding:4px 0;border-top:1px solid #e3eaea}
.b3-subject-rows dt{font-weight:700;min-width:min(8em,100%)}
.b3-subject-rows dd{margin:0;overflow-wrap:anywhere}
.b3-summary{background:#edf3e7;border-radius:10px;padding:.75rem 1rem;margin:1rem 0}
.b3-summary .b3-block-title{margin-top:0;border:0}
.b3-block{margin-top:10px}
.b3-block-title{font-size:1rem;color:var(--accent);margin:16px 0 0;border-bottom:1px solid var(--line);padding-bottom:4px}
.b3-q{border:0;border-top:1px solid #e7ebe6;margin:0;padding:1.3rem 0;min-width:0;scroll-margin-top:1rem}
.b3-one .b3-q{border-top:0}
.b3-q legend{padding:0;float:left;width:100%}
.b3-q legend+*{clear:both}
.b3-qtitle{font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.4;font-weight:700;color:var(--ink)}
.b3-q .req,.b3-q .opt{font-size:.75rem;background:#edf2e9;padding:.2em .6em;border-radius:6px;margin-left:.4rem;display:inline-block;vertical-align:middle;font-weight:400}
.b3-help{color:var(--muted);font-size:.95rem;margin:.5rem 0 .75rem}
.b3-essential{font-size:.95rem;padding:.75rem;border-left:3px solid #ab7b3b;background:#fbf5e9;margin:.5rem 0 .75rem}
.b3-qstaff{background:#f1f5ef;border-left:3px solid var(--accent);color:#254a53;padding:.5rem .75rem;margin:1rem 0 .25rem;border-radius:4px;font-size:.9rem}
.b3-choices{display:grid;gap:.5rem;margin:.5rem 0}
.b3-choice{display:flex;align-items:flex-start;gap:.7rem;line-height:1.5;width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:.8rem;min-height:48px;cursor:pointer}
.b3-choice input{width:1.15em;height:1.15em;flex:none;margin:.25em 0 0;accent-color:var(--accent)}
.b3-choice span{min-width:0;overflow-wrap:anywhere}
.b3-choice small{display:block;color:var(--muted);font-weight:400}
.b3-choice:has(input:checked){background:#eaf1eb;border-color:var(--accent);font-weight:700}
.b3-input{display:grid;gap:4px;margin:.75rem 0}
.b3-input label{font-weight:700}
.b3-address-head{font-weight:700;color:var(--accent);margin:1rem 0 0;padding-top:.5rem;border-top:1px dashed var(--line)}
.b3-field{border:1px solid #a9b9ac;color:var(--ink);border-radius:10px;width:100%;min-height:48px;padding:.8rem;font-size:1rem;background:#fff}
.b3-provisional{display:inline-block;margin-left:8px;vertical-align:middle;font-size:.74rem;font-weight:700;color:#6a4a22;background:#fff4df;border:1px solid #d4b571;border-radius:99px;padding:1px 8px}
.b3-example{display:inline-block;margin-left:8px;font-weight:400;color:var(--muted);font-size:.9rem}
.b3-states{border:0;background:#f5f6f1;border-radius:10px;padding:.7rem;margin:1rem 0}
.b3-states legend{font-size:.85rem;color:var(--muted);padding:0;margin-bottom:.5rem;float:left;width:100%}
.b3-states legend+*{clear:both}
.b3-state{display:flex;align-items:flex-start;gap:.7rem;min-height:44px;padding:.6rem .8rem;background:#fff;border:1px solid var(--line);border-radius:10px;margin:.4rem 0;cursor:pointer}
.b3-state input{width:1.15em;height:1.15em;flex:none;margin:.25em 0 0;accent-color:var(--accent)}
.b3-docs{margin:.75rem 0;color:#36515b}
.b3-docs summary{cursor:pointer;font-weight:600;min-height:44px}
.b3-docs p{margin:4px 0}
.b3-recheck{margin:9px 0;border:1px solid #d8bb76;background:#fff9e9;padding:11px;border-radius:11px}
.b3-recheck strong{color:#694917}
.b3-recheck p{margin:3px 0 0}
.b3-venue{margin:9px 0}
.b3-venue ul{margin:5px 0 5px 1.2em;padding:0}
.b3-status{font-size:.85rem;margin:8px 0 0;color:#52665d}
.b3-pending{margin:8px 0 0;border-left:4px solid #b7862c;background:#fffaf0;padding:8px 11px;border-radius:0 10px 10px 0;color:#4a3514}
.b3-pending .b3-small{display:block;margin-top:3px}
.b3-error{color:#802f24;font-size:.95rem;font-weight:700;margin:6px 0 0}
.b3-q--error{border-left:4px solid #b64631;padding-left:10px}
.b3-error-summary{border:0;border-left:3px solid #b64631;border-radius:6px;padding:.85rem;background:#fff0eb;color:#802f24}
.b3-review{padding-left:0;list-style:none}
.b3-review li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--line);scroll-margin:1rem}
.b3-review li strong{grid-column:1 / -1}
.b3-review li .b3-ghost{grid-column:2;grid-row:2 / span 2;align-self:center}
.b3-review-answer{display:block;font-size:1rem;color:#173c43;overflow-wrap:anywhere}
.b3-review-answer--unsaved{color:var(--muted)}
.b3-confirm-status{display:block}
.b3-saved-note{background:#e3f1ee;border-radius:10px;padding:8px 12px;margin:8px 0;color:#0f3f47;font-weight:700}
.b3-next-note{font-size:.95rem;color:var(--muted);margin:1rem 0 0}
.b3-stop-note{color:#7a3b17;font-weight:700}
.b3-foot{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid var(--line)}
.b3 .b3-primary{margin-left:auto}
.b3-outnote{margin:1rem 0 0;color:var(--muted);font-size:.85rem}
.b3-page-staff{margin:0 0 .75rem}
.b3-page-staff .b3-staff{margin:0}
.b3 .candidates{background:#f7fbf9;border:1px solid var(--line);border-radius:14px;padding:.75rem 1rem;margin:1rem 0}
.b3-copy-target{margin:4px 0 8px;font-weight:700}
.b3-copy-target .label{display:inline-block;margin-right:8px;font-size:.85rem;color:var(--muted)}
.b3-manage .summary-table td label{margin-right:.5rem}
@media(max-width:800px){
  .cv-shell{display:block;margin:.5rem auto;padding:.5rem}
  .cv-shell>main{padding:1.25rem}
  .cv-nav__list{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:.3rem;margin:0 0 1rem}
  .cv-nav__item{padding:.4rem;font-size:.8rem}
  .cv-nav__item small{display:none}
  .cv-brand{padding:.75rem}
  body.cv .demo-banner,body.cv .pilot-bar{padding-left:.75rem;padding-right:.75rem}
  .b3-staff{gap:.5rem}.b3-avatar{width:44px;flex-basis:44px}
  .b3-foot>.b3-primary{flex:1 1 100%;margin-left:0}
  .b3-review li{grid-template-columns:minmax(0,1fr)}
  .b3-review li .b3-ghost{grid-column:1;grid-row:auto;justify-self:start}
}
@media(max-width:375px){
  body.cv{font-size:16px}
  .cv-shell>main{padding:1rem}
  .b3-foot{flex-direction:column;align-items:stretch}
  .b3-foot>*{width:100%;margin:0}
  body.cv .actions,body.cv .doc-actions{flex-direction:column;align-items:stretch}
  body.cv .actions>*,body.cv .doc-actions>*{width:100%}
}
@media(prefers-reduced-motion:reduce){body.cv *{scroll-behavior:auto}}

/* ---- 全体確認「入力内容をまとめて見る」（B3 v1.2 改訂2） ---- */
.wr-position{margin:0;font-size:.9rem;color:var(--muted)}
.wr-title{margin:.1rem 0 .75rem;font-size:1.5rem}
.wr-counts{font-weight:700;color:#7a4a00;margin:.75rem 0}
.wr-toc ol{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.35rem .9rem}
.wr-toc a{text-decoration:none;color:var(--accent,#2f5d50);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.wr-area{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem;margin:0 0 1rem}
.wr-area h2{margin:0 0 .5rem;font-size:1.2rem}
.wr-num{color:var(--muted);font-weight:600;margin-right:.25rem}
.wr-group{margin:.5rem 0 .25rem}
.wr-group__title{font-size:1rem;margin:.9rem 0 .25rem;color:#2f5d50}
.wr-rows{list-style:none;padding:0;margin:0}
.wr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label edit" "value edit";gap:.15rem 1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line);scroll-margin-top:84px}
.wr-row:last-child{border-bottom:0}
.wr-row__label{grid-area:label;font-size:.85rem;color:var(--muted)}
.wr-row__value{grid-area:value;font-size:1.05rem;line-height:1.5;overflow-wrap:anywhere}
.wr-row__value .wr-state{display:block;font-size:.8rem;color:#7a4a00;margin-top:.15rem}
.wr-row--empty .wr-row__value{color:#7a4a00}
.wr-edit{grid-area:edit;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;border:1px solid #2f5d50;border-radius:10px;color:#2f5d50;text-decoration:none;font-weight:600;white-space:nowrap}
.wr-row--fixed{background:#f1f7ef;border-radius:10px;padding-left:.5rem;padding-right:.5rem}
.wr-updated{grid-column:1 / -1;grid-row:1;margin:0 0 .25rem;color:#1f5f45;font-weight:700}
.wr-row--fixed{grid-template-areas:"updated updated" "label edit" "value edit"}
.wr-row--fixed .wr-updated{grid-area:updated}
.wr-row--later{grid-template-areas:"label edit" "value edit"}
.wr-later{background:#fff8ec;border-color:#ead9b8}
.wr-hint{font-size:.9rem;color:var(--muted)}
.wr-empty{color:var(--muted)}
.wr-notice{background:#fff0eb;border-left:3px solid #b64631;padding:.6rem .8rem;border-radius:6px;font-weight:600}
.wr-eval{font-size:.8rem;color:#7a4a00;font-weight:600;margin-left:.5rem}
@media (min-width:800px){
  .wr-body{display:block}
  .wr-toc{position:sticky;top:0;background:var(--bg,#f6f8f6);z-index:2;padding:.4rem 0;margin-bottom:.5rem}
  /* 目次が上に貼り付く幅では、戻った行・財産の見出しが目次（2行）に隠れないよう余白を取る（限定レビュー 10/7 ③） */
  .wr-row,.wr-group{scroll-margin-top:128px}
}
@media (max-width:480px){
  .wr-row{grid-template-columns:1fr;grid-template-areas:"label" "value" "edit"}
  .wr-row--fixed{grid-template-areas:"updated" "label" "value" "edit"}
  .wr-row--later{grid-template-areas:"label" "value" "edit"}
  .wr-edit{justify-self:start}
}

/* UIUX 受渡し v1.0（2026-10-09）：共通の注意帯を1本に（U02）。詳しい案内は展開 */
body.cv .trial-notice{margin:0;padding:.45rem max(1rem,calc((100% - 1150px)/2));font-size:.92rem;background:#fbf4e6;border-bottom:2px solid #c9a227;font-weight:600}
body.cv .trial-notice__line{margin:0}
body.cv .trial-notice__details{font-weight:400;font-size:.88rem;margin-top:.15rem}
body.cv .trial-notice__details summary{cursor:pointer;color:#2f5d50;font-weight:600;min-height:32px;display:inline-flex;align-items:center}
body.cv .trial-notice__details p{margin:.35rem 0 0}
body.cv .trial-notice .pilot-stop-link{display:inline-block;margin-top:.2rem}
/* 従操作の追加フォーム（U09・U10）：必要なときだけ開く */
.b3-optional{border:1px solid var(--line,#e7ebe6);border-radius:8px;padding:.4rem .8rem;margin:1rem 0}
.b3-optional>summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.b3-optional>summary.h2{font-size:1.05rem}
/* 保存して中断する（U08）：従操作 */
/* 監査 B-5：中断は主操作の下の段・枠だけの従操作（主操作「保存して次へ」は塗り） */
.b3-foot--pause{justify-content:flex-start;margin-top:.25rem;gap:.75rem;align-items:center}
.b3-foot--pause .b3-pause{margin:0;flex:0 1 auto;background:#fff;color:var(--ink);border-color:var(--line);font-weight:600}
.b3-foot--pause .b3-pause-hint{flex:1 1 12em}
.b3-links{margin:.5rem 0 0;padding-left:1.2em}

/* U02：スマホ幅の初期表示で質問と最初の入力が早く見えるよう、上の帯・名前・区分ナビの余白を詰める */
@media (max-width:480px){
  .cv-brand{padding:.5rem 1rem}
  .cv-brand__name{font-size:1.05rem}
  .cv-brand__name small{display:none}
  body.cv .trial-notice{padding:.25rem 1rem;font-size:.85rem;line-height:1.45}
  .cv-nav__list{display:none}  /* 画面案（UIUX v1.0）：スマホでは区分の一覧を出さず、進み具合の一行だけ */
  body.cv .trial-notice__details{font-size:.8rem}
  body.cv .trial-notice__details summary{min-height:24px}
  .cv-shell{margin:.25rem auto}
  .cv-nav__summary{margin:0 0 .25rem}
  .cv-nav__list{margin:0 0 .5rem}
  .cv-shell>main{padding:.65rem 1rem 1rem}
  .b3-head{padding-bottom:.3rem}
  .b3-staff{margin:.45rem 0}
  .b3-staff>div{padding:.5rem .7rem}
  .b3-staff[data-place=after-question]{margin:.35rem 0 .5rem}
  .b3-staff .staff-message{font-size:.95rem}
}
/* 一問ずつ：対象→質問→短いスタッフ文→入力（UIUX §4）。スタッフは質問の直後に置く */
.b3-staff[data-place=after-question]{margin:.5rem 0 .75rem}

/* U04 状態 A の成果物カード（全体確認）：内容の行は箱にしない */
.draft-row--state-a .draft-contents{margin:.4rem 0}
.draft-row--state-a .b3-staff-line{color:var(--muted,#555)}

/* 統合実装指示 v1.0（2026-10-09）：簡易版の学び・版の切替・詳細版の確認（全体確認） */
.wr-learn .learn-groups{margin:.4rem 0 .4rem 1.2rem;padding:0}
.wr-learn .learn-groups li{margin:.15rem 0}
.wr-edition .edition-switch{margin:.4rem 0 .8rem}
.wr-edition .edition-groups{list-style:none;margin:0;padding:0}
.wr-edition .edition-group{border:1px solid var(--line,#e7ebe6);border-radius:8px;padding:.6rem .8rem;margin:.5rem 0}
.wr-edition .edition-group--confirmed{border-color:#2f5d50;background:#f3f6f3}
.wr-edition .edition-group--stale{border-color:#c9a227;background:#fbf4e6}
.wr-edition .b3-choice--multi{display:flex;gap:.6rem;align-items:flex-start;margin:.4rem 0}
.edition-choice{border:0;padding:.6rem;margin:1rem 0;background:#f5f6f1;border-radius:10px}
.edition-choice legend{font-weight:600;margin-bottom:.4rem}

/* UIUX 接続追補 v1.0：入口の2カード・次にすること・学びの1文・照合の枠・スマホの工程一覧 */
.entrance-heading{margin:.6rem 0 .2rem}
.entrance-cards{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.6rem 0}
.entrance-card{border:1px solid var(--line,#e7ebe6);border-radius:10px;padding:.8rem 1rem;background:#fff}
.entrance-card h3{margin:0 0 .3rem;font-size:1.05rem}
.entrance-card .btn-primary{width:100%;margin-top:.4rem}
@media (max-width:600px){.entrance-cards{grid-template-columns:1fr}}
.wr-next{margin:.3rem 0 .8rem;padding:.5rem .8rem;background:#f3f6f3;border-radius:8px}
.b3-learn-line{margin:1rem 0 0;padding:.5rem .8rem;background:#f5f6f1;border-radius:8px;font-size:.95rem}
.b3-learn-line p{margin:0}
.edition-values{margin:.2rem 0 .4rem 1rem;padding:0;font-size:.95rem}
.edition-values li{margin:.1rem 0}
.edition-state{font-weight:600;color:#2f5d50}
.cv-nav__mobile{display:none}
@media (max-width:480px){
  .cv-nav{display:none}
  .cv-nav__mobile{display:block;margin:0 0 .2rem;font-size:.85rem}
  .cv-nav__mobile summary{cursor:pointer;min-height:30px;display:flex;align-items:center;color:#2f5d50;font-weight:600}
  .cv-shell{margin:.1rem auto}
  .cv-nav__list--mobile{display:block;list-style:decimal;padding-left:1.4rem;margin:.2rem 0}
  .cv-nav__list--mobile li{margin:.15rem 0}
}

/* 限定レビュー R3：口座番号の表示／隠す（JS なし） */
.account-reveal{margin:.3rem 0 .5rem}
.account-reveal summary{cursor:pointer;color:#2f5d50;font-weight:600;min-height:32px;display:flex;align-items:center}
.account-reveal .when-open{display:none}
.account-reveal[open] .when-open{display:inline}
.account-reveal[open] .when-closed{display:none}
.account-reveal .account-full{margin:.2rem 0 0;font-size:1.05rem;letter-spacing:.05em}