/* categories.css — four category entry cards (lab-notebook style) */
.categories .categories-grid { display: grid; grid-template-columns: 1fr; gap: 1px; background: #d8cfc0; border: 1px solid #d8cfc0; }
.categories .category-card { display: block; background: #faf6ef; padding: 26px 22px; color: #211c17; }
.categories .category-card:hover { background: #fff; text-decoration: none; }
.categories .category-card-no { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; color: #b8482a; letter-spacing: 0.14em; margin-bottom: 14px; }
.categories .category-card-name { display: block; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; margin-bottom: 6px; }
.categories .category-card-note { display: block; font-size: 14px; color: #6b6157; }

@media (min-width: 600px) { .categories .categories-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .categories .categories-grid { grid-template-columns: repeat(4, 1fr); } }