/*
 * icRec サイト固有の追加スタイル（/shared/css/k386.css の後に読む）。
 * 色・フォントは k386.css の変数だけを使う。
 */

/* できること：カードの上に添える画面写真 */
.ic-card-shot { margin: 0 0 16px; border: 1px solid var(--rule); border-radius: var(--r-sm); overflow: hidden; background: var(--surface-2); }
.ic-card-shot img { width: 100%; }

/* 使う流れ：手順の中の画面写真 */
.k-steps .ic-step-shot { margin: 14px 0 0; max-width: 560px; border: 1px solid var(--rule); border-radius: var(--r-sm); overflow: hidden; }
.k-steps .ic-step-shot img { width: 100%; }
.k-steps .ic-step-shot figcaption { font-size: 0.8rem; color: var(--muted); padding: 8px 12px; border-top: 1px solid var(--rule); background: var(--surface-2); }

/* 画面写真（本文中） */
.ic-shot { margin: 22px 0 26px; }

/* 目次（使い方ガイド・プライバシー） */
.ic-toc { background: var(--surface); border: 1px solid var(--rule); border-radius: var(--r); padding: 18px 22px; margin: 0 0 8px; }
.ic-toc h2 { font-size: 0.8rem; letter-spacing: 0.1em; color: var(--muted); margin: 0 0 8px; }
.ic-toc ol { columns: 2 240px; column-gap: 28px; margin: 0; padding-left: 1.3em; font-size: 0.93rem; }
.ic-toc li { break-inside: avoid; margin: 0 0 4px; }
.ic-toc li ul { list-style: none; padding-left: 0.2em; margin: 2px 0 6px; font-size: 0.88rem; }

/* 章のまとまり（使い方ガイド） */
.ic-part { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.12em; color: var(--accent); margin: 0 0 6px; }
.k-prose > h2:first-child, .k-prose > .ic-part + h2 { margin-top: 0; }
.k-prose .k-table-wrap { margin: 14px 0 20px; }
.k-prose dl.ic-terms { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 10px 20px; margin: 0; }
.k-prose dl.ic-terms dt { font-weight: 700; }
.k-prose dl.ic-terms dd { margin: 0; color: var(--ink-2); }
@media (max-width: 640px) {
  .k-prose dl.ic-terms { grid-template-columns: 1fr; gap: 2px; }
  .k-prose dl.ic-terms dd { margin-bottom: 10px; }
}

/* 更新履歴 */
.ic-notes { margin: 0; padding-left: 1.2em; }
.ic-notes li + li { margin-top: 0.5em; }
.ic-notes-more { margin-top: 14px; }
.ic-notes-more summary { cursor: pointer; font-weight: 700; color: var(--accent); }
.ic-notes-more[open] summary { margin-bottom: 10px; }