/* Programme documents, rendered by [milpark_documents], [milpark_reports] and
   [milpark_report]. A grid of button-like cards where the whole card is the
   link, the title is the visible name, and the file type and tab behaviour are
   stated rather than implied. Colours are the kit's brand values, the same set
   nav.css and sections.css use. */
.mk-docs{--mk-doc-ink:#1C3687;--mk-doc-navy:#1A134A;--mk-doc-rule:#E0E3F4;--mk-doc-tint:#F4F6FC;
  --mk-doc-muted:#5A6B85;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  list-style:none;margin:0;padding:0;display:grid;gap:16px;
  grid-template-columns:repeat(4,minmax(0,1fr))}
/* The li stretches to the grid row; the link fills the li, so every card in a
   row is the same height however long its title wraps. */
.mk-doc{margin:0;padding:0;display:grid}

.mk-doc-link{display:flex;align-items:center;gap:16px;min-height:92px;padding:20px 22px;
  border:1.5px solid var(--mk-doc-rule);border-radius:16px;background:#fff;
  color:var(--mk-doc-navy);text-decoration:none;
  transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
.mk-doc-link:hover{border-color:var(--mk-doc-ink);background:var(--mk-doc-tint)}
.mk-doc-link:hover .mk-doc-title{text-decoration:underline;text-underline-offset:3px}
.mk-doc-link:active{transform:translateY(1px)}
.mk-doc-link:focus-visible{outline:2px solid var(--mk-doc-ink);outline-offset:2px}

.mk-doc-icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;
  background:var(--mk-doc-tint);color:var(--mk-doc-ink)}
.mk-doc-link:hover .mk-doc-icon{background:#fff}

.mk-doc-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.mk-doc-title{font-size:16.5px;font-weight:600;line-height:1.35;color:var(--mk-doc-navy);overflow-wrap:anywhere}
.mk-doc-meta{font-size:13.5px;font-weight:500;line-height:1.3;color:var(--mk-doc-muted)}

.mk-doc-arrow{flex:none;display:grid;place-items:center;margin-left:auto;color:var(--mk-doc-ink);opacity:.7;
  transition:transform .15s ease,opacity .15s ease}
.mk-doc-link:hover .mk-doc-arrow{opacity:1;transform:translate(1px,-1px)}

@media (max-width:1024px){
  .mk-docs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .mk-docs{grid-template-columns:1fr}
  .mk-doc-link{min-height:0;padding:16px 18px}
}
@media (prefers-reduced-motion:reduce){
  .mk-doc-link,.mk-doc-arrow{transition:none}
  .mk-doc-link:hover .mk-doc-arrow,.mk-doc-link:active{transform:none}
}