/* 公開用「整備メモ」ページ共通(アプリ本体の style.css とは独立。配色だけ合わせている) */
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#1B2530;background:#F2F5F9;line-height:1.8;font-size:15px}
a{color:#1f4fd6}
.top{background:#fff;border-bottom:1px solid #D5DDE8;padding:10px 16px}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:#1B2530;text-decoration:none}
.brand img{border-radius:6px}
.brand span{font-weight:500;font-size:13px;color:#5a6b7b}
main{max-width:720px;margin:0 auto;padding:16px 16px 40px}
.crumbs{font-size:12.5px;color:#5a6b7b;margin-bottom:6px}
.crumbs a{color:#5a6b7b}
h1{font-size:22px;line-height:1.45;margin:6px 0 10px}
.lead{color:#33414f;margin:0 0 14px}
section{background:#fff;border:1px solid #D5DDE8;border-radius:10px;padding:14px 16px;margin:12px 0}
h2{font-size:16px;margin:0 0 8px;padding-left:10px;border-left:4px solid #2563EB;line-height:1.4}
ul,ol{margin:0;padding-left:1.4em}
li{margin:6px 0}
.warn{background:#FFF6E5;border-radius:8px;padding:8px 12px}
.links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.links li{margin:0}
.links a{display:block;background:#EEF3FF;border:1px solid #C9D8F7;border-radius:8px;padding:8px 12px;text-decoration:none;font-size:14px;line-height:1.5}
.links a:hover{background:#DFE9FF}
.cta{background:#fff;border:2px solid #2563EB;border-radius:12px;padding:16px;margin:22px 0 14px;text-align:center}
.ctaH{font-weight:800;font-size:16px}
.cta p{font-size:14px;color:#33414f;margin:6px 0 12px;text-align:left}
.btn{display:block;background:#2563EB;color:#fff;font-weight:800;text-decoration:none;border-radius:10px;padding:13px 16px;min-height:48px}
/* 2つ目のボタン(先に登録なしで試す)は枠線だけにして、主ボタン(7日間無料ではじめる)と区別する */
.btn.btnLine{background:#fff;color:#2563EB;border:2px solid #2563EB;margin-top:10px;padding:11px 16px}
.btnSub{display:inline-block;margin-top:10px;font-size:14px;padding:8px 12px}
/* 主ボタンのすぐ下。申し込みの手間が軽いことを一言で伝える(カード登録なし・メールだけ) */
.cta .ctaNote{font-size:12.5px;color:#33414f;text-align:center;margin:8px 0 0}
.note{font-size:12.5px;color:#5a6b7b}
.upd{font-size:12px;color:#8a97a5;margin:10px 0 0}
/* 系統別まとめページ: コードごとの小ブロック */
h3{font-size:15px;margin:0 0 6px;line-height:1.45}
.codeBlock{padding:12px 14px}
.codeBlock p{margin:4px 0;font-size:14px}
.more{margin:8px 0 0!important;font-size:13px}
footer{text-align:center;font-size:12px;color:#5a6b7b;padding:20px 16px 40px}
footer a{color:#5a6b7b}