/*
Theme Name: Bitcoins Rainbow
Theme URI: https://bitcoinsrainbow.com
Author: Masthead
Description: Spectrum desk
Version: 2.0.0
Text Domain: mast-bitcoinsrainbow
*/
body { margin: 0; background: #fbfaf6; color: #1c1b19; font-family: Petrona, Georgia, serif; }
h1, .name { font-family: "Bricolage Grotesque", sans-serif; }
a { color: #5b6cff; text-decoration: none; }
.rb-bar { display: flex; height: 10px; }
.rb-bar i { display: block; flex: 1; }
.rb-bar i:nth-child(1) { background: #e74c3c; }
.rb-bar i:nth-child(2) { background: #e67e22; }
.rb-bar i:nth-child(3) { background: #f1c40f; }
.rb-bar i:nth-child(4) { background: #2ecc71; }
.rb-bar i:nth-child(5) { background: #3498db; }
.rb-bar i:nth-child(6) { background: #9b59b6; }
.rb-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.rb-mast .name { font-size: 22px; margin: 0; }
.rb-mast nav ul { display: flex; justify-content: center; gap: 18px; list-style: none; padding: 0; }
.rb-front { max-width: 1040px; margin: 0 auto; padding: 8px 24px 64px; }
.rb-bands .wp-block-post-template { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; list-style: none; padding: 0; }
.rb-notes .story { border-top: 1px solid #e6e2d8; padding: 10px 0; }
.rb-notes .wp-block-post-template { list-style: none; padding: 0; }
.rb-foot { padding: 0 0 28px; text-align: center; }
.rb-piece { max-width: 700px; margin: 0 auto; padding: 24px; }
img { width: 100%; height: auto; display: block; }

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

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