/*
Theme Name: Coinsvscoin
Theme URI: https://coinsvscoin.com
Author: Masthead
Description: Versus desk
Version: 2.0.0
Text Domain: mast-coinsvscoin
*/
body { margin: 0; background: #f2f2ef; color: #151515; font-family: Literata, Georgia, serif; }
h1, h2, .name { font-family: "Archivo Narrow", sans-serif; letter-spacing: 0.02em; }
a { color: #2457d6; text-decoration: none; }
.vs-mast { border-bottom: 8px solid #151515; display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.vs-mast div { padding: 0 8px; }
.vs-mast div + div { border-left: 1px solid #dddcd6; }
.vs-mast h2 { font-size: 16px; margin: 0; }
.vs-mast nav ul { display: flex; gap: 16px; list-style: none; padding: 0; }
.vs-front { padding: 24px 28px 64px; }
.vs-left .wp-block-post-template, .vs-right .wp-block-post-template { list-style: none; padding: 0; }
.vs-left .story, .vs-right .story { border-bottom: 1px solid #dddcd6; padding: 12px 0; }
.vs-foot { padding: 20px 28px 40px; }
.vs-piece { max-width: 700px; margin: 0 auto; padding: 28px; }
img { width: 100%; height: auto; display: block; }

/* one-line mast */
.vs-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.vs-mast .name { font-size: 22px; margin: 0; line-height: 1; }
.vs-mast div, .vs-mast aside, .vs-mast section, .vs-mast address, .vs-mast blockquote, .vs-mast figure, .vs-mast dl, .vs-mast details { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; }

/* dense columns */
.vs-front { display: grid; grid-template-columns: 252px 1fr 240px; align-items: start; gap: 16px; max-width: none; width: 100%; margin: 0; }
.vs-front-c .story { display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: center; }
.vs-front-c img { width: 48px; height: 48px; object-fit: cover; }
@media (max-width: 800px) {
.vs-front { grid-template-columns: 1fr; }
}