/*
Theme Name: Wide Web Crypto
Theme URI: https://widewebcrypto.com
Author: Masthead
Description: Web desk
Version: 2.0.0
Text Domain: mast-widewebcrypto
*/
body { margin: 0; background: #f5f6f4; color: #14202a; font-family: "Nunito Sans", sans-serif; }
h1, .name { font-family: "Source Serif 4", Georgia, serif; }
a { color: #0e6b6b; text-decoration: none; }
.ww-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.ww-mast .name { font-size: 22px; margin: 0; }
.ww-mast hr { border: 0; border-top: 2px solid #14202a; }
.ww-mast nav ol { display: flex; gap: 16px; list-style: none; padding: 0; }
.ww-front { max-width: 1120px; margin: 0 auto; padding: 8px 28px 64px; }
.ww-main .wp-block-post-template { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; list-style: none; padding: 0; }
.ww-side .wp-block-post-template { list-style: none; padding: 0; }
.ww-side .story { border-top: 1px solid #dde3e2; padding: 12px 0; }
.ww-foot { padding: 20px 28px 40px; }
.ww-piece { max-width: 720px; margin: 0 auto; padding: 24px; }
img { width: 100%; height: auto; display: block; }

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

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