/* 道具のページ（ライフプラン・カード・税金・ふるさと納税・住宅ローン）を、サイト本体の言葉づかいに寄せる着せ替え。
   ・グラデーションや影をやめ、紙の色と墨、4色は差し色だけに
   ・見出しと大きな数字は、サイトの見出しと同じ丸ゴシック
   ・白い箱を減らし、細い線と余白で区切る
   各ページの <style> のあとに読み込むので、ここが優先される。 */

/* ---------- 共通の文字 ---------- */
.lp2-hero h1,.zk-hero h1,.tl-hero h1,.fz-hero h1{font-family:var(--serif);font-weight:700;letter-spacing:.02em;line-height:1.35}
.lp2 h3,.zk-p h2,.ls-h,.lp2-out h3{font-family:var(--serif);font-weight:700;letter-spacing:.02em}
.big,.lp2-verdict .v b,.nc .big,.fz-res .big,.nv b,.cmb .big b{font-family:var(--serif);font-feature-settings:"palt" 1,"tnum" 1}
.k{letter-spacing:.08em}

/* ---------- 手書きのマーカー（強調はこれだけ） ---------- */
.mk,.lp2-verdict .v b,.zk-o .big b,.fz-res .big,.cmb .big b{background:linear-gradient(transparent 62%,var(--mk,var(--yellow-t)) 62%);padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ---------- 入力：箱をやめて、細い線で区切る ---------- */
.lp2-in details,.zk-f,.lp2-mode{background:transparent!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;border-top:1px solid var(--paper-3)}
.lp2-in details:first-of-type{border-top:0}
.lp2-in summary{font-family:var(--serif);font-size:18px;padding:18px 0 10px}
.lp2-in summary i,.lp2-steps i{background:transparent!important;color:var(--ink-3)!important;font-family:var(--serif);font-size:13px;width:auto!important;height:auto!important;border-radius:0!important}
.lp2-in summary::after{font-family:var(--sans);font-size:16px;color:var(--ink-3)}
.lp2-in input[type=number],.lp2-in input[type=text],.lp2-in input[type=email],.lp2-in select,.zk-f input[type=number],.zk-f input[type=text],.zk-f input[type=email],.zk-f input[type=search],.zk-f select{background:transparent!important;border:0!important;border-bottom:1.5px solid var(--paper-3)!important;border-radius:0!important;padding-left:2px!important;padding-right:2px!important;font-family:var(--serif);font-size:19px!important}
.lp2-in input:focus,.lp2-in select:focus,.zk-f input:focus,.zk-f select:focus{border-bottom-color:var(--ink)!important;outline:none}
.lp2-in .nb button{background:transparent!important;border:1.5px solid var(--paper-3)!important;border-radius:50%!important;width:36px!important;height:36px!important;font-size:17px!important;color:var(--ink-2)}
.lp2-in .nb button:active{background:var(--paper-2)!important}
.lp2-in label,.zk-f label{color:var(--ink-2)}
.lp2-in label small,.zk-f small{color:var(--ink-3)}
.lp2-in .note,.zk-f .note{background:var(--paper-2)!important;border:0!important;border-radius:14px!important;padding:10px 14px!important;color:var(--ink-2)!important}
.lp2-in p.note.pt{background:transparent!important;padding:0!important}

/* 選ぶボタン（かんたん／くわしく・額面／手取りなど）：塗りをやめ、下線で選ばれたことを示す */
.lp2-in .seg span,.lp2-mode .seg span,.mode span{background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:6px 2px!important;margin-right:14px;color:var(--ink-3);font-weight:500!important}
.lp2-in .seg input:checked+span,.lp2-mode .seg input:checked+span,.mode input:checked+span{background:transparent!important;color:var(--ink)!important;border-bottom-color:var(--ink)!important;font-weight:700!important}

/* 手順の移動：丸いボタンをやめ、文字の目次に */
.lp2-steps{gap:2px 18px!important;border-bottom:1px solid var(--paper-3);padding-bottom:10px!important;margin-bottom:8px}
.lp2-steps a{background:transparent!important;box-shadow:none!important;padding:6px 0!important;font-weight:500!important;color:var(--ink-2)!important}
.lp2-steps a:hover{color:var(--ink)!important}

/* ---------- 判定：グラデーションをやめ、紙の上の大きな一文に ---------- */
.lp2-verdict,.fz-res{background:var(--white)!important;color:var(--ink)!important;border-radius:24px;border:1px solid var(--paper-3);padding:22px 24px!important}
.lp2-verdict.ok{--mk:var(--lime-t)}.lp2-verdict.ng{--mk:var(--pink-t)}
.lp2-verdict .v small,.fz-res .k{color:var(--ink-3)!important;opacity:1!important;letter-spacing:.08em}
.lp2-verdict .v b{display:inline!important;color:var(--ink)!important;font-size:clamp(24px,4vw,34px)!important;line-height:1.5}
.lp2-verdict.ng .v b{color:var(--pink-text)!important}
.lp2-verdict dl{border-top:1px solid var(--paper-3);padding-top:14px;margin-top:16px!important}
.lp2-verdict dt,.fz-res dt{color:var(--ink-3)!important;opacity:1!important}
.lp2-verdict dd,.fz-res dd{font-family:var(--serif);font-size:17px!important;color:var(--ink)}
.lp2-verdict .rv{color:var(--ink-3)!important;opacity:1!important}
.fz-res .big{color:var(--ink)!important;display:inline-block}
.fz-res .safe,.fz-res .sub,.fz-res dl div{color:var(--ink-2)!important;border-color:var(--paper-3)!important}

/* ---------- 結果の切り替え：塗りのタブをやめ、下線のタブに ---------- */
.lp2-tabs,.zk-tabs{background:transparent!important;border-radius:0!important;padding:0!important;gap:0 22px!important;border-bottom:1px solid var(--paper-3)}
.lp2-tabs button,.zk-tabs button{background:transparent!important;border-radius:0!important;padding:10px 0!important;color:var(--ink-3)!important;border-bottom:2px solid transparent!important;margin-bottom:-1px;flex:0 0 auto!important;font-weight:500!important}
.lp2-tabs button[aria-selected=true],.zk-tabs button[aria-selected=true]{color:var(--ink)!important;border-bottom-color:var(--ink)!important;font-weight:700!important}

/* ---------- 結果の箱：影・塗りを減らし、紙の上に細い線 ---------- */
.lp2-chart,.lp2-mc,.nc,.lp2-remind,.zk-o,.fz-box,.fam,.tw,.lp2-tor ul,.lp2-tx,.story-band,.ls-stat{background:var(--white)!important;border:1px solid var(--paper-3);box-shadow:none!important}
.zk-o{border-radius:24px}
.lp2-mc .bar{position:relative;display:flex!important;flex-direction:column-reverse;height:auto!important;background:transparent!important;overflow:visible!important;border-radius:0!important;margin:10px 0 8px!important}
.lp2-mc .bar::before{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;border-radius:999px;background:var(--paper-2)}
.lp2-mc .bar i{position:relative!important;inset:auto!important;height:8px;border-radius:999px!important;z-index:1;display:block}
.lp2-mc .bar b{position:static!important;padding:0!important;line-height:1.2!important;font-family:var(--serif);font-size:32px!important;margin-bottom:10px}
.lp2-tor .bar{height:8px!important;background:var(--paper-2)!important}
.lp2-tor i.n{background:var(--pink)!important;opacity:.55}.lp2-tor i.p{background:var(--lime)!important;opacity:.7}
.lp2-tor .l{color:var(--ink-2)}
.cmp div,.cmp3 div{background:transparent!important;border:1px solid var(--paper-3);border-radius:16px}
.cmp div.ok,.cmp3 div.ok{border-color:var(--lime)!important;outline:0!important;background:var(--lime-t)!important}
.cmp div.ng{border-color:var(--pink)!important;background:var(--pink-t)!important}
.cmp b,.cmp3 b{font-family:var(--serif)}

/* 打ち手の一覧：黒丸の番号をやめ、丸ゴシックの数字に */
.lp2-moves li{background:transparent!important;border-radius:0!important;border-bottom:1px solid var(--paper-3);padding:12px 0 12px 40px!important}
.lp2-moves li::before{background:transparent!important;color:var(--ink-3)!important;font-family:var(--serif);font-size:20px!important;width:auto!important;height:auto!important;top:10px!important;left:4px!important}
.lp2-moves li:first-child::before{color:var(--lime)!important}
.lp2-moves span.up{color:#3f6b12!important}

/* 表：見出しの行を墨の塗りから、細い線に */
.tw th,.lp2-panel th,.zk-o th{background:var(--paper)!important;color:var(--ink-2)!important;font-weight:700!important;border-bottom:1.5px solid var(--ink)!important}

/* 小さな印（要確認・デビットなど）：色の塗りを弱く */
.uk{background:transparent!important;border:1px solid var(--paper-3);color:var(--ink-2)}
.uk.db{border-color:var(--lime);color:#3f6b12}.uk.ai{border-color:var(--cyan);color:#0b6f8f}.uk.dbt{border-color:#b89ad6;color:#6a4b91}.uk.nd{border-color:var(--lime);color:#3f6b12}

/* ---------- カード診断 ---------- */
.cc{background:transparent!important;border-radius:0!important;border-bottom:1px solid var(--paper-3);padding:16px 0!important;margin-top:0!important}
.cc.top{outline:0!important;background:var(--lime-t)!important;border:0!important;border-radius:20px!important;padding:16px!important;margin:4px 0 6px!important}
.ch .rk{background:transparent!important;color:var(--ink-3)!important;font-family:var(--serif);font-size:18px!important;width:auto!important;height:auto!important}
.nv b{color:var(--ink)!important;--mk:var(--lime-t);background:linear-gradient(transparent 62%,var(--mk) 62%)}
.cc li{border-color:var(--paper-2)!important}
.cc .dt li{background:transparent!important;border-color:var(--paper-3)!important;color:var(--ink-2)}
.cmb{background:var(--lime-t)!important;border-radius:24px!important}
.cmb li{background:var(--white)!important}
.imp,.any,.jb{background:transparent!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;border-top:1px solid var(--paper-3)}
.chk{background:var(--yellow-t)!important}
.evp button{background:transparent!important}
.kc,.pol{background:var(--white)!important;border:1px solid var(--paper-3)}

/* ---------- 税金・住宅ローン・ふるさと納税 ---------- */
.zk-f .ck{background:transparent!important;border-bottom:1px solid var(--paper-2);border-radius:0!important;padding:10px 0!important}
.zk-o .big.ok b{--mk:var(--lime-t);color:var(--ink)!important}
.zk-o .big.ng b{--mk:var(--pink-t);color:var(--pink-text)!important}
.zk-o .big.mid b{--mk:var(--yellow-t);color:var(--ink)!important}
.zk-o p.big:not(.ng):not(.mid):not(.ok){color:var(--ink)!important}
.fz-days{background:var(--yellow-t)!important}

/* ---------- 道具の入口 ---------- */
.tl{border-top:0!important;border:1px solid var(--paper-3);box-shadow:none;position:relative;padding-top:24px!important}
.tl::before{content:"";position:absolute;left:20px;top:0;width:36px;height:5px;border-radius:0 0 4px 4px;background:var(--c)}
.tl b{font-family:var(--serif)}

/* ---------- 物語の帯：小さな見出しと文章だけ ---------- */
.story-band{margin-top:24px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;font-size:13.5px!important;line-height:1.95!important;color:var(--ink-2)!important}.story-band p{margin:0!important;max-width:40em!important}.story-band b{display:block!important;font-size:12px!important;font-weight:500!important;letter-spacing:.1em!important;color:var(--ink-3)!important;margin-bottom:4px!important}

/* ---------- スマホの下の帯：緑・赤の塗りから、墨の帯に ---------- */
.lp2-mini{background:var(--ink)!important;color:var(--paper)!important}
.lp2-mini b::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--lime)}
.lp2-mini.ng b::before{background:var(--pink)}

/* 印刷のときは色を戻さない */
@media print{.lp2-verdict,.fz-res{border:1px solid #999}}

.nv small{font-size:12px!important}.lp2-in input[type=checkbox],.zk-f input[type=checkbox]{width:22px;height:22px}
.tl-biz a{display:inline-block;padding:8px 0}.ls-tools .ck input,.any .ck input,.chk input,.lp2-in input[type=checkbox],.zk-f input[type=checkbox]{width:24px!important;height:24px!important}