body.dbm-home-page .dbm-home-engine-system { border-bottom: 1px solid rgba(126, 200, 32, .28); }
body.dbm-home-page .dbm-home-engine-layout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); gap: clamp(24px, 5vw, 64px); align-items: start; }
body.dbm-home-page .dbm-home-engine-visual { margin: 0; overflow: hidden; border: 1px solid rgba(126, 200, 32, .34); border-radius: 18px; background: #07110f; box-shadow: 18px 22px 0 rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .1); }
body.dbm-home-page .dbm-home-engine-visual img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
body.dbm-home-page .dbm-home-engine-visual figcaption { padding: 14px 18px 17px; color: #b7c4bd; font: 700 11px/1.4 var(--dbm-font-display, monospace); letter-spacing: .08em; text-transform: uppercase; }
body.dbm-home-page .dbm-home-engine-list { display: grid; gap: 0; border-top: 1px solid rgba(195, 220, 207, .2); }
body.dbm-home-page .dbm-home-engine-list article { padding: 18px 0; border-bottom: 1px solid rgba(195, 220, 207, .2); }
body.dbm-home-page .dbm-home-engine-list article > span { color: #7ec820; font: 800 10px/1.3 var(--dbm-font-display, monospace); letter-spacing: .12em; }
body.dbm-home-page .dbm-home-engine-list h3 { margin: 8px 0 6px; font-size: 20px; }
body.dbm-home-page .dbm-home-engine-list p { margin: 0 0 8px; color: #b7c4bd; font-size: 14px; line-height: 1.55; }
body.dbm-home-page .dbm-home-engine-list a { color: #d8ff9a; font-weight: 800; text-underline-offset: 4px; }
@media (max-width: 820px) { body.dbm-home-page .dbm-home-engine-layout { grid-template-columns: 1fr; } }
