/* 社内AIルールメーカー /ai-rule ・ 学習させない設定 /ai-gakushu-off   2026-09-25
   このファイルと airule.js と ainews-airule.php を消せば、固定ページは本文だけに戻る。
   色はAIツールナビ（aitools.css）と同じ。濃紺＋水色1色。 */

.airule{
  --sky:#1AC2F1; --sky-d:#0E9BC4; --ink:#0D1B2A; --ink2:#1C3549;
  --bg:#f7f8fa; --card:#fff; --txt:#12212e; --sub:#61707d; --line:#eaeef2;
  --warm:#fff7ed; --bad:#c2410c; --ok:#0f7a52;
  /* ★色・角丸・影は /ai-tools を実際に開いて測った値に合わせてある（2026-09-25）。
     ★CSSファイルの :root（--r:10px）は別の指定に上書きされていて、画面に出ているのは12px。
       ファイルの値ではなく、本番で測った値を写すこと。
     カードとパネル＝白・角丸12px・枠なし・影／タグとボタン＝ピル型（--rp） */
  --soft:#eef3f7; --r:12px; --rp:999px;
  --sh:0 1px 2px rgba(13,27,42,.04),0 4px 14px rgba(13,27,42,.05);
  --sh-h:0 3px 8px rgba(13,27,42,.08),0 16px 36px rgba(13,27,42,.12);
  background:var(--bg); color:var(--txt);
  font-family:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:15px; line-height:1.75; letter-spacing:.01em;
}
.airule *{box-sizing:border-box}
/* ★display を持つ箱に hidden を付けても、CSSのほうが勝って出たままになる。
   チェックする前の「個人のアカウント／会社で契約している」が見えていた（2026-09-25）。 */
