/* ui-kit から配った写し。ここを直さない（正本 key3media/ui-kit parts/kit-markup/kit-markup.css、版 95054ee） */
/* kit-markup（CMP-027 本文の書き方）の見た目と、早見表（R3）。色は kit-tokens の名前だけで書く。正本 key3media/ui-kit parts/kit-markup/
   class を組み替えたアプリ（cls）は、アプリの CSS がそのまま効く。ここは kit-mk-* の既定の見た目 */
.kit-mk-ext .visually-hidden,.kit-mk-note .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
ruby rp{display:none}
ruby rt{font-size:.5em;line-height:1;font-weight:400;color:var(--kit-muted)}
.kit-mk-bold{font-weight:700}
.kit-mk-mark{background:none;color:inherit;padding:0 1px;text-decoration-line:underline;text-decoration-color:var(--kit-warn-soft);text-decoration-thickness:.32em;text-underline-offset:.1em;text-decoration-skip-ink:none}
.kit-mk-ref{color:var(--kit-accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.kit-mk-ext{color:var(--kit-accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.kit-mk-ext:hover,.kit-mk-ref:hover{text-decoration-thickness:2px}
.kit-mk-note{font:inherit;color:inherit;background:none;border:0;padding:0;border-bottom:1.5px dotted var(--kit-ink-2);cursor:pointer;line-height:inherit}
.kit-mk-note:hover,.kit-mk-note[aria-expanded="true"]{border-bottom-style:solid;border-bottom-color:var(--kit-accent)}
.kit-mk-note sup{font-size:.62em;color:var(--kit-accent-text);font-weight:700;margin-left:1px}
/* 出典の番号は最小（UIチェック S-5：7px・薄く・押せない） */
.kit-mk-cite{font-size:7px;line-height:0;color:var(--kit-muted);opacity:.8;margin:0 1px;vertical-align:super;pointer-events:none;font-variant-numeric:tabular-nums}

/* 早見表（書き方 → 見え方）。KIT_MARKUP_HELP.open() が出す */
.kit-mkh{border:1px solid var(--kit-line);border-radius:var(--kit-r-lg);background:var(--kit-surface);color:var(--kit-ink);padding:0;max-width:min(760px,calc(100vw - 32px));width:100%;box-shadow:var(--kit-shadow-lg)}
.kit-mkh::backdrop{background:var(--kit-scrim)}
.kit-mkh-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--kit-line)}
.kit-mkh-hd h2{margin:0;font-size:16px;font-family:var(--kit-f-head);color:var(--kit-heading)}
.kit-mkh-x{height:28px;padding:0 10px;border:1px solid var(--kit-line-strong);border-radius:var(--kit-r);background:var(--kit-surface);color:var(--kit-ink);font:inherit;font-size:13px;cursor:pointer}
.kit-mkh-bd{padding:8px 16px 16px;max-height:min(70vh,640px);overflow:auto}
.kit-mkh-bd table{border-collapse:collapse;width:100%;font-size:13px}
.kit-mkh-bd th,.kit-mkh-bd td{border-bottom:1px solid var(--kit-line);padding:8px 8px;text-align:left;vertical-align:middle}
.kit-mkh-bd th{background:var(--kit-surface-2);color:var(--kit-ink-2);font-weight:700;white-space:nowrap;position:sticky;top:0}
.kit-mkh .kit-mkh-bd code{color:var(--kit-ink);font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--kit-surface-2);border-radius:var(--kit-r-sm);padding:1px 5px;white-space:nowrap}
.kit-mkh-bd .s{font-size:15px;line-height:2}
.kit-mkh-bd .d{color:var(--kit-muted);font-size:12.5px}
.kit-mkh-cp{height:24px;padding:0 8px;margin-left:6px;border:1px solid var(--kit-line-strong);border-radius:var(--kit-r-sm);background:var(--kit-surface);color:var(--kit-ink-2);font:inherit;font-size:11.5px;cursor:pointer;white-space:nowrap}
/* スマホ（600px まで）は1行を縦に積む：書き方 → 見え方 → 説明（WEB統括 11/05：390px で横にはみ出す・見え方が1〜2字で折れる） */
.kit-mkh-bd .s{min-width:8em}
@media (max-width:600px){
  .kit-mkh-bd table,.kit-mkh-bd tbody,.kit-mkh-bd tr,.kit-mkh-bd td{display:block;width:auto}
  .kit-mkh-bd thead{display:none}
  .kit-mkh-bd tr{padding:10px 0;border-bottom:1px solid var(--kit-line)}
  .kit-mkh-bd td{border:0;padding:2px 0;min-width:0}
  .kit-mkh-bd td::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;color:var(--kit-muted)}
  .kit-mkh .kit-mkh-bd code{white-space:normal;overflow-wrap:anywhere}
  .kit-mkh-bd .d{font-size:12.5px}
}