/* p83 案C 直した版（soft-c の上に重ねる）2026-11-07 */
:root{--c2-paper:#F4EEDF;--c2-paper2:#EAE2CF;--c2-edge:#E2D6BC;--c2-ink:#1B2A44;--c2-sub:#3A4862;--c2-lab:#1E5E56;--c2-link:#0B4A7A}

/* 6 言葉の途中で折り返さない（文節で折り返す。Chrome・Edge 119 以降。ほかのブラウザはこれまでどおり） */
html body.soft-c2 :is(h1,h2,h3,h4,p,li,dt,dd,b,span,label,summary,a,figcaption){word-break:auto-phrase!important;line-break:strict}

/* 7 小さく薄い字を、大きく濃く（暗い地の上） */
body.soft-c2 :is(.r4note,.muted,.small,.hint,.note,.r4lead small,.r4sub){font-size:max(15px,1em)!important;color:#D3DAE8!important;line-height:1.8}
body.soft-c2 .r4hero .r4w > div:not(.r4tile1):not(.r4tile) > p:last-child{font-size:15px!important;color:#D3DAE8!important}

/* 4 スマホ：最初の画面の絵は小さめにして、題と「やること表をつくる」まで1画面に入れる */
@media (max-width:760px){
 body.soft-c2 .r4hero .r4w>.r4art{max-width:180px!important;width:48%!important;margin:0 auto 0!important}
 body.soft-c2 .r4hero{padding-top:20px!important}
 body.soft-c2 .r4hero h1{margin-top:8px!important}
 body.soft-c2 .r4hero .r4lab{display:none!important}
}

/* 2 作風をそろえた絵（未来の家計簿・なぜ作ったか） */
body.soft-c2 img.c2-ill{background:var(--c2-paper)!important;border-radius:16px;padding:10px;width:100%;height:auto;object-fit:contain;image-rendering:auto!important}
body.soft-c2 #naze img.c2-ill{width:280px!important;max-width:100%;transform:none!important;box-shadow:none!important}

/* 3 マンションの絵と一文（紙の面） */
.c2-condo{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px 24px;align-items:center;background:var(--c2-paper);border:1px solid var(--c2-edge);border-radius:16px;padding:14px 22px;margin:24px 0 8px;color:var(--c2-ink);
 box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 40px rgba(255,210,122,.10)}
.c2-condo img{width:100%;height:auto;display:block}
html body.soft-c2 .c2-condo :is(p,div,span,b,.r4note,.muted,.small){color:var(--c2-ink)!important;font-size:16px!important;margin:0}
@media (max-width:760px){.c2-condo{grid-template-columns:120px minmax(0,1fr);padding:12px 14px}}

/* 1 やること表の結果も紙の面に。広告の面は、いちばん明るくならないよう一段落とす */
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card){
 --r4-on:var(--c2-ink);--r4-sub:var(--c2-sub);--r4-a2:var(--c2-lab);--r4-edge:var(--c2-edge);--ink:var(--c2-ink);--ink2:var(--c2-sub);--line:var(--c2-edge);
 background:var(--c2-paper)!important;color:var(--c2-ink)!important;border:1px solid var(--c2-edge)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 box-shadow:0 10px 28px rgba(0,0,0,.26)!important}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card) :is(p,span,div,b,li,small,dd,dt,label,h3,h4,strong,em,summary,ol,ul,td,th){color:inherit}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card,#r_first .tonight) a:not(.adgo):not(.adcard){color:var(--c2-link)!important;background:transparent!important;text-decoration:underline;text-underline-offset:3px}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card,#r_first .tonight) :is(h2,h3,h4,.who,dt,.olab,b,strong){color:var(--c2-ink)!important}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card,#r_first .tonight) :is(.muted,.small,.hint,.note,.r4note,dd,li,p){color:var(--c2-sub)!important}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card,#r_first .tonight) :is(.tag,.who.all,.mk,.chip){color:#1E5E56!important;border:1px solid currentColor!important;background:rgba(30,94,86,.08)!important}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card,#r_first .tonight) :is(.tag.red,.who.all,.mk.out,.chip.c-out){color:#9A2A12!important;background:rgba(154,42,18,.07)!important}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card,#r_first .tonight) :is(.tag.grey,.chip.c-soon){color:#5A5446!important;background:rgba(90,84,70,.08)!important}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card,#r_first .tonight) .adcard :is(p,li,span:not(.adgo),b,small,em){color:var(--c2-ink)!important;background:transparent}
html body.soft-c2 #tl_list details.dl .kcard{background:rgba(27,42,68,.05)!important;border-color:var(--c2-edge)!important}
html body.soft-c2 #tl_list details.dl summary :is(b,strong){color:var(--c2-ink)!important}
html body.soft-c2 #tl_list details.dl summary :is(.d,.date,.md) {color:#8A5300!important}
html body.soft-c2 #r_keep .keep.card .keep-btns :is(a,button):not(.adgo):not(.adcard){background:#FFFFFF!important;color:var(--c2-ink)!important;border:1.5px solid #8C7F63!important}
/* 広告の面：結果の紙より一段落とした地。広告の札は紙の色（白くしない） */
html body.soft-c2 #asp_cards.cx-light{--paper:#F7F2E6;--ink:var(--c2-ink);--ink2:var(--c2-sub);--line:#CFC3A6;background:var(--c2-paper2)!important;border:1px dashed #B9AA86!important}
html body.soft-c2 #asp_cards .adcard{background:#F7F2E6!important;border-color:#B9AA86!important}

/* やること表の市区町村の候補（入力欄の下に出る一覧）：紙の面の上では白い地に紺の字 [2026-11-07 Kyo「市区町村の文字がみえません」] */
html body.soft-c2 #form .fform #c_list{background:#FFFFFF!important;border:1.5px solid #8C7F63!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important}
html body.soft-c2 #form .fform #c_list li{color:var(--c2-ink)!important;background:#FFFFFF!important;border-color:#EFE8D8!important}
html body.soft-c2 #form .fform #c_list li small{color:var(--c2-sub)!important}
html body.soft-c2 #form .fform #c_list li:is(:hover,.on,.act,.hi,[aria-selected="true"]){background:#F1E6CC!important;color:var(--c2-ink)!important}

/* 記事・お金・特例・よくある質問など（紙の面の読みもの・札）：紙の上の字は紺、リンクは濃い青、箇条書きの箱も紙に [2026-11-07 全ページの種類で確かめ] */
html body.soft-c2 :is(.r4read,.r4tile,.r4tile1,#sentaku .r4card,.stage .it.r4card) :is(.muted,.small,.hint,.note,.r4note){color:var(--c2-sub)!important}
html body.soft-c2 :is(.r4tile,.r4tile1,#sentaku .r4card,.stage .it.r4card) > p{color:var(--c2-ink)!important}
html body.soft-c2 .r4read :is(ul,ol){background:rgba(27,42,68,.05)!important;border:1px solid var(--c2-edge)!important;color:var(--c2-ink)!important}
html body.soft-c2 .r4read :is(ul,ol) :is(li,span,b,strong){color:var(--c2-ink)!important}
html body.soft-c2 :is(.r4read,.r4tile,.r4tile1,#sentaku .r4card,.stage .it.r4card) a:not(.adgo):not([class*=btn]):not(.r4cta a){color:var(--c2-link)!important}
html body .pvsw a{color:#7A3E00!important}
html body .pvsw a[aria-current]{color:#1B1408!important}

/* 案C の紙の面を、ほかのページの種類にも（市区町村の制度の札・お金の制度・特例の問い・よくある質問・読みものの一覧）[2026-11-07 本番反映に向けて] */
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt){--r4-on:var(--c2-ink);--r4-sub:var(--c2-sub);--r4-a2:var(--c2-lab);--r4-a1:#8A5300;--r4-edge:var(--c2-edge);--ink:var(--c2-ink);--ink2:var(--c2-sub);--line:var(--c2-edge);
 background:var(--c2-paper)!important;color:var(--c2-ink)!important;border:1px solid var(--c2-edge)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 10px 28px rgba(0,0,0,.26)!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) :is(p,span,div,b,li,small,dd,dt,label,h2,h3,h4,strong,em,summary,ol,ul,td,th,dl){color:inherit}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) :is(dl,table,thead,tbody,tr,td,th){background:transparent!important;border-color:var(--c2-edge)!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) :is(.muted,.small,.hint,.note,.r4note,.sub){color:var(--c2-sub)!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) a:not(.adgo):not([class*=btn]){color:var(--c2-link)!important;background:transparent!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) :is(.tag,.chip,.badge,.mk){color:#1E5E56!important;border:1px solid currentColor!important;background:rgba(30,94,86,.08)!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) :is(h2,h3,h4,dt,.q,.no,.n,.ok-head span){color:var(--c2-ink)!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) .ok-head .n,html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) .q,html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) .no{color:#1E5E56!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) .cases span{color:var(--c2-ink)!important;background:rgba(27,42,68,.06)!important;border:1px solid var(--c2-edge)!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) .tk-ans label{background:#FFFFFF!important;color:var(--c2-ink)!important;border:1.5px solid #8C7F63!important}
html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) .tk-ans input:checked + label,html body.soft-c2 :is(article.pg.pp,.cts .ct,p.mans,div.mid,#shikumi ol.flow > li,#kazu .bns a.bn,#kakaku .range > div,article.ok-item,.r4tblw,.tk-q.r4card,details.qa-item,li.fx-tilt) .tk-ans label:has(input:checked){background:#1B2A44!important;color:#FFFFFF!important}

/* 市区町村のページの広告の区画（次の一歩【PR】）も、いちばん明るくしない：紙より一段落とした地に [2026-11-07] */
html body.soft-c2 section.ads#tsugi{background:var(--c2-paper2)!important;color:var(--c2-ink)!important}
html body.soft-c2 section.ads#tsugi :is(a.adcard,.adcard,article,li){background:#F7F2E6!important;border-color:#B9AA86!important}

/* やること表の結果：市区町村を選んだときの「制度と窓口」の一覧（紙の面の中の札）[2026-11-07 Kyo「全然内容が見えません」] */
html body.soft-c2 #r_city #progs .prog{padding:14px 16px!important;margin:0 0 10px!important;background:#FFFFFF!important;color:var(--c2-ink)!important;border:1px solid var(--c2-edge)!important;border-radius:12px!important}
html body.soft-c2 #r_city #progs .prog :is(div,span,p,b,small,.n,.d){color:var(--c2-ink)!important}
html body.soft-c2 #r_city #progs .prog .d{color:var(--c2-sub)!important}
html body.soft-c2 #r_city #progs .prog .tag{color:#1E5E56!important;border:1px solid currentColor!important;background:rgba(30,94,86,.08)!important}
html body.soft-c2 #r_city #progs a{color:var(--c2-link)!important;background:transparent!important}

/* 紙の面の上の大事な数字（金額・期限の日付）は琥珀色でそろえる。読者がまず数字と期限をつかめるように [2026-11-07 Kyo「目的は読者が分かりやすく把握しやすいこと」] */
html body.soft-c2 :is(#kazu .bns a.bn b,.pg .amt b,#kakaku .range > div b,#tl_list details.dl summary .d b,#tl_list details.dl summary .d){color:#8A5300!important}
html body.soft-c2.soft-c #tl_list details.dl summary span.d.d :is(b,span),html body.soft-c2.soft-c #tl_list details.dl summary span.d.d{color:#8A5300!important}
html body.soft-c2.soft-c #r_city #progs .prog.prog :is(.amt,.amt b,b.amt){color:#8A5300!important}

/* 大事な数字の色（Kyo「Aで」2026-11-07）：大きい数字（24px 以上・太字）は焼けたオレンジ #D35400（紙の上 3.6:1。大きい字の基準 3:1 を満たす）、小さい字（期限の日付など）は同じ系統の深いオレンジ #B34700（4.75:1）。警告の赤（#9A2A12）とは分ける */
html body.soft-c2.soft-c :is(#kazu .bns a.bn b,.pg .amt b,#kakaku .range > div b,.r4tile .big:not(.warn),.r4tile1 b){color:#D35400!important}
html body.soft-c2.soft-c :is(#kazu .bns a.bn b,.pg .amt b) small,html body.soft-c2.soft-c #kazu .bns a.bn small{color:#B34700!important}
html body.soft-c2.soft-c #tl_list details.dl summary span.d.d :is(b,span),html body.soft-c2.soft-c #tl_list details.dl summary span.d.d{color:#B34700!important}
html body.soft-c2.soft-c #r_city #progs .prog.prog :is(.amt,.amt b,b.amt){color:#B34700!important}
html body.soft-c2 :is(#tl_box .tbox,#tl_list details.dl,#r_cmp details.opt,#mitate,#gap.card,#r_keep .keep.card,#r_next2.card,#r_city .card,#r_okane .card,#r_first .tonight,.r4tile,.r4tile1){--r4-a1:#B34700;--sc-amb:#B34700}

/* カードの題を目立たせる（Kyo 2026-11-07「カードのタイトル文字ももう少し目立つように」）。
   本文（15〜16px）の約1.3倍の大きさ・太さを一段上げ・題の下に余白。色は紺のまま（オレンジは数字と期限だけに使う）。カードの中の区切り線は薄くして、題より目立たせない */
html body.soft-c2 .stage .it.r4card .do{font-size:21px!important;font-weight:800!important;line-height:1.45!important;margin:0 0 10px!important;color:var(--c2-ink)!important;letter-spacing:.01em}
html body.soft-c2 #sentaku .r4card > b{font-size:20px!important;font-weight:800!important;line-height:1.45!important;margin-bottom:6px!important}
html body.soft-c2.soft-c #gap_list li .t{font-size:19px!important;font-weight:800!important;line-height:1.45!important;margin-bottom:6px!important}
html body.soft-c2.soft-c #tl_list details.dl summary span.n > b{font-size:19px!important;font-weight:800!important;line-height:1.45!important}
html body.soft-c2 details.qa-item > summary{font-size:18px!important;font-weight:700!important;line-height:1.6!important}
html body.soft-c2 .r4tile > .t{font-size:18px!important;font-weight:800!important}
html body.soft-c2 .stage .it.r4card :is(hr,.st,.wr,div,p){border-color:#D9CCB0!important}
@media (max-width:760px){
 html body.soft-c2 .stage .it.r4card .do{font-size:19px!important}
 html body.soft-c2 #sentaku .r4card > b{font-size:18px!important}
}

/* c2fix 2026-11-07（Codex の公開前確認） */
html body.soft-c2 :is(.tk-date input,input[type=date]){background:#FFFFFF!important;color:#1B2A44!important;-webkit-text-fill-color:#1B2A44!important;border:1px solid #8C7F63!important;min-height:48px!important;border-radius:8px;padding:6px 10px!important;color-scheme:light}
@media (max-width:760px){
html body.soft-c2 :is(.grp,.cts){grid-template-columns:minmax(0,1fr)!important}
html body.soft-c2 :is(.grp,.cts) *{min-width:0!important;max-width:100%}
html body.soft-c2 :is(.grp,.cts) :is(h3,h4,p,.gl,.sub,.ph,dd,dt,li,span,b,a,summary){overflow-wrap:anywhere!important;word-break:normal!important}
html body.soft-c2 :is(.grp,.cts) dl{grid-template-columns:minmax(0,1fr)!important}
html body.soft-c2 .c2-condo{display:block!important}
html body.soft-c2 .c2-condo .sf-fig{max-width:180px!important;margin:0 0 10px!important}
}
html body.soft-c2 details.dl:has(> .kcard.past)>summary .d :is(b,small){color:#9A2A12!important}
html body.soft-c2 details.dl:has(> .kcard.past)>summary{box-shadow:inset 4px 0 0 #9A2A12}
html body.soft-c2 .who.all,html body.soft-c2 :is(#tl_box,#tl_list,#r_cmp,#mitate,#gap,#r_keep,#r_next2,#r_city,#r_okane,#r_first) .who.all.who.all{color:#1B2A44!important;border:1px solid #1B2A44!important;background:rgba(27,42,68,.06)!important}
html body .r4em.r4em-w{color:#8FDCCF!important;background:none!important;-webkit-text-fill-color:#8FDCCF!important}
html body .adjump{gap:8px!important}
html body .adjump .chip{height:auto!important;min-height:44px!important;display:inline-flex!important;align-items:center;padding:0 14px!important}

/* ads2 2026-11-07 やること表の依頼先：【PR】の札と黄色の帯をやめ、落ち着いた「広告」の札に */
#asp_cards.cx-light .adcard .adk em::before{content:none!important}
html body #asp_cards.cx-light{border:0!important;background:#EAE2CF!important}
html body #asp_cards.cx-light .adcard{background:#FFFDF8!important;border:1px solid #E0D5BE!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(27,42,68,.06)!important}
html body #asp_cards.cx-light .adcard .adk em{background:transparent!important;color:#3A4862!important;border:1px solid #8C7F63!important;border-radius:6px!important;font-size:14px!important;font-weight:700;padding:0 6px!important;line-height:1.6}
html body #asp_cards.cx-light .adgo{background:#1B2A44!important;border-color:#1B2A44!important;border-radius:999px!important}