/* quick_links block (Phase 3 Stage 4).
   CSS ported from design-export/base.css; no literal colour, every value a token.
   quick links button grid */

.quick-links--panel .quick-links { border: 1px solid var(--line); border-radius: var(--radius-md); padding: 1.7rem 1.8rem; }
.quick-links__title { margin-bottom: .4rem; }
.quick-links__intro { font-size: var(--fs-min); color: var(--muted); margin-bottom: 1.1rem; }
.quick-links__buttons { display: grid; gap: .7rem; grid-template-columns: repeat(4, 1fr); }
.quick-links__buttons--stacked { grid-template-columns: 1fr; }
.quick-links__btn { display: flex; align-items: center; gap: .75rem; border: 1px solid var(--line); border-left: var(--card-edge) solid var(--accent); border-radius: var(--radius-sm); padding: .95rem 1.1rem; text-decoration: none; background: var(--white); }
.quick-links__btn:hover { border-left-width: var(--card-edge-hover); }
.quick-links__btn-icon { flex: 0 0 auto; color: var(--em-color); display: flex; }
.quick-links__btn-text { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-min); color: var(--text-heading); }
.quick-links__btn-sub { font-size: var(--fs-min); color: var(--muted); }
.quick-links__btn-external { margin-left: auto; font-size: var(--fs-min); color: var(--muted); }
@media (max-width: 64em) { .quick-links__buttons { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 40em) { .quick-links__buttons { grid-template-columns: 1fr; } }