/*
Theme Name: 优币志
Theme URI: https://goodcoinmag.com
Author: Masthead
Description: Slow magazine
Version: 2.0.0
Text Domain: mast-goodcoinmag
*/
body { margin: 0; background: #f7f1e8; color: #231c16; font-family: "Instrument Sans", "Songti SC", sans-serif; }
h1, h2, .name { font-family: "Instrument Serif", "Songti SC", serif; font-weight: 400; }
a { color: #8c3a2f; text-decoration: none; }
.gz-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.gz-mast .name { font-size: 22px; margin: 0; letter-spacing: 0.18em; }
.gz-mast blockquote { font-size: 18px; max-width: 420px; margin: 8px auto; }
.gz-mast nav ol { display: flex; justify-content: center; gap: 24px; list-style: none; padding: 0; }
.gz-front { max-width: 680px; margin: 0 auto; padding: 8px 20px 72px; }
.gz-front h1 { font-size: 36px; line-height: 1.3; }
.gz-essay .wp-block-post-template { list-style: none; padding: 0; }
.gz-notes .story { display: grid; grid-template-columns: 72px 1fr; gap: 12px; border-top: 1px solid #e6d9c8; padding: 12px 0; }
.gz-notes .wp-block-post-featured-image { grid-column: 1 / -1; }
.gz-notes .wp-block-post-template { list-style: none; padding: 0; }
.gz-foot { text-align: center; padding: 12px 20px 48px; }
.gz-piece { max-width: 640px; margin: 0 auto; padding: 32px 20px; }
img { width: 100%; height: auto; display: block; }

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

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