/* 見積書の叩き台 体験版（2026-10-16）。見積書ページと /ai-fukui で共用。
   記事テーマ側の `.article button`（橙の塗り）や `ul li`（白いカード）に負けないよう、
   すべて #mitsumori-demo 配下の ID 付きセレクタで書いている。 */
#mitsumori-demo{margin:48px 0 8px;padding:24px 20px 22px;background:#f6f2ea;border:1px solid #e4ded3;border-radius:16px;color:#101418}
#mitsumori-demo .md-badge{display:inline-block;margin:0 0 10px;padding:3px 12px;border:1.5px solid #14284b;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.12em;color:#14284b;background:#fff}
#mitsumori-demo h2{margin:0 0 14px;padding:0 0 12px;font-size:21px;line-height:1.5;border-bottom:2px solid #101418}
#mitsumori-demo .md-lead{margin:0 0 18px;font-size:15px;line-height:1.95;color:#39414a}
#mitsumori-demo .md-step{margin:0 0 8px;font-size:13px;font-weight:900;letter-spacing:.06em;color:#14284b}
#mitsumori-demo .md-samples{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
#mitsumori-demo button.md-sample{min-height:44px;padding:0 16px;border:2px solid #14284b;border-radius:999px;background:#fff;color:#14284b;font-size:14px;font-weight:700;letter-spacing:.03em;cursor:pointer;box-shadow:none;font-family:inherit}
#mitsumori-demo button.md-sample[aria-pressed="true"]{background:#14284b;color:#fff}
#mitsumori-demo button.md-sample:focus-visible,#mitsumori-demo button.md-run:focus-visible,#mitsumori-demo .md-memo:focus-visible{outline:3px solid #e8603a;outline-offset:2px}
#mitsumori-demo label.md-label{display:block;margin:0 0 6px;font-size:13px;font-weight:900;letter-spacing:.06em;color:#14284b}
#mitsumori-demo .md-memo{display:block;width:100%;min-height:196px;padding:12px 14px;border:1.5px solid #bfb8aa;border-radius:10px;background:#fff;color:#101418;font-size:16px;line-height:1.8;font-family:inherit;resize:vertical}
#mitsumori-demo .md-warn{margin:10px 0 16px;font-size:13px;line-height:1.8;color:#39414a}
#mitsumori-demo button.md-run{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:0;border-radius:999px;background:#e8603a;color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;font-family:inherit;box-shadow:0 10px 24px rgba(232,96,58,.28)}
#mitsumori-demo .md-result{margin-top:22px;padding:18px 16px;background:#fff;border:1px solid #e4ded3;border-radius:12px}
#mitsumori-demo .md-result[hidden]{display:none}
#mitsumori-demo .md-h{margin:22px 0 10px;padding:0;font-size:16px;line-height:1.6;font-weight:900;color:#101418;border:0}
#mitsumori-demo .md-result>.md-h:first-child,#mitsumori-demo .md-result>.md-msg-note+.md-h{margin-top:4px}
#mitsumori-demo .md-msg{margin:0;font-size:14px;line-height:1.9;color:#101418}
#mitsumori-demo .md-msg-note{margin:0 0 14px;padding:10px 12px;background:#f6f2ea;border-left:4px solid #e8603a;border-radius:0 8px 8px 0;font-size:13px;color:#39414a}
#mitsumori-demo .md-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}
#mitsumori-demo .md-table thead th{padding:6px 8px;border-bottom:2px solid #101418;font-size:12px;font-weight:900;letter-spacing:.08em;text-align:left;color:#39414a}
#mitsumori-demo .md-table thead th:nth-child(2),#mitsumori-demo .md-table thead th:nth-child(3){text-align:right;white-space:nowrap}
#mitsumori-demo .md-table thead th:nth-child(1){width:60%}
#mitsumori-demo .md-table thead th:nth-child(2){width:23%}
#mitsumori-demo .md-table thead th:nth-child(3){width:17%}
#mitsumori-demo .md-table tbody th,#mitsumori-demo .md-table tbody td{padding:10px 8px 2px;vertical-align:top;text-align:left;font-weight:500}
#mitsumori-demo .md-table tbody tr.md-src td{padding:0 8px 10px;border-bottom:1px solid #e4ded3}
#mitsumori-demo .md-name{display:block;font-size:15px;font-weight:900;line-height:1.6}
#mitsumori-demo .md-spec{display:block;font-size:12px;line-height:1.6;color:#39414a}
#mitsumori-demo .md-orig{font-size:11px;line-height:1.6;font-weight:500;color:#5d6570}
#mitsumori-demo td.md-qty{text-align:right;font-size:16px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
#mitsumori-demo td.md-u{text-align:right;font-size:13px;white-space:nowrap}
#mitsumori-demo .md-unit-note{margin:10px 0 0;padding:10px 12px;background:#f6f2ea;border-radius:8px;font-size:13px;line-height:1.85;color:#101418}
#mitsumori-demo .md-checks{display:grid;gap:0;border-top:1px solid #e4ded3}
#mitsumori-demo .md-check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #e4ded3}
#mitsumori-demo .md-tag{flex:none;min-width:84px;padding:2px 8px;border:1.5px solid #14284b;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:.04em;line-height:1.7;text-align:center;color:#14284b;background:#fff}
#mitsumori-demo .md-tag-hito{border-color:#e8603a;background:#e8603a;color:#fff}
#mitsumori-demo .md-check-body{display:block;min-width:0;font-size:13px;line-height:1.85;color:#101418}
#mitsumori-demo .md-for{display:block;font-size:12px;font-weight:900;color:#39414a}
#mitsumori-demo .md-check-text{display:block}
#mitsumori-demo .md-unread-lead{margin:0 0 8px;font-size:13px;line-height:1.8;color:#39414a}
#mitsumori-demo .md-unread{display:grid;gap:6px}
#mitsumori-demo .md-unread-item{padding:8px 10px;background:#f6f2ea;border-radius:8px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#mitsumori-demo .md-foot{margin:18px 0 0;font-size:13px;line-height:1.9;color:#39414a}
#mitsumori-demo .md-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#mitsumori-demo .md-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;background:#14284b;color:#fff}
#mitsumori-demo .md-cta a.md-cta-sub{background:#fff;color:#14284b;border:2px solid #14284b}
@media(min-width:760px){#mitsumori-demo{padding:30px 30px 26px}#mitsumori-demo h2{font-size:23px}#mitsumori-demo .md-result{padding:22px 22px}}
@media(max-width:380px){#mitsumori-demo{padding:20px 14px 18px}#mitsumori-demo .md-tag{min-width:72px}}