/*
Theme Name: Deep Web3
Theme URI: https://thedeepweb3.com
Author: Masthead
Description: Layer magazine
Version: 2.0.0
Text Domain: mast-thedeepweb3
*/
body { margin: 0; background: #0c0d14; color: #e6e4f2; font-family: "DM Sans", sans-serif; }
h1, h2, .name { font-family: Syne, sans-serif; }
a { color: #8d7bff; text-decoration: none; }
.dp-mast { border-bottom: 2px solid #8d7bff; display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.dp-mast .name { font-size: 22px; margin: 0; }
.dp-mast nav ul { display: flex; gap: 18px; list-style: none; padding: 0; margin: 0; }
.dp-front { max-width: 1040px; margin: 0 auto; padding: 16px 28px 64px; }
.dp-layer .wp-block-post-template { column-count: 2; column-gap: 28px; list-style: none; padding: 0; }
.dp-rest .wp-block-post-template { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; list-style: none; padding: 0; }
.dp-foot { padding: 22px 28px 40px; }
.dp-piece { max-width: 700px; margin: 0 auto; padding: 28px; }
img { width: 100%; height: auto; display: block; }

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

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