Template:NavCell

/* SK navigation cells */

.navcell {

 margin: 1.5em 0;

}

/* 3×3 compass grid */

.nav-grid {

 display: grid;
 grid-template-columns: 60px 60px 60px;
 grid-template-rows: 60px 60px 60px;
 gap: 6px;
 justify-content: center;
 margin: 1em 0;

}

.nav-btn {

 display: flex;
 align-items: center;
 justify-content: center;
 background: #222;
 border: 1px solid #444;
 border-radius: 6px;
 font-size: 0.9em;
 text-decoration: none !important;
 color: #eee !important;

}

.nav-btn:hover {

 background: #333;
 border-color: #777;

}

.nav-empty {

 background: transparent;
 border: none;

}

/* Up / Down row */

.nav-vertical-row {

 display: flex;
 justify-content: center;
 gap: 8px;
 margin: 0.5em 0 1em 0;

}

.nav-vertical {

 min-width: 70px;

}

/* Make the link fill the button */

.nav-btn a {

 text-decoration: none !important;
 color: inherit !important;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;

}