/*
 * TUTURIGACHI 2026
 * Copyright (C) 2026 Tuturigachi Language Solutions Corp. All Rights Reserved.
 * hanko.css  Japanese Seal Maker, beside name.css
 */
.hk-view { margin: 0; text-align: center; }
.hk-view figcaption { margin: 8px 0 0; font: 13px/1.6 var(--nm-text); color: var(--sumi-sub); }
.hk-view figcaption:lang(ja), .hk-view figcaption :lang(ja) { font-family: var(--nm-kana); }
.hk-note { flex: 0 0 100%; margin: 4px 0 0; font-size: 13px; line-height: 1.6; color: var(--kaki-700, #a4451c); }
.hk-note:empty { display: none; }
.hk-typed { font-size: 1.25em; }
.hk-keep .nm-card__buttons { margin-top: 4px; }

.hk-ex { display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 18px 20px; margin: 4px 0 8px; padding: 0; list-style: none; }
.hk-ex__item { display: flex; flex-direction: column; align-items: flex-start; padding: 14px 14px 16px; background: #fff; border: 1px solid var(--jimu-gray-200); border-radius: 3px; }
.hk-ex__seal { display: block; align-self: center; width: auto; height: auto; max-width: 100%; max-height: 120px; margin: 4px 0 12px; }
.hk-ex__name { margin: 0 0 4px !important; font-size: 15px; line-height: 1.5; }
.hk-ex__name b, .hk-ex__kana, .hk-ex__name i { display: block; }
.hk-ex__kana { font-size: 1.1em; }
.hk-ex__name i { font-size: 13px; color: var(--sumi-sub); }
.hk-ex__what { flex: 1 0 auto; margin: 0 0 12px !important; font-size: 13.5px; line-height: 1.6; color: var(--sumi-sub); }
.hk-ex .hk-try { min-height: 40px; padding: 0 16px 0 12px; font-size: 13px; }
@media (max-width: 600px) {
  .hk-ex { grid-template-columns: 1fr 1fr; gap: 12px; }
  .hk-ex__item { padding: 12px 10px 14px; }
  .hk-ex__seal { max-height: 96px; }
  .hk-ex .hk-try { width: 100%; }
}