/* Blog and site credit: additive styles for the existing Mission Ready design. */
.links{gap:12px}.navin{gap:18px}
@media(min-width:901px) and (max-width:1150px){.nav .brand span{display:none}.links{font-size:.7rem;gap:10px;letter-spacing:.03em}}
.blog-main{overflow-wrap:break-word}.blog-hero{padding:72px 0 60px;background:linear-gradient(120deg,#201b14,#0c0c0b);border-bottom:1px solid var(--line)}
.blog-hero h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.3rem,4.6vw,4.5rem);line-height:1.08;max-width:1040px;margin:20px 0 24px}
.blog-hero .lead{font-size:1.1rem;line-height:1.7}.blog-measure{max-width:800px}.blog-crumb{display:flex;gap:12px;font-size:.85rem;color:var(--muted);margin-bottom:32px}.blog-crumb a:hover{color:var(--gold)}
.blog-byline{color:var(--muted);font-size:.9rem}.blog-body{padding-top:32px}.blog-body p,.blog-body li{font-size:1.08rem;line-height:1.85;color:#d4ccbe}.blog-body p{margin:1.25em 0}.blog-body h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;margin:2em 0 .65em}.blog-body ul{padding-left:24px}.blog-body li{padding-left:5px;margin:.45em 0}.blog-body p a,.blog-body li a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.blog-card{border:1px solid var(--line);border-top:3px solid var(--gold);background:var(--panel);padding:32px;display:flex;flex-direction:column;align-items:flex-start}.blog-card h2,.blog-card h3{font-family:var(--display);font-size:clamp(1.55rem,2.8vw,2.1rem);text-transform:uppercase;line-height:1.18;margin:18px 0}.blog-card p{color:var(--muted);line-height:1.7}.blog-card .more{margin-top:auto;padding-top:18px}.blog-card h2 a:hover{color:var(--gold)}
.sshop-footer{background:#0a0b09;border-top:1px solid #332d25;padding:28px 4%}.sshop-credit{display:flex;justify-content:center;align-items:center}.sshop-logo-link{display:block;width:min(420px,100%)}.sshop-logo-link img{display:block;width:100%;height:auto}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.blog-card{padding:24px}.blog-hero{padding:46px 0 38px}.blog-body p,.blog-body li{font-size:1rem}.blog-hero h1{font-size:2.3rem}.blog-body{padding-top:20px}.sshop-footer{padding-bottom:100px}}
