/* rnbqkbnr.com additions on top of shioh-style.css (shared by the site's own pages). */
code, .url { font-family: var(--ss-font-mono); font-size: 0.85em; background: var(--ss-panel); padding: 0.05rem 0.3rem; border-radius: 4px; overflow-wrap: anywhere; }
.ss-cell p { margin: 0.5rem 0; }
.ss-cell a { overflow-wrap: anywhere; }
.footer { text-align: center; font-size: 0.85rem; }
.footer a { margin: 0 0.4rem; }

/* Phones: the menu becomes a compact row of links, and secondary sidebar cells
   (class .ss-later) move below the main content. */
@media (max-width: 860px) {
	.ss-shell { display: flex; flex-direction: column; align-items: stretch; }
	.ss-sidebar { display: contents; }
	.ss-main { order: 1; width: 100%; }
	.ss-later { order: 2; }
	.ss-nav { flex-direction: row; flex-wrap: wrap; gap: 0.3rem; justify-content: center; }
	.ss-nav a { padding: 0.25rem 0.55rem; background: rgb(255 255 255 / 0.3); font-size: 0.9rem; }
	.ss-nav hr { display: none; }
}