/* style-base.css — trustmark9.store structural CSS for injected article pages Covers header/footer markup emitted by the n8n Backlink-SubWF publish template (blog/_template.html). Domain-agnostic; relies on var(--clr-*) tokens from style-color.css (loaded first in ). */ *, *::before, *::after { box-sizing: border-box; } .site-header { background: var(--clr-bg); padding: 0 5%; position: sticky; top: 0; z-index: 10; box-shadow: 0 1px 4px rgba(0,0,0,.05); } .site-header .header-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 64px; } .header-logo { color: var(--clr-accent); font-weight: 900; font-size: 1.3rem; letter-spacing: .02em; text-decoration: none; } .header-nav { display: flex; gap: 32px; } .nav-link { color: var(--clr-text); font-size: .92rem; font-weight: 500; opacity: .85; text-decoration: none; transition: opacity .2s, color .2s; } .nav-link:hover { opacity: 1; color: var(--clr-accent); } .site-footer { background: var(--clr-bg-dark); padding: 40px 5%; } .site-footer .footer-inner { max-width: 1100px; margin: 0 auto; } .footer-bottom { color: #718096; font-size: .75rem; } .footer-bottom span { color: inherit; }