/* contact.html / contact-thanks.html / security.html 専用スタイル（2026-07-24 外部監査Fix）。
   既存の blk-93e3d4d8.css（法務系ページ共通）に重ねて使う。トークンは同ファイルの :root を継承。 */

.contact-form{margin:24px 0 40px;background:var(--bg2,#F8FAFC);border:1px solid var(--border,#E2E8F0);border-radius:12px;padding:24px 22px}
.form-row{margin-bottom:18px}
.form-row label{display:block;font-size:13px;font-weight:500;color:var(--text,#0F172A);margin-bottom:6px}
.form-row .req{display:inline-block;margin-left:8px;font-size:11px;font-weight:500;color:#B91C1C;background:#FEF2F2;border:1px solid #FECACA;border-radius:4px;padding:1px 6px;vertical-align:middle}
.form-row input,
.form-row select,
.form-row textarea{width:100%;border:1.5px solid #CBD5E1;border-radius:8px;padding:10px 12px;font-size:16px;font-family:inherit;color:var(--text,#0F172A);background:#fff;outline:none}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus{border-color:var(--blue,#165E83)}
.form-row textarea{resize:vertical;min-height:140px;line-height:1.7}
.form-note{font-size:12px;color:var(--text3,#94A3B8);margin:16px 0 14px}
.submit-btn{display:inline-block;background:var(--blue,#165E83);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}
.submit-btn:hover{opacity:.9}
/* Netlify Forms honeypot: 視覚的に隠す（display:noneでないためbotは気付きにくい） */
.hp-field{position:absolute;left:-9999px;top:-9999px}

/* security.html: 設定値の一覧表 */
.sec-table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:13px}
.sec-table th,
.sec-table td{border:1px solid var(--border,#E2E8F0);padding:8px 10px;text-align:left;vertical-align:top;color:var(--text2,#475569);line-height:1.7}
.sec-table th{background:var(--bg2,#F8FAFC);font-weight:500;color:var(--text,#0F172A);white-space:nowrap}
.sec-table code{font-size:12px;word-break:break-all}

/* contact-thanks.html */
.thanks-box{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px;padding:20px 22px;margin:24px 0}
.thanks-box p{margin-bottom:0;color:#15803D}