/*
Theme Name: Block Beacon Chain
Theme URI: https://blockbeaconchain.com
Author: Masthead
Description: Beacon timetable
Version: 2.0.0
Text Domain: mast-blockbeaconchain
*/
body { margin: 0; background: #0f1418; color: #e7f0ea; font-family: "Red Hat Text", sans-serif; }
h1, h2, .name { font-family: "Red Hat Mono", ui-monospace, monospace; }
a { color: #ffb020; text-decoration: none; }
.bn-mast { border-bottom: 1px solid #2a3338; display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.bn-mast code { display: flex; place-items: center; background: #ffb020; color: #0f1418; font-size: 22px;  }
.bn-mast .name { font-size: 22px; margin: 0; }
.bn-mast nav ol { display: flex; gap: 16px; list-style: decimal; margin: 0; padding-left: 18px; }
.bn-front { max-width: 980px; margin: 0 auto; padding: 16px 24px 64px; }
.bn-slots .story { display: grid; grid-template-columns: 140px 1fr; gap: 12px; border-top: 1px solid #2a3338; padding: 12px 0; }
.bn-slots .wp-block-post-featured-image { grid-column: 1 / -1; }
.bn-slots .wp-block-post-template, .bn-later .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.bn-foot { padding: 18px 24px 36px; }
.bn-piece { max-width: 720px; margin: 0 auto; padding: 24px; }
img { width: 100%; height: auto; display: block; }

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

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