@charset "utf-8";
/* 用途別の徹底比較（aiyh）2026-11-01。記事の本文（.post_content・804px）とツール個別ページ（.ai-td）の中だけで使う。
   全部 .aiyh の下に閉じる（同じサイトを複数のチャットが並行で触るため）。色は記事の器と同じ濃紺と空色だけ。
   ★親テーマ SWELL の td,th{word-break:break-all} で名前が割れるので、表は word-break:normal に戻す（/ai-checker で踏んだ）。 */
.aiyh{--aiyh-ink:#0D1B2A;--aiyh-sky:#1AC2F1;--aiyh-skyd:#0A7FA6;--aiyh-sub:#5b6976;--aiyh-line:#e2e8ed;--aiyh-soft:#f3f6f8;
 --aiyh-good:#17803d;--aiyh-care:#a85310;line-break:strict}
.aiyh *{box-sizing:border-box}
.aiyh [hidden]{display:none!important}
.aiyh a{color:var(--aiyh-skyd)}

/* 最近の更新内容（いちばん上・3行） */
.post_content .aiyh-upd{border:1px solid var(--aiyh-line);padding:12px 16px 10px;margin:0 0 1.6em;font-size:14px;line-height:1.6}
.aiyh-upd .aiyh-upd-t{display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:13px;margin-bottom:4px}
.aiyh-upd .aiyh-upd-t a{font-weight:400;font-size:12.5px}
.post_content .aiyh-upd ul{list-style:none;margin:0;padding:0}
.post_content .aiyh-upd li{display:flex;gap:12px;padding:3px 0;margin:0;line-height:1.6}
.post_content .aiyh-upd li::before{display:none}
.aiyh-upd time{font-variant-numeric:tabular-nums;color:var(--aiyh-sub);flex:0 0 auto;min-width:5.6em}

/* 結論 */
.post_content ul.aiyh-ketsu{list-style:none;margin:0 0 1.6em;padding:0;display:grid;gap:10px;border:0;background:none}
.post_content ul.aiyh-ketsu li{margin:0;padding:12px 16px;background:var(--aiyh-soft);line-height:1.7}
.post_content ul.aiyh-ketsu li::before{display:none}
.aiyh-ketsu .aiyh-u{display:block;font-size:13.5px;color:var(--aiyh-sub)}
.aiyh-ketsu b{display:block;font-size:18px;text-wrap:balance}
.aiyh-ketsu b a{color:var(--aiyh-ink);text-decoration:none}
.aiyh-ketsu .aiyh-why{display:block;font-size:14.5px}

/* 表 */
.aiyh .aiyh-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--aiyh-line);margin:0}
.post_content .aiyh table.aiyh-tbl{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;margin:0;border:0}
.post_content .aiyh .aiyh-tbl th,.post_content .aiyh .aiyh-tbl td{padding:10px;border:0;border-bottom:1px solid var(--aiyh-line);text-align:left;vertical-align:top;
 word-break:normal;overflow-wrap:break-word;background:#fff;color:var(--aiyh-ink);font-weight:400}
.post_content .aiyh .aiyh-tbl thead th{background:var(--aiyh-ink);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.post_content .aiyh .aiyh-tbl tbody th,.post_content .aiyh .aiyh-tbl tbody tr:first-child th{background:var(--aiyh-soft)!important;color:var(--aiyh-ink)!important;font-weight:700;white-space:nowrap}
/* ★SWELL は表の1行目の th を見出しの色（濃紺）にする。中のツール名が濃紺のまま消えたので、.aiyh の中だけ戻す */
.post_content .aiyh .aiyh-tbl tbody th a{color:var(--aiyh-ink);text-decoration:none}
.aiyh .aiyh-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.post_content .aiyh .aiyh-tbl td.aiyh-big{font-size:17px;font-weight:800}
.aiyh .aiyh-big sup{font-size:11px;font-weight:400;color:var(--aiyh-sub)}
.aiyh .aiyh-ok{color:var(--aiyh-good);font-weight:700}
.aiyh .aiyh-ng,.aiyh .aiyh-na{color:var(--aiyh-sub)}
.aiyh .aiyh-stick th:first-child,.aiyh .aiyh-stick td:first-child{position:sticky;left:0;z-index:1}
.aiyh .aiyh-rk{display:inline-block;min-width:1.7em;font-weight:800}
.post_content .aiyh p.aiyh-cap{font-size:12px;color:#8b98a4;margin:6px 0 0;line-height:1.6}
.aiyh-unm{margin:14px 0 0;font-size:14px;line-height:1.7}
.post_content .aiyh-unm ul{margin:4px 0 0;padding-left:1.2em}
.post_content .aiyh-unm li{margin:0}

/* 同じお題で見比べる（案B の主役） */
.aiyh-tabs{display:none;gap:4px;flex-wrap:wrap;margin:0 0 10px}
.aiyh-js .aiyh-tabs{display:flex}
.aiyh-tabs button{border:1px solid var(--aiyh-line);background:#fff;color:var(--aiyh-ink);padding:6px 10px;font-size:12.5px;border-radius:4px;cursor:pointer;line-height:1.4}
.aiyh-tabs button[aria-selected="true"]{background:var(--aiyh-ink);color:#fff;border-color:var(--aiyh-ink);font-weight:700}
.aiyh-tabs button:focus-visible{outline:2px solid var(--aiyh-skyd);outline-offset:2px}
.aiyh-pane{margin:0 0 18px}
.aiyh-js .aiyh-pane{display:none;margin:0}
.aiyh-js .aiyh-pane.is-on{display:block}
.post_content .aiyh p.aiyh-odai{background:var(--aiyh-soft);padding:10px 14px;font-size:14px;margin:0 0 10px;line-height:1.7}
.aiyh-odai b{margin-right:6px}
.aiyh-cells{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.aiyh-cells.is-text{grid-template-columns:repeat(2,minmax(0,1fr))}
.aiyh-cells.is-tool{grid-template-columns:repeat(5,minmax(0,1fr));margin:12px 0 0}
.aiyh-cells.is-tool.is-text{grid-template-columns:1fr}
.post_content .aiyh figure.aiyh-fig{margin:0;position:relative;min-width:0}
.aiyh-fig a{display:block}
.post_content .aiyh .aiyh-fig img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--aiyh-soft);border:1px solid var(--aiyh-line);margin:0}
.aiyh-fig .aiyh-bdg{position:absolute;top:6px;left:6px;z-index:1;background:var(--aiyh-ink);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;line-height:1.4}
.aiyh-fig .aiyh-bdg.is-x{background:#8b98a4}
.aiyh-fig.is-text .aiyh-bdg{position:static;display:inline-block;margin:0 0 4px}
.aiyh-fig figcaption{font-size:12.5px;line-height:1.45;margin-top:4px;color:var(--aiyh-ink)}
.aiyh-fig figcaption small{display:block;color:var(--aiyh-sub);font-size:11.5px}
.post_content .aiyh blockquote.aiyh-txt{margin:0;padding:10px 12px;border:1px solid var(--aiyh-line);background:#fff;font-size:13.5px;line-height:1.75;quotes:none}
.post_content .aiyh blockquote.aiyh-txt::before,.post_content .aiyh blockquote.aiyh-txt::after{display:none;content:none}

/* ツールごとの結果（畳む） */
.aiyh-tools{margin:0 0 1.6em}
.aiyh-row{border-top:1px solid var(--aiyh-line)}
.aiyh-row:last-child{border-bottom:1px solid var(--aiyh-line)}
.aiyh-row summary{list-style:none;display:grid;grid-template-columns:3em minmax(0,1fr) auto auto 1.2em;gap:10px;align-items:center;padding:12px 4px;cursor:pointer;line-height:1.5}
.aiyh-row summary::-webkit-details-marker{display:none}
.aiyh-row summary::after{content:"＋";color:var(--aiyh-sub);text-align:right}
.aiyh-row[open] summary::after{content:"－"}
.aiyh-row summary:focus-visible{outline:2px solid var(--aiyh-skyd);outline-offset:2px}
.aiyh-row .aiyh-nm{font-weight:700;min-width:0}
.aiyh-row .aiyh-pt{font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}
.aiyh-row .aiyh-pr{font-size:13px;color:var(--aiyh-sub);white-space:nowrap}
.aiyh-row .aiyh-in{padding:0 4px 18px}
.aiyh-bars{display:grid;grid-template-columns:8.5em minmax(0,1fr) 7.5em;gap:6px 10px;align-items:center;font-size:13.5px;margin:4px 0 14px}
.aiyh-bars .aiyh-b{height:10px;background:var(--aiyh-soft);position:relative}
.aiyh-bars .aiyh-b i{position:absolute;top:0;bottom:0;left:0;background:var(--aiyh-ink)}
.aiyh-bars .aiyh-b i.is-full{background:var(--aiyh-sky)}
.aiyh-bars .aiyh-v{font-variant-numeric:tabular-nums;white-space:nowrap}
.aiyh-pc{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14.5px;line-height:1.7}
.aiyh-pc > div{padding:10px 12px;background:var(--aiyh-soft)}
.aiyh-pc b{display:block;font-size:13px;margin-bottom:2px}
.aiyh-pc .aiyh-g b{color:var(--aiyh-good)}
.aiyh-pc .aiyh-c b{color:var(--aiyh-care)}
.post_content .aiyh-pc ul{margin:0;padding-left:1.1em;border:0;background:none}
.post_content .aiyh-pc li{margin:0;padding:0}
.post_content .aiyh p.aiyh-price{font-size:14px;margin:12px 0 0;line-height:1.75}
.aiyh-price small{color:var(--aiyh-sub);font-size:12.5px}
.post_content .aiyh p.aiyh-more,.aiyh-td p.aiyh-more{font-size:14px;margin:10px 0 0}

/* このページの作り方 */
.aiyh-howto dl{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px 14px;margin:0;font-size:15px;line-height:1.75}
.aiyh-howto dt{font-weight:700}
.aiyh-howto dd{margin:0}

/* ツール個別ページの「測った結果」 */
.aiyh-td .aiyh-line{display:block;color:var(--aiyh-sub);font-size:12px;font-weight:400}

@media (max-width:600px){
 .aiyh-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
 .aiyh-cells.is-text{grid-template-columns:1fr}
 .aiyh-cells.is-tool{grid-template-columns:repeat(3,minmax(0,1fr))}
 .aiyh-row summary{grid-template-columns:2.8em minmax(0,1fr) auto 1.2em}
 .aiyh-row .aiyh-pr{display:none}
 .aiyh-bars{grid-template-columns:6.6em minmax(0,1fr) 6.2em;font-size:12.5px}
 .aiyh-pc{grid-template-columns:1fr}
 .aiyh-howto dl{grid-template-columns:1fr;gap:2px}
 /* 検証のポイントの表は1軸ずつ縦に（細い列で縦に伸びるのと、重みの列が切れるのを防ぐ） */
 .aiyh-points .aiyh-tw{border:0}
 .post_content .aiyh-points table.aiyh-tbl,.aiyh-points .aiyh-tbl tbody,.aiyh-points .aiyh-tbl tr{display:block;width:100%}
 .aiyh-points .aiyh-tbl thead{display:none}
 .aiyh-points .aiyh-tbl tr{border:1px solid var(--aiyh-line);margin:0 0 8px}
 .post_content .aiyh-points .aiyh-tbl th,.post_content .aiyh-points .aiyh-tbl td{display:block;border:0;padding:6px 12px;white-space:normal}
 .post_content .aiyh-points .aiyh-tbl td.aiyh-num{display:inline-block;padding-top:0;color:var(--aiyh-sub);font-size:13px}
 .post_content .aiyh-points .aiyh-tbl td.aiyh-num::before{content:attr(data-l)}
 .aiyh-howto dd{margin-bottom:8px}
}
@media (prefers-reduced-motion:reduce){.aiyh *{transition:none!important}}