/*
Theme Name: Coin Nest
Theme URI: https://coinnestweb.com
Author: Masthead
Description: Nest shelf
Version: 2.0.0
Text Domain: mast-coinnestweb
*/
body { margin: 0; background: #f6f3ee; color: #241e18; font-family: Rubik, sans-serif; }
h1, h2, .name { font-family: "Zilla Slab", Georgia, serif; }
a { color: #3f6b4a; text-decoration: none; }
.cn-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.cn-mast details { border-bottom: 4px solid #3f6b4a; }
.cn-mast summary { list-style: none; }
.cn-mast .name { font-size: 22px; margin: 0; }
.cn-mast nav ul { display: flex; flex-direction: row; gap: 18px; list-style: none; padding: 10px 0; margin: 0; }
.cn-front { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 28px; max-width: 1080px; margin: 0 auto; padding: 12px 28px 64px; }
.cn-front > .cn-shelf { grid-column: 1; }
.cn-front > aside, .cn-front > .cn-perch, .cn-front > p { grid-column: 2; }
.cn-shelf .wp-block-post-template { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; list-style: none; padding: 0; }
.cn-perch .story { border-left: 3px solid #3f6b4a; padding-left: 10px; margin-bottom: 14px; }
.cn-perch .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.cn-foot { padding: 8px 28px 40px; }
.cn-piece { max-width: 680px; margin: 0 auto; padding: 28px; }
img { width: 100%; height: auto; display: block; }

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

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