/* KATA Hanko — the seal, in shu-iro. */
.k-seal-doc{font-family:var(--k-font);color:var(--k-ink);border:1px solid var(--k-line);border-radius:14px;padding:20px;background:var(--k-bg);max-width:480px}
.k-seal-doc h3{font-size:15px;font-weight:650}
.k-seal-doc p{font-size:13px;line-height:1.75;color:var(--k-ink-2);margin-top:5px;letter-spacing:.01em}
.k-seal-row{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--k-line)}
.k-seal-meta b{display:block;font-size:13.5px}
.k-seal-meta span{font-size:12px;color:var(--k-ink-3);letter-spacing:.01em}
.k-seal{position:relative;margin-inline-start:auto;width:56px;height:56px;flex:none;cursor:pointer}
.k-seal::after{content:"";position:absolute;inset:0;border:2px solid var(--k-core);border-radius:12px;opacity:0}
.k-seal-face{position:absolute;inset:0;background:var(--k-core);color:var(--k-on-color);border-radius:9px 11px 10px 12px;display:flex;align-items:center;justify-content:center;font-family:"Hiragino Mincho ProN","YuMincho",serif;font-size:29px;font-weight:600;transform:rotate(-3deg)}
.k-seal.stamp .k-seal-face{animation:k-seal-in .5s cubic-bezier(.2,1.6,.4,1)}
.k-seal.stamp::after{animation:k-seal-ring .55s ease-out}
@keyframes k-seal-in{0%{transform:scale(2.1) rotate(-13deg);opacity:0}55%{transform:scale(.94) rotate(-2.2deg);opacity:1}78%{transform:scale(1.03) rotate(-3.2deg)}100%{transform:scale(1) rotate(-3deg)}}
@keyframes k-seal-ring{0%{transform:scale(.7);opacity:.55}100%{transform:scale(1.55);opacity:0}}
@media (prefers-reduced-motion:reduce){.k-seal.stamp .k-seal-face,.k-seal.stamp::after{animation:none}}
