/* v13: TOP以外5ページの共通部品 */
.p13{max-width:760px;margin:0 auto;padding:16px 16px 56px}
.crumb13{font-size:12.5px;color:var(--sub);margin:4px 0 10px}.crumb13 a{color:var(--sub)}

/* 1画面目: 色つきの見出しカード */
.top13{border-radius:22px;overflow:hidden;box-shadow:0 6px 22px rgba(21,77,63,.14);background:#fffaf0}
.top13 .head{padding:20px 20px 18px;background:linear-gradient(135deg,#0f5b4d 0%,#1f8a6e 62%,#43b88d 100%);color:#fff}
.top13 .kicker{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.chip{display:inline-block;padding:2px 11px;border-radius:99px;font-size:12px;font-weight:800;background:#ffb703;color:#4a3000}
.chip.w{background:#fff;color:#154d3f}
.top13 h1{margin:0 0 8px;font-size:25px;line-height:1.4;color:#fff}
.top13 .lede{margin:0;font-size:14.5px;line-height:1.7;color:#e6fbf2}
.top13 .meta{margin:10px 0 0;font-size:12px;color:#cfeee2;line-height:1.6}
.top13 .body{padding:16px 16px 18px}

/* 結論 */
.answer{margin:0 0 14px;padding:14px 16px;background:var(--ac-l);border-left:6px solid var(--ac);border-radius:12px}
.answer b{display:block;font-size:12px;color:var(--ac-d);margin-bottom:3px}
.answer p{margin:0;font-size:17px;font-weight:800;line-height:1.65;color:var(--ac-d)}

/* 3つのカード */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.c3{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--ac);border-radius:12px;padding:12px 13px}
.c3 .n{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#ff6b57;color:#fff;font-weight:800;font-size:13px;align-items:center;justify-content:center;margin-bottom:4px}
.c3 b{display:block;font-size:15px;color:var(--ac-d);line-height:1.5;margin-bottom:2px}
.c3 span{display:block;font-size:13.5px;line-height:1.65;color:var(--sub)}
.c3.warm{border-top-color:#e9a23b}

/* 節 */
.sec13{margin:30px 0 10px;font-size:19px;line-height:1.5;padding-left:11px;border-left:6px solid var(--ac);border-radius:2px}
.sec13 small{display:block;font-size:12.5px;font-weight:400;color:var(--sub);margin-top:2px}
.lead13{margin:0 0 10px;font-size:15px;line-height:1.85}

/* 図 */
.fig13{margin:12px 0;padding:14px 12px 10px;background:var(--paper);border:1px solid var(--line);border-radius:16px}
.fig13 svg{display:block;width:100%;height:auto}
.fig13 figcaption{margin:8px 0 0;font-size:12px;color:var(--sub);line-height:1.6;text-align:center}

/* 比べる表(横並び→スマホは縦積み) */
.cmp{display:grid;gap:10px;margin:12px 0}
.cmp .row{display:grid;grid-template-columns:7.2em 1fr 1fr;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cmp .row>*{padding:10px 12px;font-size:14px;line-height:1.65;border-left:1px solid var(--line)}
.cmp .row>b{border-left:0;background:var(--warm);color:var(--ac-d);font-size:14px}
.cmp .ok::before{content:"向く人";display:block;font-size:11px;font-weight:800;color:#1f6b57;margin-bottom:1px}
.cmp .ng::before{content:"弱い点";display:block;font-size:11px;font-weight:800;color:#a65a00;margin-bottom:1px}
.cmp .ng{background:#fffaf1}

/* 注意カード */
.warn13{margin:12px 0;display:grid;gap:10px}
.w13{display:grid;grid-template-columns:36px 1fr;gap:10px;background:#fdf1e3;border:1px solid #e9c48f;border-radius:12px;padding:12px 14px}
.w13 i{font-style:normal;width:30px;height:30px;border-radius:50%;background:#e9a23b;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.w13 b{display:block;font-size:15px;color:#7a4300;margin-bottom:2px}
.w13 p{margin:0;font-size:14px;line-height:1.7;color:#4b4636}

/* 最初の一歩の例(ストアボタン近くにアプリ名と条件) */
.pick{margin:14px 0;border:2px solid var(--ac);border-radius:18px;overflow:hidden;background:var(--paper)}
.pick .ph{padding:10px 14px;background:var(--ac);color:#fff;font-size:13px;font-weight:700}
.pick .pb{padding:14px}
.pick h3{margin:0 0 8px;font-size:19px;color:var(--ac-d)}
.pick dl{margin:0 0 10px;display:grid;gap:0}
.pick dl div{display:grid;grid-template-columns:6.5em 1fr;gap:8px;padding:7px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.pick dt{font-weight:700;color:var(--ac-d)}.pick dd{margin:0}
.prline{margin:8px 0 6px;font-size:13px;color:var(--sub)}
.btns13{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.btns13 .btn{width:auto;text-align:center;padding:12px 8px;font-size:14.5px}
.btns13 .btn.pri{background:#ffb703;border-color:#ffb703;color:#3a2500;box-shadow:0 3px 0 #c98600}
.asof13{margin:8px 0 0;font-size:12.5px;color:var(--sub);line-height:1.6}

/* 出典 */
.src13{margin:26px 0 0;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;font-size:13px;line-height:1.75;color:var(--sub)}
.src13 b{color:var(--ac-d)}
.next13{margin:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.next13 a{display:block;padding:11px 12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ac-d);font-weight:700;font-size:13.5px;line-height:1.5}

/* 事実の表示(事実ページ共通) */
.facts13{margin:0;display:grid;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.facts13 div{display:grid;grid-template-columns:8em 1fr;gap:10px;padding:11px 14px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.7}
.facts13 div:first-child{border-top:0}
.facts13 dt{font-weight:800;color:var(--ac-d)}.facts13 dd{margin:0}
.yn{display:grid;gap:8px;margin:12px 0}
.yn .r{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.yn .m{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff}
.yn .m.n{background:#1f8a6e}.yn .m.y{background:#e9a23b}
.yn b{display:block;font-size:15px;line-height:1.5}.yn span{display:block;font-size:13.5px;color:var(--sub);line-height:1.6}

/* 連絡カード */
.mailcard{margin:0;padding:16px;background:var(--paper);border:2px solid var(--ac);border-radius:16px}
.mailcard .addr{display:block;margin:4px 0 12px;font-size:19px;font-weight:800;color:var(--ac-d);word-break:break-all}
.mailcard .btn{display:block;text-align:center;background:#ffb703;border-color:#ffb703;color:#3a2500;box-shadow:0 3px 0 #c98600;width:100%}
.tpl{margin:12px 0;padding:12px 14px;background:#fff;border:1px dashed #9bb5aa;border-radius:12px;font-size:14px;line-height:1.9}
.tpl b{color:var(--ac-d)}

/* 反映 */
.mapbox{margin:12px 0;padding:12px 14px;background:var(--ac-l);border-radius:12px;font-size:14px;line-height:1.7;color:var(--ac-d)}
.mapbox b{display:block;margin-bottom:2px}

@media (max-width:640px){
.cards3{grid-template-columns:1fr}
.cmp .row{grid-template-columns:1fr}
.cmp .row>*{border-left:0;border-top:1px solid var(--line)}
.cmp .row>b{border-top:0}
.next13{grid-template-columns:1fr}
.facts13 div{grid-template-columns:1fr;gap:0}
.top13 h1{font-size:22px}
.pick dl div{grid-template-columns:1fr;gap:0}
}
@media (max-width:420px){.btns13{grid-template-columns:1fr}}