/* AInformationの週報（ニュースレター）  2026-10-30
   登録の箱（記事と DB の末尾・ツールの結果の下）と /newsletter・/newsletter/<号> のページ。
   色と角と字は /ai-tools（aitools.css）の値にそろえた。クラス名は rt-nl- で閉じてある。
   このファイルと newsletter.js・inc/ainews-newsletter.php・ainews/page-newsletter.php を消せば元に戻る（登録がある間は消さない）。 */

/* ---------- 登録の箱 ---------- */
.rt-nl-box{--rt-nl-ink:#0D1B2A;--rt-nl-sky:#1AC2F1;--rt-nl-sky-d:#0E9BC4;--rt-nl-sub:#61707d;--rt-nl-line:#e6ebef;
 box-sizing:border-box;margin:28px 0;padding:20px 22px 16px;background:#fff;border:1px solid var(--rt-nl-line);border-top:3px solid var(--rt-nl-sky);
 border-radius:10px;color:#12212e;font-family:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.7;text-align:left}
.rt-nl-box *{box-sizing:border-box}
.rt-nl-box p{margin:0}
.rt-nl-kick{font-size:12.5px;font-weight:700;color:var(--rt-nl-sky-d);letter-spacing:.04em}
.rt-nl-kick span{margin-left:10px;color:var(--rt-nl-sub);font-weight:500}
.rt-nl-head{margin-top:4px!important;font-size:18px;font-weight:900;line-height:1.5;color:var(--rt-nl-ink)}
.rt-nl-lead{margin-top:6px!important;font-size:14px;color:#3a4a58}
.rt-nl-form{display:flex;gap:8px;margin:14px 0 0;padding:0;border:0;background:none}
/* 入力欄とボタンは、ページ側の CSS（.ryk button{background:none} など）に負けないよう強めに指定する（2026-10-30 /ai-ryokin で地が消えた） */
.rt-nl-box .rt-nl-in{flex:1;min-width:0;height:46px!important;margin:0!important;padding:0 14px!important;border:1px solid #c9d3dc!important;border-radius:8px!important;
 background:#fff!important;font-size:16px!important;color:#12212e!important;box-shadow:none!important;line-height:normal}
.rt-nl-box .rt-nl-in:focus{outline:2px solid var(--rt-nl-sky);outline-offset:1px;border-color:var(--rt-nl-sky)!important}
.rt-nl-box .rt-nl-btn{flex:none;height:46px!important;margin:0!important;padding:0 22px!important;border:0!important;border-radius:8px!important;
 background:var(--rt-nl-ink)!important;color:#fff!important;font-size:15px!important;font-weight:700!important;cursor:pointer;white-space:nowrap;box-shadow:none!important;line-height:1!important}
.rt-nl-box .rt-nl-btn:hover{background:#1C3549!important}
.rt-nl-box .rt-nl-btn:disabled{opacity:.6;cursor:default}
.rt-nl-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.rt-nl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 送ったあとの知らせ。高さを先に取っておき、出ても下が動かないようにする */
.rt-nl-msg{min-height:1.7em;margin-top:8px!important;font-size:13.5px;color:var(--rt-nl-sub)}
.rt-nl-msg.is-ok{color:#0b7a4b;font-weight:700}
.rt-nl-msg.is-ng{color:#c0392b;font-weight:700}
.rt-nl-box.is-done .rt-nl-form{opacity:.45}
.rt-nl-note{font-size:12px;color:var(--rt-nl-sub)}
.rt-nl-note a{color:var(--rt-nl-sky-d);text-decoration:underline}
.rt-nl-tool{margin:20px 0 8px}
/* 右の欄（前の NEWSLETTER の箱の場所）。幅が狭いので縦に積む */
.rt-nl-side{margin:0 0 24px;padding:18px 16px 12px}
.rt-nl-side .rt-nl-head{font-size:15.5px}
.rt-nl-side .rt-nl-lead{font-size:13px}
.rt-nl-side .rt-nl-form{flex-direction:column}
.rt-nl-side .rt-nl-in{flex:none;width:100%}
.rt-nl-box.rt-nl-side .rt-nl-btn{width:100%}
/* DB の帯（前の .ai-mlband の場所）。帯と同じ幅と下の余白 */
.rt-nl-band{max-width:1180px;margin:0 auto 46px;padding:0 18px}
.rt-nl-band .rt-nl-box{margin:0}
@media (max-width:600px){
 .rt-nl-box{padding:18px 16px 14px}
 .rt-nl-head{font-size:16.5px}
 .rt-nl-form{flex-direction:column}
 .rt-nl-box .rt-nl-in{flex:none;width:100%}
 .rt-nl-box .rt-nl-btn{width:100%}
}

/* ---------- /newsletter と /newsletter/<号> ---------- */
.rt-nl{--ink:#0D1B2A;--sky:#1AC2F1;--sky-d:#0E9BC4;--bg:#f5f7f9;--txt:#12212e;--sub:#61707d;--line:#e6ebef;--r:10px;
 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;padding-bottom:48px}
.rt-nl a{color:inherit}
.rt-nl .rt-nl-wrap{max-width:860px;margin:0 auto;padding:0 18px}
.rt-nl-hd{background:var(--ink);color:#fff;padding:26px 0 24px}
.rt-nl-crumb{font-size:12px;color:#b9c6d2;margin:0 0 8px}
.rt-nl-crumb a{color:#b9c6d2;text-decoration:none}
.rt-nl-ttl{margin:0;font-size:25px;font-weight:900;line-height:1.45;letter-spacing:.01em;color:#fff}
.rt-nl-ttl b{color:var(--sky)}
.rt-nl-hdlead{margin:8px 0 0;font-size:13.5px;color:#b9c6d2;max-width:720px}
.rt-nl-land{margin:18px 0 0;padding:16px 18px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--sky);border-radius:var(--r)}
.rt-nl-land.is-ok{border-left-color:#0b7a4b}
.rt-nl-land.is-ng{border-left-color:#c0392b}
.rt-nl-landt{margin:0;font-weight:900;font-size:16px}
.rt-nl-landp{margin:4px 0 0;font-size:14px;color:var(--sub)}
.rt-nl-sech{margin:30px 0 10px;font-size:18px;font-weight:900}
.rt-nl-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rt-nl-list li{margin:0;padding:0}
.rt-nl-card{display:block;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none!important}
.rt-nl-card:hover{border-color:var(--sky)}
.rt-nl-card time{display:block;font-size:12.5px;color:var(--sub)}
.rt-nl-card b{display:block;margin-top:2px;font-size:16px;line-height:1.55}
.rt-nl-card span{display:block;margin-top:4px;font-size:13.5px;color:#3a4a58}
.rt-nl-empty{padding:16px 18px;background:#fff;border:1px dashed #c9d3dc;border-radius:var(--r);color:var(--sub);font-size:14px}
.rt-nl-pager{display:flex;justify-content:space-between;gap:10px;margin:22px 0 0;font-size:14px}
.rt-nl-pager a{color:var(--sky-d);text-decoration:underline}

/* 号の本文（Mac のジョブが組む HTML。メールと同じ中身） */
.rt-nl-issue{margin-top:20px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.rt-nl-issue p{margin:0 0 10px}
.rt-nl-issue .rt-nl-sum{margin:0 0 6px;padding:14px 16px;background:#f0f9fd;border-radius:8px}
.rt-nl-issue .rt-nl-sum ul{margin:6px 0 0;padding-left:1.2em}
.rt-nl-issue .rt-nl-sum li{margin:2px 0}
.rt-nl-issue .rt-nl-sec{margin-top:24px}
.rt-nl-issue h2{margin:0 0 8px;padding:0 0 6px;border-bottom:2px solid var(--ink);font-size:17px;font-weight:900;line-height:1.5;background:none}
.rt-nl-issue h2::before,.rt-nl-issue h2::after{content:none}
.rt-nl-issue .rt-nl-say{color:#3a4a58}
.rt-nl-issue ul.rt-nl-li{margin:0 0 8px;padding-left:1.2em}
.rt-nl-issue ul.rt-nl-li li{margin:4px 0}
.rt-nl-issue .rt-nl-tblw{overflow-x:auto;margin:6px 0 10px}
.rt-nl-issue table.rt-nl-tbl{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.rt-nl-issue .rt-nl-tbl th,.rt-nl-issue .rt-nl-tbl td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;background:none}
.rt-nl-issue .rt-nl-tbl th{font-size:12.5px;color:var(--sub);font-weight:700;white-space:nowrap}
.rt-nl-issue .rt-nl-more{margin:4px 0 0;font-size:14px}
.rt-nl-issue .rt-nl-more a,.rt-nl-issue a{color:var(--sky-d);text-decoration:underline}
.rt-nl-issue .rt-nl-src{margin-top:22px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--sub)}
@media (max-width:600px){
 .rt-nl-ttl{font-size:21px}
 .rt-nl-issue{padding:18px 16px}
}