/* Herr Meier 2.0 – Vertrieb, Kommunikation und Tools */
:root {
    --hm-ink: #292725;
    --hm-muted: #746d68;
    --hm-line: #ded4cb;
    --hm-surface: #fbf7f2;
    --ghost-accent-color: #c5162e;
    --hm-red: #c5162e;
    --hm-wine: #a7192f;
    --hm-forest: #861827;
    --hm-sand: #ddcdbd;
    --hm-mist: #f5e3e5;
    --hm-yellow: #d9a66a;
    --hm-shadow: 0 20px 55px rgba(75, 35, 38, .15);
}

body { color: var(--hm-ink); background: #f5f0e8 !important; }
.gh-head { background: rgba(245, 240, 232, .94); border-bottom-color: var(--hm-line); }
.gh-head-logo img { filter: grayscale(1) brightness(.28); }
.gh-head-menu .nav a { color: #514b47; }

.hm-hero,
.hm-tag-hero,
.hm-memberships-hero {
    background: linear-gradient(125deg, #7d1725 0%, #a9142a 52%, #c5162e 100%);
}

.hm-hero::before {
    background: linear-gradient(90deg, rgba(55, 17, 20, .52), transparent 54%),
        radial-gradient(circle at 76% 35%, rgba(217, 166, 106, .24), transparent 30%),
        repeating-linear-gradient(165deg, transparent 0 36px, rgba(255, 255, 255, .025) 37px 38px);
}

.hm-hero h1 span { color: #f5e3e5; }
.hm-hero .hm-eyebrow,
.hm-tag-kicker,
.hm-memberships-kicker,
.hm-featured-picks-kicker { color: #f5e3e5; }
.hm-button-primary,
.hm-tag-jump,
.hm-tag-jump:hover { color: #292725; background: #f5f0e8; }

.hm-avatar-card,
.hm-hero-placeholder,
.hm-tag-fallback,
.hm-memberships-hero-mark {
    background: radial-gradient(circle at 72% 20%, rgba(217, 166, 106, .34), transparent 25%),
        linear-gradient(160deg, #d34a5c, #a7192f 62%, #6f1521);
}

.hm-world-tools .hm-world-icon { background: var(--hm-red); }
.hm-world-knowledge::before { background: var(--hm-yellow); }
.hm-world-knowledge .hm-world-icon { color: var(--hm-ink); background: #ddcdbd; }
.hm-world-practice::before { background: var(--hm-wine); }

.hm-latest,
.hm-tag-page,
.hm-memberships { background: linear-gradient(180deg, #fbf7f2 0%, #f5f0e8 100%); }
.hm-world,
.post-feed article,
.hm-featured-pick,
.hm-tier-card { background: #fbf7f2; }

.hm-sidebar { background: #292725; border-color: rgba(75, 35, 38, .24); }
.hm-sidebar-head { background: linear-gradient(135deg, #211f1e, #861827); }
.hm-toc { background: linear-gradient(145deg, #6f1521, #a7192f); border-color: rgba(75, 35, 38, .25); box-shadow: 0 15px 40px rgba(75, 35, 38, .2); }
.hm-toc-label { color: #f5e3e5; }
.hm-toc li.is-h3::before { border-color: #f5e3e5; }
.hm-trophy-case {
    background: radial-gradient(circle at 50% 0, rgba(242, 184, 75, .14), transparent 30%),
        repeating-linear-gradient(165deg, transparent 0 30px, rgba(255, 255, 255, .018) 31px 32px), #292725;
}

.hm-post-hero,
.hm-featured-picks { background: linear-gradient(125deg, #6f1521 0%, #971629 55%, #bd1830 100%); }
.hm-featured-pick-media { background: linear-gradient(145deg, #c43c4f, #861827); }
.hm-featured-badge { color: #292725; background: #ddcdbd; }

.hm-tier-card:nth-child(2) { background: linear-gradient(145deg, #6f1521, #a7192f); }
.hm-tier-card:nth-child(2) .hm-tier-price strong { color: #f5e3e5; }
.hm-tier-card:nth-child(2) .hm-tier-button { color: #292725; background: #f5f0e8; }

.gh-foot { color: #e5dbd1; background: #292725; }

.hm-sidebar-posts { display: flex; flex-direction: column; gap: 14px; padding: 18px; }
.hm-sidebar-post { overflow: hidden; background: #fbf7f2; border: 1px solid rgba(222, 212, 203, .9); border-radius: 15px 5px 15px 5px; box-shadow: 0 10px 24px rgba(23, 19, 18, .2); transition: transform .2s ease, box-shadow .2s ease; }
.hm-sidebar-post:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(23, 19, 18, .28); }
.hm-sidebar-post-link { display: block; color: var(--hm-ink); }
.hm-sidebar-post-link:hover { color: var(--hm-ink); opacity: 1; }
.hm-sidebar-post-media { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; color: #f5f0e8; background: linear-gradient(145deg, #c43c4f, #861827); font-size: 2rem; font-weight: 900; letter-spacing: .08em; }
.hm-sidebar-post-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.hm-sidebar-post:hover .hm-sidebar-post-media img { transform: scale(1.04); }
.hm-sidebar-post-copy { padding: 15px 16px 17px; }
.hm-sidebar-post-copy small { color: var(--hm-red); font-size: .9rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.hm-sidebar-post-copy h3 { display: -webkit-box; overflow: hidden; margin: 6px 0 12px; color: var(--hm-ink); font-size: 1.45rem; line-height: 1.35; letter-spacing: -.025em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hm-sidebar-post-copy > span { display: flex; align-items: center; justify-content: space-between; color: var(--hm-muted); font-size: .95rem; font-weight: 700; }
.hm-sidebar-post-copy b { color: var(--hm-red); font-size: 1.25rem; }
