/* KATA Tategaki — vertical text, set properly. */
.k-tate{display:flex;gap:34px;align-items:stretch;background:var(--k-bg);border:1px solid var(--k-line);border-radius:14px;padding:26px;font-family:var(--k-font);color:var(--k-ink)}
.k-tate-v{writing-mode:vertical-rl;font-family:"Hiragino Mincho ProN","YuMincho",serif;font-size:44px;font-weight:600;letter-spacing:.32em;line-height:1;display:flex}
.k-tate-ch{animation:k-tate-in 1s cubic-bezier(.2,.7,.2,1) both}
.k-tate-ch.d1{animation-delay:.05s}.k-tate-ch.d2{animation-delay:.22s}.k-tate-ch.d3{animation-delay:.39s}
@keyframes k-tate-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.k-tate-gloss{border-inline-start:1px solid var(--k-line);padding-inline-start:24px;display:flex;flex-direction:column;justify-content:center;gap:13px}
.k-tate-gloss div b{font-size:14px;font-weight:650}
.k-tate-gloss div b span{font-family:"Hiragino Mincho ProN","YuMincho",serif;margin-inline-end:8px}
.k-tate-gloss div p{font-size:12.5px;color:var(--k-ink-2);line-height:1.65;letter-spacing:.01em}
.k-tate-gloss .en{font-size:10.5px;font-weight:650;letter-spacing:.18em;color:var(--k-ink-3);text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.k-tate-ch{animation:none}}