/* 案C「紙と灯り」：暗い地の上に、生成り（和紙のような）明るい面を置き、その上に挿絵と中身を載せる。明るい面の上は紺の字、暗い地の上は白い字 */
:root{--sc-paper:#F4EEDF;--sc-edge:#E2D6BC;--sc-ink:#1B2A44;--sc-sub:#3A4862;--sc-lab:#1E5E56;--sc-amb:#8A5300}
body.soft-c .sc-paper,body.soft-c .r4tile,body.soft-c .r4tile1,body.soft-c #sentaku .r4card,body.soft-c .r4read,html body.soft-c.g4 .r4hero #form .card.fform,html body.soft-c #r_first .tonight,body.soft-c .stage .it.r4card,body.soft-c .r4flow a{
 --r4-on:var(--sc-ink);--r4-sub:var(--sc-sub);--r4-a2:var(--sc-lab);--r4-a1:var(--sc-amb);--r4-edge:var(--sc-edge);--r4-glass:var(--sc-paper);
 background:var(--sc-paper)!important;color:var(--sc-ink)!important;border:1px solid var(--sc-edge)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 14px 34px rgba(0,0,0,.28),0 0 40px rgba(255,210,122,.10)!important;
 background-image:radial-gradient(rgba(120,100,60,.05) 1px,transparent 1.2px)!important;background-size:6px 6px!important}
body.soft-c :is(.r4tile,.r4tile1,.r4card,.r4read,.fform,.tonight,.it,.r4flow a) :is(p,span,div,b,li,small,dd,dt,label,h3,h4,strong,em,.muted,.small,.do,.wh,.wr,.st,.t,.w,.n,.y){color:inherit}
body.soft-c .r4tile .y,body.soft-c .r4tile1 .r4lab,body.soft-c .r4flow .n{color:var(--sc-lab)!important}
body.soft-c .r4tile .big,body.soft-c .r4tile1 b{color:var(--sc-amb)!important}
body.soft-c .r4tile .big.warn{color:#9A2A12!important}
body.soft-c .r4tile .s,body.soft-c #sentaku .r4card span,body.soft-c .r4flow .w,body.soft-c .stage .it .wh,body.soft-c .stage .it .st{color:var(--sc-sub)!important}
body.soft-c .r4tile1 p{color:var(--sc-ink)!important}
body.soft-c .r4read :is(p,li){color:var(--sc-ink)!important}
body.soft-c .r4read a,body.soft-c .stage .it a{color:#0B4A7A!important}
/* 7つの選択肢：紙の面に、絵を大きめに戻す */
body.soft-c #sentaku .r4card .cx-ic{display:none!important}
body.soft-c #sentaku .r4card img.sc-ill{display:block;width:100%;height:150px;object-fit:contain;background:none!important;padding:0!important;margin:0 0 12px;border-radius:0}
body.soft-c #sentaku .r4card b{color:var(--sc-ink)!important}
/* やること表の入力：紙の面。入力欄は白い面に紺の字 */
html body.soft-c #form .fform :is(.ftitle,.q label,summary,summary span,.hint,.go-teaser,.scope-note){color:var(--sc-ink)!important}
html body.soft-c #form .fform .hint,html body.soft-c #form .fform summary span{color:var(--sc-sub)!important}
html body.soft-c #form .fform :is(.fstep,.fbody,.q,details,.fmore-in,summary){background:transparent!important}
html body.soft-c #form .fform .fnum.fnum{background:#1B2A44!important;color:#F4EEDF!important}
html body.soft-c #form .fform :is(select,input){background:#FFFFFF!important;color:#1B2A44!important;border:1.5px solid #8C7F63!important}
html body.soft-c #form .fform .fstep{border-color:var(--sc-edge)!important}
html body.soft-c #form .fform #go{background:#1B2A44!important;color:#FFFFFF!important}
html body.soft-c #form .fform a{color:#0B4A7A!important}
html body.soft-c.g4 .r4hero #form .card.fform{padding:20px 22px!important;border-radius:16px!important}
html body.soft-c #r_first .tonight{padding:84px 24px 28px!important;border-radius:16px!important}
body.soft-c .tonight .eyebrow{color:#7A2E12!important}
/* 紙の面の挿絵（区画の中で大きく） */
.sc-pair{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 36px;align-items:center}
.sc-pair .sc-paper{border-radius:20px;padding:14px}
@media (max-width:760px){.sc-pair{grid-template-columns:1fr}}
.sc-paper img{display:block;width:100%;height:auto}