/*
Theme Name:  Mana Earth Media
Theme URI:   https://manaearthmedia.com
Author:      Mana Earth Media
Description: Custom theme for Mana Earth Media. The homepage markup, CSS and
             JavaScript are the hand-built site, carried over unchanged. The
             real stylesheet is assets/css/base-dark.css plus the inline layout
             CSS in header.php; this file exists for the theme header and for
             blog styling only.
Version:     1.0.0
License:     All rights reserved
Text Domain: manaearthmedia
*/

/* Blog and inner-page styling. The homepage brings its own CSS, so this only
   needs to cover posts, which the static site never had. It borrows the same
   tokens from base-dark.css so posts do not look like a different website. */
.post-wrap{max-width:760px;margin:0 auto;padding:calc(80px + 6vw) var(--pad) 90px}
.post-wrap h1{font-size:clamp(30px,4.6vw,52px);font-weight:300;letter-spacing:-.03em;margin:0 0 14px}
.post-wrap .meta{color:var(--fg-3);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 34px}
.post-wrap p,.post-wrap li{color:var(--fg-2);font-size:17px;line-height:1.7}
.post-wrap h2{font-size:clamp(22px,2.8vw,32px);font-weight:400;margin:38px 0 12px}
.post-wrap h3{font-size:20px;font-weight:500;margin:28px 0 10px}
.post-wrap img{border-radius:var(--r-card);margin:26px 0}
.post-wrap a{color:var(--accent)}
.post-wrap blockquote{margin:26px 0;padding:4px 0 4px 20px;border-left:2px solid var(--accent);color:#fff}
.post-list{display:grid;gap:28px;margin-top:34px}
.post-list article{border-top:1px solid var(--line);padding-top:22px}
.post-list h2{font-size:clamp(20px,2.4vw,28px);font-weight:400;margin:0 0 8px}
.post-list a{color:#fff;text-decoration:none}
.post-list a:hover{color:var(--accent)}
.pagination{margin-top:44px;display:flex;gap:14px}