/* 耐薬品性一覧表 — page-scoped. phasefree と同じトークン（ink / paper / rule / yellow）。 */
.cr-page.cr-page{--ink:#1b2530;--ink-2:#4a5661;--paper:#fff;--paper-2:#f3f4f2;--rule:#d5d9dc;--yellow:#f5c400;--yellow-deep:#927200;
--r-a:#1f7a4d;--r-a-bg:#e3f1e8;--r-b:#1f5f99;--r-b-bg:#e2ecf6;--r-c:#9a6a00;--r-c-bg:#fff3cc;--r-d:#b4232c;--r-d-bg:#f9e1e3;--r-n:#6b7680;--r-n-bg:#eceff1;
--max:1200px;--fs:16px;--fs-s:14px;width:100%;max-width:none;margin:0;padding:48px 0 80px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:var(--fs);line-height:1.9;letter-spacing:.01em;-webkit-font-smoothing:antialiased}
.cr-page.cr-page *{box-sizing:border-box;min-width:0}
.cr-page.cr-page .cr-wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 40px}
.cr-page.cr-page section{padding:40px 0 0}
.cr-page.cr-page h1,.cr-page.cr-page h2,.cr-page.cr-page h3{font-family:inherit;font-weight:700;color:inherit;letter-spacing:.025em;text-shadow:none;padding:0;background:none;border:0}
.cr-page.cr-page h1{font-size:clamp(26px,2.6vw,36px);line-height:1.5;margin:0 0 18px}
.cr-page.cr-page h2{font-size:clamp(20px,2vw,26px);line-height:1.55;margin:0 0 18px;padding-left:14px;border-left:5px solid var(--yellow)}
.cr-page.cr-page h3{font-size:18px;line-height:1.65;margin:24px 0 8px}
.cr-page.cr-page p{font-size:inherit;line-height:inherit;margin:0 0 16px;max-width:none;overflow-wrap:anywhere}
.cr-page.cr-page a{color:inherit;text-decoration:underline;text-underline-offset:.22em}
.cr-page.cr-page a:hover{text-decoration-color:var(--yellow-deep)}
.cr-page.cr-page a:focus-visible,.cr-page.cr-page summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.cr-page.cr-page ul,.cr-page.cr-page ol,.cr-page.cr-page dl{margin:0;padding:0;list-style:none}
.cr-page.cr-page .cr-note{font-size:var(--fs-s);line-height:1.8;color:var(--ink-2)}

/* パンくず */
.cr-page.cr-page .cr-crumb ol{display:flex;flex-wrap:wrap;gap:4px 0;font-size:var(--fs-s);color:var(--ink-2);margin-bottom:28px}
.cr-page.cr-page .cr-crumb li+li::before{content:"›";margin:0 8px}
.cr-page.cr-page .cr-crumb a{text-decoration:none}
.cr-page.cr-page .cr-crumb a:hover{text-decoration:underline}

/* 見出しまわり */
.cr-page.cr-page .cr-lead{font-size:17px;color:var(--ink-2);max-width:58em}
.cr-page.cr-page .cr-summary{font-size:18px;font-weight:700;line-height:1.8;max-width:58em;margin:0 0 14px;padding:16px 20px;background:var(--paper-2);border-left:5px solid var(--yellow)}
.cr-page.cr-page .cr-meta{font-size:var(--fs-s);color:var(--ink-2)}

/* 判定記号 */
.cr-page.cr-page .cr-r{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:17px;line-height:1;vertical-align:middle;border:2px solid currentColor}
.cr-page.cr-page .cr-r-a{color:var(--r-a);background:var(--r-a-bg)}
.cr-page.cr-page .cr-r-b{color:var(--r-b);background:var(--r-b-bg)}
.cr-page.cr-page .cr-r-c{color:var(--r-c);background:var(--r-c-bg)}
.cr-page.cr-page .cr-r-d{color:var(--r-d);background:var(--r-d-bg)}
.cr-page.cr-page .cr-r-n{color:var(--r-n);background:var(--r-n-bg);border-style:dashed}

