/* Global layout width configuration */
:root {
	/* Modern comfortable content width for desktop while keeping readable lines */
	--content-max-width: 1100px;
	--content-horizontal-padding: 22px;
}

body { max-width: var(--content-max-width); margin:0 auto; padding:0 var(--content-horizontal-padding); }

/* Accessible skip link */
.skip-link { position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus { left:50%; top:.6rem; transform:translateX(-50%); width:auto; height:auto; padding:.5rem .9rem; background:#000; color:#fff; border-radius:6px; z-index:1000; text-decoration:none; }

main, article, .main { max-width: var(--content-max-width); }

/* Style for former note */
.former-note { background:#f3f5f7; padding:.75rem 1rem; border-left:4px solid #999; margin:.75rem 0 1.2rem; font-size:.9rem; }
@media (prefers-color-scheme: dark){ .former-note { background:#27292b; border-color:#555; } }

/* Software list replacement styles */
.soft-block { margin:2rem 0; padding:0; }
.soft-block-header { background:#eef1f3; padding:.35rem .8rem; border:1px solid #d9dde0; border-radius:10px 10px 0 0; }
.soft-block-header h3 { margin:.15rem 0; }
.soft-item { padding:.75rem 1rem; border:1px solid #e1e4e7; border-top:0; }
.soft-item:first-of-type { border-top:1px solid #e1e4e7; }
.soft-item:last-of-type { border-radius:0 0 10px 10px; }
@media (prefers-color-scheme: dark){
	.soft-block-header { background:#242627; border-color:#383d40; }
	.soft-item { border-color:#363a3d; }
}


/* Navigation, footer, hero containers align with global width */
.site-nav, .footer-inner, .home-hero { max-width: var(--content-max-width) !important; }

/* Default list item spacing (compact) */
ul li, ol li { margin:0 0 .1rem 0; }
ul li:last-child, ol li:last-child { margin-bottom:0; }