/*
Theme Name: Tether Zone
Theme URI: https://tetherzone.com
Author: Masthead
Description: Claim desk
Version: 2.0.0
Text Domain: mast-tetherzone
*/
body { margin: 0; background: #f5f7f6; color: #121816; font-family: Raleway, sans-serif; }
h1, h2, .name { font-family: Bitter, Georgia, serif; }
a { color: #1a9b6c; text-decoration: none; }
.tz-mast { border-bottom: 1px solid #d7e3de; display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.tz-claim { background: #1a9b6c; color: #f5f7f6; padding: 22px 18px; }
.tz-claim a { color: #f5f7f6; }
.tz-id { padding: 22px 28px; }
.tz-id .name { font-size: 22px; margin: 0; }
.tz-id nav ul { display: flex; gap: 16px; list-style: none; padding: 0; }
.tz-front { column-count: 2; column-gap: 32px; padding: 16px 28px 60px; }
.tz-read .wp-block-post-template, .tz-reserve .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.tz-read .story { break-inside: avoid; padding: 0 0 16px; }
.tz-reserve .story { display: grid; grid-template-columns: 1fr 120px; gap: 10px; padding: 8px 0; border-top: 1px solid #d7e3de; }
.tz-reserve .wp-block-post-title { grid-column: 1 / -1; }
.tz-foot { padding: 8px 28px 36px; }
.tz-piece { max-width: 700px; margin: 0 auto; padding: 24px; }
img { width: 100%; height: auto; display: block; }

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

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

.tz-mast { height: 48px; max-height: 48px; min-height: 0; overflow: hidden; }
.tz-mast .name, .tz-mast .kicker, .tz-mast small, .tz-mast p, .tz-mast a, .tz-mast span, .tz-mast i { white-space: nowrap; }
.tz-mast hr { flex: 0 0 28px; width: 28px; max-width: 28px; min-width: 0; margin: 0; align-self: center; }
.tz-mast figure, .tz-mast .seal { flex: 0 0 32px; width: 32px; height: 32px; margin: 0; }
.tz-front { box-sizing: border-box; padding-left: 12px; padding-right: 12px; }
.tz-front > * { min-width: 0; }
.tz-front .wp-block-post-title, .tz-front .wp-block-post-title a { overflow-wrap: anywhere; min-width: 0; }