/* 判定ラベル・スクリーンリーダー用 */
.cr-page.cr-page .cr-rl{display:inline-block;margin-left:8px;font-size:var(--fs);font-weight:600;color:var(--ink-2);vertical-align:middle;white-space:nowrap}
.cr-page.cr-page .cr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 表 */
.cr-page.cr-page .cr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:8px}
.cr-page.cr-page .cr-table{width:100%;min-width:720px;border-collapse:collapse;font-size:var(--fs);line-height:1.6;border-top:2px solid var(--ink)}
.cr-page.cr-page .cr-table th,.cr-page.cr-page .cr-table td{padding:10px 12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle;background:transparent}
.cr-page.cr-page .cr-table thead th{font-size:var(--fs-s);color:var(--ink-2);font-weight:700;border-bottom:1px solid var(--ink);white-space:nowrap}
.cr-page.cr-page .cr-table tbody th{font-weight:700;white-space:nowrap;position:sticky;left:0;background:#fff;z-index:1}
.cr-page.cr-page .cr-table tbody th[rowspan]{vertical-align:top}
.cr-page.cr-page .cr-table tbody th{width:22%}
.cr-page.cr-page .cr-th-r,.cr-page.cr-page .cr-td-r{text-align:left;width:1%;white-space:nowrap;padding-left:16px}
.cr-page.cr-page .cr-th-r{text-align:left}
.cr-page.cr-page .cr-table tbody tr:nth-child(even) td,.cr-page.cr-page .cr-table tbody tr:nth-child(even) th{background:#fafbf9}
.cr-page.cr-page .cr-table tbody tr.cr-row-a th{box-shadow:inset 4px 0 0 var(--r-a)}
.cr-page.cr-page .cr-table tbody tr.cr-row-d th{box-shadow:inset 4px 0 0 var(--r-d)}
.cr-page.cr-page .cr-table-mat td:nth-child(2){white-space:nowrap;color:var(--ink-2)}
.cr-page.cr-page .cr-td-src{font-size:var(--fs-s);color:var(--ink-2);white-space:nowrap}
.cr-page.cr-page .cr-td-note{font-size:var(--fs);color:var(--ink-2);min-width:14em}
.cr-page.cr-page .cr-table tbody tr:hover td,.cr-page.cr-page .cr-table tbody tr:hover th{background:#fff6cc}

/* 件数 */
.cr-page.cr-page .cr-count{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0}
.cr-page.cr-page .cr-count li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:1px solid var(--rule);font-size:var(--fs-s);color:var(--ink-2)}
.cr-page.cr-page .cr-count b{font-size:22px;color:var(--ink);line-height:1}

/* リンク一覧（ボタン全体がクリック領域） */
.cr-page.cr-page .cr-cat{margin:0 0 28px;padding-top:20px;border-top:1px solid var(--rule)}
.cr-page.cr-page .cr-cat h3{margin:0 0 4px;display:flex;align-items:baseline;gap:10px}
.cr-page.cr-page .cr-cat-n{font-size:var(--fs-s);font-weight:600;color:var(--ink-2)}
.cr-page.cr-page .cr-cat .cr-note{margin-bottom:12px}
.cr-page.cr-page .cr-links{display:flex;flex-wrap:wrap;gap:8px 10px}
.cr-page.cr-page .cr-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.cr-page.cr-page .cr-links li{display:block;margin:0;padding:0}
.cr-page.cr-page .cr-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:8px 36px 8px 14px;border:1px solid var(--rule);background:#fff;text-decoration:none;line-height:1.4;position:relative;transition:border-color .15s,background-color .15s}
.cr-page.cr-page .cr-links a::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:translateY(-50%) rotate(-45deg)}
.cr-page.cr-page .cr-links a:hover{border-color:var(--ink);background:#fffbe6}
.cr-page.cr-page .cr-links a:hover::after{border-color:var(--ink)}
.cr-page.cr-page .cr-links b{font-weight:700;font-size:var(--fs);color:var(--ink)}
.cr-page.cr-page .cr-links small{display:block;font-size:var(--fs-s);color:var(--ink-2);margin-top:2px}
.cr-page.cr-page .cr-links a > b + small{flex:none}
.cr-page.cr-page .cr-links-grid a{flex-direction:column;align-items:flex-start;justify-content:center}
.cr-page.cr-page .cr-related .cr-links a{min-height:40px;padding:6px 32px 6px 12px}

/* FAQ */
.cr-page.cr-page .cr-faq details{border-top:1px solid var(--rule);padding:12px 0}
.cr-page.cr-page .cr-faq details:last-of-type{border-bottom:1px solid var(--rule)}
.cr-page.cr-page .cr-faq summary{cursor:pointer;font-weight:700;font-size:17px;padding-left:1.8em;position:relative;list-style:none}
.cr-page.cr-page .cr-faq summary::-webkit-details-marker{display:none}
.cr-page.cr-page .cr-faq summary::before{content:"Q";position:absolute;left:0;top:0;color:var(--yellow-deep);font-weight:700}
.cr-page.cr-page .cr-faq details p{margin:8px 0 0;padding-left:1.8em;position:relative;color:var(--ink-2)}
.cr-page.cr-page .cr-faq details p::before{content:"A";position:absolute;left:0;top:0;color:var(--ink);font-weight:700}

/* 判定の見方 */
.cr-page.cr-page .cr-legend dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;margin-bottom:12px}
.cr-page.cr-page .cr-legend dt{display:flex;align-items:center;gap:10px;font-size:var(--fs);margin-bottom:4px}
.cr-page.cr-page .cr-legend dd{margin:0;font-size:var(--fs-s);color:var(--ink-2);line-height:1.7}

/* CTA */
.cr-page.cr-page .cr-cta{margin-top:48px;padding:32px;background:var(--paper-2);border-top:3px solid var(--ink);display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}
.cr-page.cr-page .cr-cta h2{border:0;padding:0;font-size:22px;margin-bottom:10px}
.cr-page.cr-page .cr-cta p{margin:0;font-size:var(--fs);color:var(--ink-2)}
.cr-page.cr-page .cr-cta-btns{display:flex;flex-direction:column;gap:12px}
.cr-page.cr-page .cr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 20px;border:1px solid var(--ink);border-radius:0;font-size:var(--fs);font-weight:700;line-height:1.6;text-align:center;text-decoration:none;background:#fff;color:var(--ink);transition:background-color .15s,color .15s}
.cr-page.cr-page .cr-btn:hover{background:var(--paper-2)}
.cr-page.cr-page .cr-btn-primary{background:var(--ink);color:#fff}
.cr-page.cr-page .cr-btn-primary:hover{background:#344454;color:#fff}
.cr-page.cr-page .cr-mat-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* 免責 */
.cr-page.cr-page .cr-disclaimer{padding-top:32px;margin-top:40px;border-top:1px solid var(--rule)}
.cr-page.cr-page .cr-disclaimer h2{font-size:17px;border:0;padding:0}
.cr-page.cr-page .cr-disclaimer p{font-size:var(--fs-s);color:var(--ink-2)}

@media (max-width:767px){
	.cr-page.cr-page .cr-rl{display:block;margin:2px 0 0;font-size:var(--fs-s)}
	.cr-page.cr-page .cr-td-r{padding-left:12px}
	.cr-page.cr-page{padding:28px 0 56px}
	.cr-page.cr-page .cr-wrap{padding:0 20px}
	.cr-page.cr-page .cr-cta{grid-template-columns:1fr;padding:24px 20px}
	.cr-page.cr-page .cr-summary{font-size:16px;padding:14px 16px}
	.cr-page.cr-page .cr-td-note{min-width:12em}
	.cr-page.cr-page .cr-links-grid{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){.cr-page.cr-page *{transition:none!important}}

/* テーマ側の header{position:sticky} 対策（本文内の見出しブロックを固定させない） */
.cr-page.cr-page .cr-head{position:static;top:auto;z-index:auto;background:transparent;box-shadow:none;margin:0 0 8px;padding:0}
.cr-page.cr-page .cr-table thead,.cr-page.cr-page .cr-table thead th,.cr-page.cr-page .cr-table tbody td{position:static;top:auto}
.cr-page.cr-page .cr-table th,.cr-page.cr-page .cr-table td{border-left:0;border-right:0;border-top:0}

/* 切り替えセレクタ */
.cr-page.cr-page .cr-select{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;padding:16px 20px;margin:0 0 28px;background:var(--paper-2);border-top:3px solid var(--ink)}
.cr-page.cr-page .cr-select-item{flex:1 1 260px;display:flex;flex-direction:column;gap:4px}
.cr-page.cr-page .cr-select label{font-size:var(--fs-s);font-weight:700;color:var(--ink-2)}
.cr-page.cr-page .cr-select select{width:100%;min-height:50px;padding:8px 40px 8px 12px;border:1px solid var(--ink);border-radius:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231b2530' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--ink);font-family:inherit;font-size:var(--fs);font-weight:600;line-height:1.5;-webkit-appearance:none;appearance:none;cursor:pointer}
.cr-page.cr-page .cr-select select:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.cr-page.cr-page .cr-select-btn{min-height:46px;flex:0 0 auto}
.cr-page.cr-page .cr-select-btn[hidden]{display:none}
@media (max-width:767px){.cr-page.cr-page .cr-select{padding:14px 16px;margin-bottom:20px}}