.dbg-home-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.dbg-home-links .dbg-home-tile { display: grid; align-items: start; grid-template-columns: 28px minmax(0, 1fr) auto; gap: .7rem; min-width: 0; min-height: 44px; padding: .85rem; border: 1px solid var(--dbg-border, #dbe5ee); border-radius: .65rem; background: #fff; color: var(--dbg-navy, #060454); text-decoration: none; }
.dbg-home-links .dbg-home-tile-icon { color: var(--dbg-link, #006a9e); }
.dbg-home-links .dbg-home-tile-icon svg { display: block; width: 28px; height: 28px; }
.dbg-home-links .dbg-home-tile-copy { min-width: 0; }
.dbg-home-links strong { display: block; margin-bottom: .3rem; font-size: .95rem; line-height: 1.25; overflow-wrap: anywhere; }
.dbg-home-links .dbg-home-tile-intro { font-size: .75rem; line-height: 1.4; color: var(--dbg-muted, #56647b); overflow-wrap: anywhere; }
.dbg-home-links .dbg-home-tile-arrow { color: var(--dbg-muted, #56647b); }
.dbg-home-links a:hover { border-color: var(--dbg-cyan, #00acf6); background: var(--dbg-surface, #f4f8fb); }
.dbg-home-links a:focus-visible { outline: 3px solid var(--dbg-cyan, #00acf6); outline-offset: 2px; }
.dbg-home-links .dbg-home-tile-unavailable { background: var(--dbg-surface, #f4f8fb); }
/* The template position has its own margin. Hide this module's position too,
   so a published phone-hidden module leaves neither space nor tab stops. */
@media (width < 768px) {
  .dbg-home-links { display: none; }
  .home-primary-region:has(> .dbg-home-links) { display: none; }
}
@media (min-width: 64rem) { .dbg-home-links { grid-template-columns: repeat(4, minmax(0, 1fr)); } }