/* /en/kamaile-rafaelovich/who-kr-is/ (whokr.py; Kohei 2026-10-10「ボタンのレイアウトもっと上手いこと美しく」, Cid (3)) */

/* under the head: one link down to the services, in place of five buttons */
.krs-top { display: flex; justify-content: center; margin-top: var(--s6, 32px); }

/* the services: six even tiles, no rules, no fills; three across, two on a tablet, one on a phone */
.kr-cross-nav.krs { background: var(--white, #fafafa) !important; padding: var(--band) var(--s4) !important; }
.krs .kr-cross-nav-inner { max-width: 1040px; margin: 0 auto; text-align: center; }
.krs .kr-cross-nav-title { margin: 0 0 var(--head-gap, 48px); }
.krs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s8, 64px) var(--s7, 48px); text-align: center; }
.krs-tile { display: flex; flex-direction: column; align-items: center; text-decoration: none !important; color: var(--navy, #2f5d34); }
.krs-tile .krs-name { margin: 0 0 var(--s3, 12px); font-size: var(--fs-h) !important; }
.krs-tile .krs-line { margin: 0 0 var(--s5, 24px); font-size: var(--fs-b) !important; max-width: 20em; }
.krs-tile .krs-cta { margin-top: auto; font-size: var(--fs-s) !important; letter-spacing: .12em;
    border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.krs-tile:hover .krs-cta { opacity: .7; }
@media (max-width: 1024px) { .krs-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .krs-grid { grid-template-columns: 1fr; gap: var(--s7, 48px); } }

/* the line that was magenta: a quiet attribution */
.krs-by { display: block; font-size: var(--fs-s); letter-spacing: .08em; opacity: .75; margin-bottom: var(--s3, 12px); }