.airule [hidden]{display:none !important}
.ar-wrap{max-width:1240px;margin:0 auto;padding:0 18px}
.ar-scr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== ヘッダー ===== */
.ar-hd{background:var(--ink);color:#fff;padding:32px 0 28px}
.ar-ttl{font-size:26px;font-weight:900;margin:0 0 10px;letter-spacing:.01em;line-height:1.35}
.ar-ttl .ar-lg1{color:var(--sky)}
.ar-lead{margin:0 0 14px;font-size:14.5px;color:#c6d2dc;line-height:1.85}
.ar-fresh{margin:0;font-size:13px;color:#9fb0bd;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ar-fresh b{color:#fff;font-weight:700}
.ar-free{background:rgba(26,194,241,.16);color:var(--sky);padding:3px 10px;font-size:12px;font-weight:700;border-radius:var(--rp)}

/* ===== 本体 ===== */
.ar-body{display:grid;grid-template-columns:262px 1fr;gap:24px;padding:22px 18px 60px;align-items:start}
#airule .ar-body{grid-template-columns:330px 1fr}   /* ルールメーカーは入力パネルなので少し広い */
.ar-main{min-width:0}

/* ===== 左の追従パネル（目次・入力） ===== */
.ar-side{position:sticky;top:14px;min-width:0}   /* ★min-width:0 が無いと、中の横タブに押されて親が画面より広がる（2026-09-25 実測） */
.ar-sidein{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);
 overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 28px)}
.ar-sidehd{flex:none;padding:13px 16px;background:#f2f6f9;font-size:13.5px;font-weight:700;border-bottom:1px solid var(--line)}
.ar-toc{display:block;overflow-y:auto}
.ar-toc a{display:flex;align-items:center;gap:9px;padding:11px 16px;font-size:13.5px;line-height:1.5;
 color:var(--txt);text-decoration:none;border-bottom:1px solid var(--line);transition:background .12s}
.ar-toc a,.ar-toc a:hover,.ar-toc a:focus{text-decoration:none}   /* サイト共通のCSSがリンクに下線を付ける */
.ar-toc a:last-child{border-bottom:0}
.ar-toc a:hover{background:#f7fafc;text-decoration:none}
.ar-toc a.ar-on{background:#e8f8fe;color:var(--sky-d);font-weight:700;box-shadow:inset 3px 0 0 var(--sky-d)}
.ar-toc img{width:20px;height:20px;flex:none;object-fit:contain}
.ar-tocmk{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;
 background:var(--soft);color:#5a6b7a;font-size:12.5px;font-weight:700;line-height:1;border-radius:4px}
.ar-sideft{flex:none;padding:11px 16px;border-top:1px solid var(--line);background:#fafcfd;font-size:12px;color:var(--sub);line-height:1.65}
.ar-h2{font-size:19px;font-weight:800;margin:34px 0 12px;padding:0 0 0 12px;border-left:4px solid var(--sky);line-height:1.5}
.ar-h2:first-child{margin-top:0}
.ar-h2t{display:flex;align-items:center;gap:10px}
.ar-h2t img{flex:none}
.ar-h3{font-size:15.5px;font-weight:800;margin:0 0 8px}
.ar-p{margin:0 0 14px;font-size:14.5px}
.ar-ul{margin:0 0 14px;padding-left:1.25em}
.ar-ul li{margin:0 0 5px}

/* ===== 入力 ===== */
.ar-form{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:6px 0 0}
.ar-q{padding:22px 24px;border-bottom:8px solid var(--bg)}
.ar-q:last-of-type{border-bottom:0}
.ar-qt{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;margin:0 0 6px;line-height:1.5}
.ar-no{flex:none;width:26px;height:26px;background:var(--ink);color:#fff;font-size:14px;font-weight:800;border-radius:4px;
  display:flex;align-items:center;justify-content:center}
.ar-qs{margin:0 0 14px;font-size:13.5px;color:var(--sub)}

.ar-opts{display:flex;flex-wrap:wrap;gap:8px}
.ar-op{position:relative;cursor:pointer}
.ar-op input{position:absolute;opacity:0;width:0;height:0}
.ar-op span{display:block;background:var(--soft);padding:9px 15px;font-size:14px;transition:.14s;border:2px solid transparent;border-radius:var(--rp)}
.ar-op:hover span{background:#e2ebf2}
.ar-op input:checked + span{background:var(--ink);color:#fff;font-weight:700}
.ar-op input:focus-visible + span{outline:2px solid var(--sky);outline-offset:2px}
.ar-op-2 span{display:flex;flex-direction:column;gap:2px;padding:10px 16px;min-width:150px;border-radius:var(--r)}
.ar-op-2 b{font-size:14.5px;font-weight:700}
.ar-op-2 i{font-style:normal;font-size:12px;color:var(--sub)}
.ar-op-2 input:checked + span i{color:#a9c4d6}

/* 使うAI */
.ar-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ar-tool{background:#f7fafc;padding:14px 16px;border-radius:var(--r)}
.ar-tchk{display:block;cursor:pointer}
.ar-tchk input{position:absolute;opacity:0;width:0;height:0}
.ar-tname{display:flex;align-items:center;gap:9px;font-size:15px}
.ar-tname:before{content:"";flex:none;width:19px;height:19px;background:#fff;border:2px solid #b9c6d2}
.ar-tchk input:checked + .ar-tname:before{background:var(--ink);border-color:var(--ink);
  background-image:linear-gradient(45deg,transparent 46%,#fff 46%,#fff 56%,transparent 56%),
                   linear-gradient(-45deg,transparent 46%,#fff 46%,#fff 56%,transparent 56%);
  background-size:11px 11px;background-position:center;background-repeat:no-repeat}
.ar-tchk input:focus-visible + .ar-tname:before{outline:2px solid var(--sky);outline-offset:2px}
.ar-tname b{font-weight:700}
.ar-plan{display:flex;gap:6px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line)}
.ar-pl{cursor:pointer;flex:1}
.ar-pl input{position:absolute;opacity:0;width:0;height:0}
.ar-pl span{display:block;text-align:center;background:#fff;padding:7px 4px;font-size:12.5px;color:var(--sub);border:2px solid var(--line);border-radius:var(--rp)}
.ar-pl input:checked + span{border-color:var(--sky);background:#eefaff;color:var(--txt);font-weight:700}

/* ほかのAI */
.ar-other{margin-top:14px}
.ar-otbtn{background:none;border:0;padding:6px 0;color:var(--sky-d);font-size:13.5px;font-weight:700;
  cursor:pointer;text-decoration:underline;font-family:inherit}
.ar-otbtn.on{color:var(--sub)}
.ar-otbox{margin-top:10px;background:#f7fafc;padding:14px}
.ar-otbox input[type=search]{width:100%;border:2px solid var(--line);background:#fff;padding:9px 12px;font-size:16px;
  font-family:inherit;color:inherit}
.ar-otlist{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;max-height:190px;overflow-y:auto}
.ar-otit{background:#fff;border:2px solid var(--line);border-radius:var(--rp);padding:6px 11px;font-size:13px;cursor:pointer;
  font-family:inherit;color:inherit;display:flex;align-items:center;gap:6px}
.ar-otit i{font-style:normal;font-size:10.5px;background:var(--soft);color:var(--sub);padding:1px 5px;border-radius:var(--rp)}
.ar-otit:hover{border-color:#b9c6d2}
.ar-otit.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
.ar-otit.on i{background:rgba(255,255,255,.2);color:#cfe6f2}
.ar-otpick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ar-pk{display:inline-flex;align-items:center;gap:5px;background:#eefaff;border:2px solid var(--sky);border-radius:var(--rp);
  padding:4px 5px 4px 10px;font-size:12.5px;font-weight:700}
.ar-pk button{background:none;border:0;cursor:pointer;font-size:15px;line-height:1;color:var(--sub);padding:0 3px;font-family:inherit}
.ar-none{margin:8px 0;font-size:13px;color:var(--sub)}

/* 扱う情報 */
.ar-wait{margin:0;font-size:13.5px;color:var(--sub);background:#f7fafc;padding:14px}
.ar-ig{margin-bottom:18px}
.ar-ih{font-size:14px;font-weight:800;margin:0 0 9px;color:var(--ink2)}
.ar-iopts{display:flex;flex-direction:column;gap:2px}
.ar-ic{display:flex;align-items:flex-start;gap:9px;padding:6px 8px;cursor:pointer;font-size:14px;line-height:1.65}
.ar-ic:hover{background:#f7fafc}
.ar-ic input{margin:5px 0 0;flex:none;width:16px;height:16px;accent-color:var(--ink)}
.ar-tip{margin:8px 0 0;background:var(--warm);padding:11px 14px;font-size:13.5px;line-height:1.75}
.ar-law{margin:8px 0 0;font-size:13px;color:var(--sub);display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.ar-law b{color:var(--txt);font-weight:700}
.ar-law i{font-style:normal;flex-basis:100%;font-size:12.5px}

/* 会社名 */
.ar-free2{display:flex;gap:14px;flex-wrap:wrap}
.ar-fl{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--sub);font-weight:700}
.ar-fl input{border:2px solid var(--line);background:#fff;padding:9px 12px;font-size:16px;font-family:inherit;
  color:var(--txt);font-weight:400;min-width:230px}
.ar-fl input:focus{outline:2px solid var(--sky);outline-offset:0;border-color:var(--sky)}

/* 作るボタン */
.ar-go{padding:22px 24px 26px;background:#f7fafc;text-align:center}
.ar-btn{background:var(--ink);color:#fff;border:0;border-radius:var(--rp);padding:15px 44px;font-size:16.5px;font-weight:800;
  cursor:pointer;font-family:inherit;transition:.14s}
.ar-btn:hover{background:var(--ink2)}
.ar-gonote{margin:12px 0 0;font-size:12.5px;color:var(--sub)}

/* ===== 結果 ===== */
.ar-out{margin-top:28px}
.ar-outhd{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.ar-outt{font-size:19px;font-weight:800;margin:0}
.ar-acts{display:flex;flex-wrap:wrap;gap:7px}
.ar-abtn{background:var(--sky);color:var(--ink);border:0;border-radius:var(--rp);padding:9px 16px;font-size:13.5px;font-weight:800;
  cursor:pointer;font-family:inherit;transition:.14s}
.ar-abtn:hover{background:var(--sky-d);color:#fff}
.ar-abtn.ok{background:var(--ok);color:#fff}
.ar-abtn-g{background:#eef3f7;color:var(--txt)}
.ar-abtn-g:hover{background:#e2ebf2;color:var(--txt)}
.ar-note{margin:0 0 14px;background:var(--warm);padding:13px 16px;font-size:13.5px;line-height:1.75;
  border-left:4px solid #f59e0b}
.ar-doc,.ar-steps{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:32px 34px;margin-bottom:16px}
.ar-steps:empty{display:none}
.ar-dt{font-size:19px;font-weight:800;text-align:center;margin:0 0 6px;line-height:1.55}
.ar-dl{margin:0 0 22px;font-size:14px;text-align:center;color:var(--sub)}
.ar-ds{margin:0 0 20px}
.ar-dh{font-size:15.5px;font-weight:800;margin:0 0 7px;padding:0 0 0 10px;border-left:3px solid var(--ink)}
.ar-ds p{margin:0 0 7px;font-size:14.5px;line-height:1.85}
.ar-dul,.ar-dol{margin:0 0 9px;padding-left:1.4em}
.ar-dul li,.ar-dol li{margin:0 0 4px;font-size:14.5px;line-height:1.8}
.ar-dmark li{color:var(--bad);font-weight:600}
.ar-df{margin:24px 0 0;font-size:14.5px;text-align:right}
.ar-dd{margin:22px 0 0;padding:14px 16px;background:#f7fafc;font-size:12.5px;color:var(--sub);line-height:1.8}
.ar-dsrc{font-size:12px;color:var(--sub);word-break:break-all}

/* ===== 静的な部分（JSなしでも読める） ===== */
.ar-static{padding:0 18px 60px}
.ar-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-bottom:8px}
.ar-card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:20px 22px}
.ar-ch{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;margin:0 0 9px}
.ar-cd{margin:0 0 10px;font-size:13.5px;color:var(--sub);line-height:1.75}
.ar-cw,.ar-cb{margin:0 0 9px;font-size:13.5px;line-height:1.75}
.ar-cw b,.ar-cb b{display:inline-block;background:#eef3f7;padding:1px 8px;font-size:12px;margin-right:7px;font-weight:700}
.ar-col{margin:0 0 10px;padding-left:1.3em}
.ar-col li{margin:0 0 4px;font-size:13.5px;line-height:1.75}
.ar-cs{margin:0;font-size:11.5px;color:var(--sub);line-height:1.7}
.ar-cs a{color:var(--sky-d);text-decoration:underline}

/* ===== /ai-gakushu-off ===== */
.ar-tblwrap{overflow:hidden;overflow-x:auto;margin-bottom:16px;border-radius:var(--r);box-shadow:var(--sh)}
.ar-tbl{width:100%;border-collapse:collapse;background:var(--card);min-width:600px}
.ar-tbl th,.ar-tbl td{padding:13px 15px;text-align:left;vertical-align:top}
.ar-tbl thead th{background:var(--ink);color:#fff;font-size:13.5px;font-weight:700}
.ar-tbl tbody tr + tr th,.ar-tbl tbody tr + tr td{border-top:8px solid var(--bg)}
.ar-tn{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;background:#f7fafc}
.ar-tn a{color:var(--txt);text-decoration:underline}
.ar-tbl td span{display:block}
.ar-ok{color:var(--ok);font-weight:800;font-size:14px}
.ar-bad{color:var(--bad);font-weight:800;font-size:14px}
.ar-td{font-size:12.5px;color:var(--sub);margin-top:3px}
.ar-sump{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px;margin:0}
.ar-sec{margin-top:40px;scroll-margin-top:16px}
.ar-first{margin:0 0 14px;font-size:14.5px;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:15px 18px}
.ar-where{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;background:#f7fafc;border-radius:var(--r);padding:14px 18px;margin-bottom:16px;
  font-size:14px;align-items:baseline}
.ar-wl{font-size:12px;color:var(--sub);font-weight:700;white-space:nowrap}
.ar-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}
.ar-stepbox{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px}
.ar-steps2{margin:0;padding-left:1.35em}
.ar-steps2 li{margin:0 0 7px;font-size:14px;line-height:1.75}
.ar-caution{background:var(--warm);border-radius:var(--r);padding:18px 20px;margin-bottom:16px}
.ar-caution .ar-ul{margin:0}
.ar-li-mark{font-weight:700;color:var(--bad)}
.ar-biz{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px;margin-bottom:12px}
.ar-biz p{margin:0 0 6px;font-size:14px;line-height:1.8}
.ar-bizp{color:var(--sub);font-size:13px}
.ar-pits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ar-pit{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px}
.ar-pit p{margin:0;font-size:14px;line-height:1.8}
.ar-cta{margin-top:44px;background:var(--ink);color:#fff;padding:30px 32px}
.ar-ctat{font-size:19px;font-weight:800;margin:0 0 12px}
.ar-cta p{margin:0 0 10px;font-size:14.5px;color:#c6d2dc;line-height:1.85}
.ar-ctab{display:inline-block;margin-top:10px;background:var(--sky);color:var(--ink);border-radius:var(--rp);padding:14px 32px;
  font-size:15.5px;font-weight:800;text-decoration:none;transition:.14s}
.ar-ctab:hover{background:#fff;color:var(--ink)}

/* ===== スマホ ===== */
@media (max-width:760px){
  .airule{font-size:14.5px}
  .ar-hd{padding:24px 0 22px}
  .ar-ttl{font-size:21px}
  .ar-lead{font-size:13.5px}
  .ar-lead br{display:none}
  .ar-body{padding:20px 14px 46px}
  .ar-wrap{padding:0 14px}
  .ar-q{padding:18px 16px}
  .ar-qt{font-size:15.5px}
  .ar-tools{grid-template-columns:1fr}
  .ar-plan{flex-direction:column;gap:5px}
  .ar-free2{flex-direction:column;gap:12px}
  .ar-fl input{min-width:0;width:100%}
  .ar-go{padding:20px 16px 22px}
  .ar-btn{width:100%;padding:15px 10px;font-size:16px}
  .ar-outhd{flex-direction:column;align-items:stretch}
  .ar-acts{display:grid;grid-template-columns:repeat(2,1fr)}
  .ar-abtn{padding:11px 6px;font-size:13px}
  .ar-doc,.ar-steps{padding:22px 18px}
  .ar-dt{font-size:17px}
  .ar-cards,.ar-2col,.ar-pits{grid-template-columns:1fr}
  .ar-static{padding:0 14px 46px}
  .ar-h2{font-size:17px}
  .ar-where{grid-template-columns:1fr;gap:2px 0}
  .ar-wl{margin-top:8px}
  .ar-cta{padding:24px 20px}
  .ar-ctab{display:block;text-align:center}
}

/* 呼び方（2026-09-25 追加。医療法人に「当社」と出ていたので選べるようにした） */
.ar-fl select{border:2px solid var(--line);background:#fff;padding:9px 12px;font-size:16px;font-family:inherit;
  color:var(--txt);font-weight:400;min-width:170px}
.ar-fl select:focus{outline:2px solid var(--sky);outline-offset:0;border-color:var(--sky)}
@media (max-width:760px){ .ar-fl select{width:100%;min-width:0} }
/* 使い始めに本人が選ぶもの（Claude）。良いとも悪いとも言えないので中間の色にする */
.ar-mid{color:#9a6700;font-weight:800;font-size:14px}

/* 実際の設定画面（撮れているときだけ出る） */
.ar-shots{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px;max-width:780px}   /* 2列だと1枚あたり400px弱になって画面の文字が読めない（2026-09-25 実測）。1枚を大きく見せる */
.ar-shot{margin:0;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:12px}
.ar-shot img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.ar-shot-zoom{display:block;cursor:zoom-in}
@media (max-width:760px){ .ar-shot figcaption::after{content:'（画像を押すと大きく見られます）';display:block;margin-top:2px} }
.ar-shot figcaption{margin-top:8px;font-size:12.5px;color:var(--sub);line-height:1.7}
@media (max-width:760px){ .ar-shots{grid-template-columns:1fr} }
/* 表のAI名が「Microsoft Copi lot」と割れていた（2026-09-25） */
.ar-tbl th:first-child{min-width:200px}
.ar-tn a{white-space:nowrap}   /* 「Microsoft Copi / lot」と割れていた。間のスペースで折り返していた */

/* ===== 2段組にしたぶんの調整（2026-09-25・他のナビと型を揃えた） ===== */

/* 左パネルの中に入れた入力は、幅330pxに収まるように詰める */
#airule .ar-side .ar-form{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
#airule .ar-asks{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
#airule .ar-side .ar-q{padding:14px 16px;border-bottom:1px solid var(--line)}
#airule .ar-side .ar-q:last-of-type{border-bottom:0}
#airule .ar-side .ar-qt{font-size:14px;gap:8px;margin-bottom:4px}
#airule .ar-side .ar-no{width:20px;height:20px;font-size:11.5px}
#airule .ar-side .ar-qs{font-size:11.5px;margin-bottom:9px;line-height:1.6}
#airule .ar-side .ar-opts{gap:6px}
#airule .ar-side .ar-op span{padding:7px 11px;font-size:12.5px;border-width:1px}
#airule .ar-side .ar-op-2 span{min-width:0;padding:8px 11px}
#airule .ar-side .ar-op-2 b{font-size:12.5px}
#airule .ar-side .ar-op-2 i{font-size:11px}
#airule .ar-side .ar-tools{grid-template-columns:1fr;gap:7px}
#airule .ar-side .ar-tool{padding:10px 12px}
#airule .ar-side .ar-tname{font-size:13.5px;gap:8px}
#airule .ar-side .ar-tname img{width:22px;height:22px}
#airule .ar-side .ar-pl span{padding:6px 3px;font-size:11.5px;border-width:1px}
#airule .ar-side .ar-ic{font-size:12.5px;padding:5px 6px;line-height:1.55}
#airule .ar-side .ar-ih{font-size:12.5px;margin-bottom:6px}
#airule .ar-side .ar-tip,#airule .ar-side .ar-law{font-size:11.5px;padding:9px 11px}
#airule .ar-side .ar-law{padding:0}
#airule .ar-side .ar-free2{flex-direction:column;gap:10px}
#airule .ar-side .ar-fl input,#airule .ar-side .ar-fl select{width:100%;min-width:0;font-size:13px;padding:8px 10px}
#airule .ar-side .ar-go{flex:none;padding:12px 16px;background:#fafcfd;border-top:1px solid var(--line)}
#airule .ar-side .ar-btn{width:100%;padding:12px;font-size:14.5px}
#airule .ar-side .ar-gonote{font-size:11px;margin-top:7px;line-height:1.6}
#airule .ar-side .ar-otbtn{font-size:12.5px}
#airule .ar-side .ar-otbox{padding:11px}
#airule .ar-side .ar-otit{font-size:12px;padding:5px 9px;border-width:1px}
#airule .ar-side .ar-wait{font-size:12px;padding:11px}

/* 右側：選ぶ前の案内（/ai-kumiawase の k-start と同じ形） */
.ar-start{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);
 padding:56px 24px;text-align:center}
.ar-stt{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.5}
.ar-stt b{color:var(--sky-d)}
.ar-sts{margin:0;font-size:13px;color:var(--sub)}
#airule .ar-out{margin-top:0}

/* 画面が狭いときは1段に戻す */
@media (max-width:1000px){
  .ar-body{grid-template-columns:1fr;gap:16px}
  #airule .ar-body{grid-template-columns:1fr}
  .ar-side{position:static}
  .ar-sidein{max-height:none}
  #airule .ar-asks{overflow:visible}
  /* 目次は横に流れるタブにする */
  .aroff .ar-sidehd,.aroff .ar-sideft{display:none}
  .aroff .ar-sidein{display:flex;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .aroff .ar-toc{display:flex}
  .aroff .ar-toc a{border-bottom:0;border-right:1px solid var(--line);white-space:nowrap;padding:11px 14px;font-size:13px}
  .aroff .ar-toc a.ar-on{box-shadow:inset 0 -3px 0 var(--sky-d)}
  .ar-start{padding:38px 20px}
}