/* DigitechUS Phase 3 — services & blog. Loads AFTER the main stylesheet. */
.dt3-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 28px; }
.dt3-card { border: 1px solid rgba(120,140,180,.25); border-radius: 14px; padding: 22px; }
.dt3-card h2, .dt3-card h3 { margin: 0 0 8px; font-size: 1.2rem; }
.dt3-lead { font-size: 1.15rem; opacity: .9; max-width: 60ch; }
.dt3-tags, .dt3-date { opacity: .65; font-size: .9rem; }
.dt3-eyebrow { opacity: .7; font-size: .9rem; text-transform: uppercase; letter-spacing: .06em; }
.dt3-body h2 { margin-top: 1.6em; }
.dt3-body p { line-height: 1.7; max-width: 68ch; }
.dt3-related { margin: 48px auto; width: min(100% - 40px, 1120px); }
.dt3-services, .dt3-blog, .dt3-service, .dt3-post { width: min(100% - 40px, 1120px); margin: 48px auto; }
.dt3-service, .dt3-post { max-width: 820px; }
.dt3-more { display: inline-block; margin-top: 12px; }
.dt3-card a, .dt3-eyebrow a { color: inherit; }
.dt3-card a:focus-visible, .dt3-eyebrow a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.dt3-post h1, .dt3-service h1, .dt3-services h1, .dt3-blog h1 { line-height: 1.15; }
@media (max-width: 600px) { .dt3-grid { grid-template-columns: minmax(0, 1fr); } .dt3-services, .dt3-blog, .dt3-service, .dt3-post { width: min(100% - 32px, 1120px); margin: 32px auto; } .dt3-related { width: min(100% - 32px, 1120px); } }
.contact-layout--no-form { grid-template-columns: minmax(0, 760px); justify-content: center; }
.dt2-section { background: var(--primary, #07111f); }