/*
Theme Name: 币图
Theme URI: https://thebtcgraph.com
Author: Masthead
Description: Chart desk
Version: 2.0.0
Text Domain: mast-thebtcgraph
*/
body { margin: 0; background: #f4f6f5; color: #13201c; font-family: "Libre Franklin", "Songti SC", sans-serif; }
h1, h2, .name { font-family: Merriweather, "Songti SC", serif; }
a { color: #1f7a4d; text-decoration: none; }
.tg-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.tg-mast .spine { background: #1f7a4d; color: #f4f6f5; display: flex; place-items: center; font-size: 16px; }
.tg-mast .id { padding: 0 8px; }
.tg-mast .name { font-size: 22px; margin: 0; }
.tg-mast nav ol { display: flex; gap: 16px; list-style: none; padding: 0; }
.tg-front { max-width: 980px; margin: 0 auto; padding: 12px 28px 64px; }
.tg-rows .story { display: grid; grid-template-columns: 1fr 160px; gap: 16px; border-bottom: 1px solid #d7e2dc; padding: 14px 0; }
.tg-rows .wp-block-post-template, .tg-more .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.tg-more .wp-block-post-template { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.tg-foot { padding: 20px 28px 40px; }
.tg-piece { max-width: 720px; margin: 0 auto; padding: 24px; }
img { width: 100%; height: auto; display: block; }

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

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