/*
Theme Name: BTC Moonshine
Theme URI: https://btcmoonshine.com
Author: Masthead
Description: Night label
Version: 2.0.0
Text Domain: mast-btcmoonshine
*/
body { margin: 0; background: #0e1018; color: #f0efe8; font-family: "Tenor Sans", Georgia, serif; }
h1, .name { font-family: Forum, Georgia, serif; font-weight: 400; }
a { color: #f2e2a2; text-decoration: none; }
.ms-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.ms-label { border: 1px solid #f2e2a2; text-align: center; padding: 22px 16px; }
.ms-label .name { font-size: 22px; margin: 0; letter-spacing: 0.14em; }
.ms-label nav ul { display: flex; justify-content: center; gap: 14px; list-style: none; padding: 0; margin: 0; }
.ms-front { display: grid; grid-template-columns: 1fr 420px 1fr; }
.ms-night { grid-column: 2; padding-bottom: 48px; }
.ms-label-list .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.ms-label-list .story { padding: 16px 0; border-bottom: 1px solid #2a2c38; }
.ms-doubt .story { display: grid; grid-template-columns: 78px 1fr; gap: 10px; padding: 8px 0; }
.ms-doubt .wp-block-post-featured-image { grid-column: 1 / -1; }
.ms-doubt .wp-block-post-template { list-style: none; padding: 0; }
.ms-foot { display: grid; grid-template-columns: 1fr 420px 1fr; padding-bottom: 28px; }
.ms-foot samp { grid-column: 2; text-align: center; }
.ms-piece { max-width: 420px; margin: 0 auto; padding: 20px; }
img { width: 100%; height: auto; display: block; }

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

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