/* v015: 競合の工夫(research/adoption.md)を入れた部品。見た目は v014 のスクラップ風にそろえる */
.nobar{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 16px 0;padding:0}
.nobar li{font-family:"Zen Maru Gothic",var(--sans);font-size:13px;font-weight:500;color:#6E2A3D;background:#FBEFF1;border:1px solid rgba(140,66,86,.2);border-radius:999px;padding:4px 12px}
.nobar li::before{content:"✓";margin-right:4px;color:var(--sakura-d)}

.v15-check{margin:26px 16px 0;padding:22px 16px 18px;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(110,42,61,.08),inset 0 0 0 1px rgba(140,66,86,.1)}
.v15-check .kicker{margin:0 0 10px;text-align:center}
.cks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ck{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid rgba(140,66,86,.18);background:#FFFBFA;color:var(--ink);font-family:"Zen Maru Gothic",var(--sans);font-size:15px;line-height:1.5;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.ck .box{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(140,66,86,.45);background:#fff;display:grid;place-items:center}
.ck[aria-pressed="true"]{background:#FBEFF1;border-color:rgba(140,66,86,.45)}
.ck[aria-pressed="true"] .box{background:var(--sakura-d);border-color:var(--sakura-d)}
.ck[aria-pressed="true"] .box::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:translate(0,-1px) rotate(45deg)}
.ck-after{margin:14px 4px 0;font-family:var(--serif);font-size:16px;line-height:1.8;text-align:center;color:var(--sub);transition:color .3s}
.v15-check.on .ck-after{color:var(--sakura-d)}

.v15-box{margin:22px 16px 0;padding:22px 18px 18px;border-radius:18px;background:linear-gradient(180deg,#fff,#FFF8F6);box-shadow:0 12px 30px rgba(110,42,61,.10),inset 0 0 0 1px rgba(140,66,86,.12);text-align:left}
.bx-head{margin:0;font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:var(--sakura-d);font-weight:700;text-align:center}
.bx-ttl{margin:6px 0 14px;font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.45;text-align:center}
.bx-items{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:bx}
.bx-items li{position:relative;padding:10px 12px 10px 46px;border-radius:12px;background:#FBF4F2}
.bx-items li::before{counter-increment:bx;content:counter(bx);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--sakura-d);color:#fff;font-family:var(--serif);font-size:13px;display:grid;place-items:center}
.bx-items b{display:block;font-size:15px;line-height:1.5}
.bx-items span{display:block;font-size:13px;color:var(--sub);line-height:1.6}
.bx-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;justify-content:center}
.bx-tags li{font-family:"Zen Maru Gothic",var(--sans);font-size:12.5px;font-weight:500;color:#3F5A3A;background:#EEF4EC;border-radius:999px;padding:4px 11px}
.bx-note{margin:10px 2px 0;font-size:12.5px;line-height:1.7;color:var(--sub);text-align:center}

.v15-bridge{margin:0;padding:52px 22px 10px;font-family:var(--serif);font-size:22px;line-height:1.7;text-align:center;color:var(--sub);background:linear-gradient(180deg,var(--paper),#fff 80%)}
.c-only{margin:0 0 8px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-size:13px;font-weight:700;color:var(--sakura-d)}

.v15-retry{margin:30px 16px 0;padding:20px 16px 18px;border-radius:18px;background:#FFFBFA;box-shadow:inset 0 0 0 1px rgba(140,66,86,.12)}
.v15-retry .kicker{margin:0 0 6px}
.rt-lead{margin:0 0 12px;font-size:14.5px;line-height:1.8}
.rt-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.rt-pair figure{margin:0;text-align:center}
.panel .rt-pair img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 16px rgba(42,35,38,.12)}
.rt-pair figcaption{margin-top:6px;font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:var(--sub)}
.rt-arw{color:var(--sakura-d);font-size:20px}

.v15-three{margin:40px 0 18px}
.v15-three .say-big{margin-bottom:6px}
.th{list-style:none;margin:16px 16px 0;padding:0;display:grid;gap:12px}
.th li{display:flex;gap:14px;align-items:center;padding:16px;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(110,42,61,.08)}
.th .tn{flex:none;font-family:"Pinyon Script",var(--serif);font-size:40px;line-height:1;color:rgba(140,66,86,.55);width:52px;text-align:center}
.th b{display:block;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.45}
.th div span{display:block;margin-top:2px;font-size:14px;line-height:1.7;color:var(--sub)}

.when{list-style:none;display:flex;justify-content:center;gap:6px;margin:-12px 16px 8px;padding:0;flex-wrap:wrap}
.when li{font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:var(--ink);background:#fff;border-radius:999px;padding:5px 12px;box-shadow:inset 0 0 0 1px rgba(140,66,86,.18)}

.facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 16px 0;padding:0}
.facts li{font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:#6E2A3D;background:#fff;border-radius:999px;padding:5px 12px;box-shadow:inset 0 0 0 1px rgba(140,66,86,.2)}

.close-call{margin:22px 22px 0;font-family:var(--serif);font-size:18px;line-height:1.7;text-align:center}
.close-after{margin:6px 22px 0;font-size:13px;color:var(--sub);text-align:center}

/* やり直しは、リストの部分を切り出して上下に並べる(文字の大きさの違いが見えるように) */
.rt-pair{grid-template-columns:1fr;justify-items:center;gap:4px}
.rt-pair figure{width:100%}
.rt-pair figure img{background:#fff}
.rt-arw{line-height:1}
.close-after,.close-call{word-break:keep-all}

/* 総点検 r1 の直し(10/5): 番号を濃く(2.5→約5)/小さな字を12pxに/頼み方の例のボタンの字を濃く */
.th .tn{color:#9A4F63}
.gchip small{font-size:12px}
.gmore-btn small{font-size:12px}
.c-asks button[aria-pressed="false"]{color:#6E2A3D;border-color:rgba(110,42,61,.45)}

/* 押す点検 r1 の直し(10/5) */
/* キーボードで移った先を見せる */
:where(button,a,video,summary,[tabindex]):focus-visible{outline:2.5px solid #8C4256;outline-offset:3px;border-radius:6px}
/* 1〜2字だけの行・語の途中の折り返しを防ぐ(句の切れ目で折る) */
.gcap,.gcount,.bx-head,.uses span.d,.uses b,.c-lead,.ck-after,.rt-lead{word-break:keep-all;overflow-wrap:anywhere}
.gcount .nw{white-space:nowrap}

/* 点検の測り違いの原因: ページ全体のなめらかなスクロールで、測る瞬間に画面がまだ動いていた。見せ場の線の移動は final.js が個別に smooth を指定している */
html{scroll-behavior:auto}