/* DINOGOODS SEO/content spacing layer — 2026-08-27 */
/* Keep section heading and supporting copy visually connected. */
.section-head{align-items:start!important;row-gap:14px!important}
.section-head h2{margin-bottom:8px!important}
.section-head>p{margin-top:0!important;align-self:start!important;padding-top:0!important}
.two-col{align-items:start!important;gap:clamp(26px,4vw,58px)!important}
.two-col h2{margin-bottom:0!important}
.two-col>div{padding-top:2px!important}
.two-col .lead{margin-bottom:12px!important}
.origin{align-items:start!important}
.origin h2{margin-bottom:10px!important}
.origin p{margin-top:0!important;margin-bottom:24px!important}
.feature>div{justify-content:center!important}
.feature h2{margin-bottom:10px!important}
.feature p{margin-top:0!important;margin-bottom:28px!important}
.cta-photo h2{margin-bottom:12px!important}
.detail-section h2{margin-bottom:10px!important}
.detail-section p{margin-top:0!important}

/* When a section contains a CTA, copy stays close to its heading but CTA gets breathing room. */
.origin .text-link,.two-col .text-link{margin-top:24px!important}
.feature .btn,.cta-photo .btn{margin-top:8px!important}

/* Coffee CTA: explicit high-contrast button against dark green. */
.feature .btn-solid{background:#fff!important;color:var(--green)!important;border-color:#fff!important;min-height:54px!important;padding:0 26px!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important}
.feature .btn-solid:hover{background:#f2f4eb!important;color:var(--green)!important;border-color:#f2f4eb!important;transform:translateY(-2px)!important}

/* SEO article body */
.seo-article{max-width:760px}
.seo-article h2{font-size:clamp(24px,2.3vw,34px)!important;font-weight:700!important;line-height:1.15!important;margin:34px 0 12px!important;letter-spacing:-.025em!important}
.seo-article h3{font-size:20px!important;font-weight:700!important;line-height:1.25!important;margin:24px 0 9px!important;letter-spacing:-.02em!important}
.seo-article p{font-size:16px;line-height:1.72;margin:0 0 16px;color:var(--muted)}
.seo-article .lead{font-size:19px!important;line-height:1.55!important;color:var(--ink)!important;margin-bottom:20px!important}
.seo-article ul{margin:0 0 20px;padding-left:22px;color:var(--muted)}
.seo-article li{margin:8px 0;line-height:1.6}
.seo-article .article-inline-image{width:100%;aspect-ratio:16/9;object-fit:cover;margin:28px 0 30px;border:1px solid var(--line)}
.article-layout{align-items:start}

@media(max-width:899px){
 .section-head{display:block!important;margin-bottom:22px!important}
 .section-head h2{margin-bottom:10px!important}
 .section-head>p{margin-top:0!important;padding-top:0!important}
 .two-col{gap:12px!important}
 .two-col>div{padding-top:0!important}
 .two-col .lead{margin-top:0!important;margin-bottom:10px!important}
 .origin h2,.feature h2,.detail-section h2{margin-bottom:8px!important}
 .origin p,.feature p{margin-bottom:20px!important}
 .origin .text-link,.two-col .text-link{margin-top:20px!important}
 .feature .btn{margin-top:6px!important}
 .seo-article h2{font-size:24px!important;margin-top:28px!important}
 .seo-article h3{font-size:19px!important}
 .seo-article p{font-size:15px;line-height:1.68}
 .seo-article .lead{font-size:17px!important}
}