/* 12 Nov (Tom, category SEO, Phase 5): the category landing pages (app/catpages.py). Content only: the site's own
   header and footer stay what they are (ONE CANONICAL CHROME). */
.ttc-cat { max-width: 1200px; margin: 0 auto; }
.ttc-crumbs ol { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px;
  font: 500 13px/1.4 Montserrat, sans-serif; color: #5f5d59; }
.ttc-crumbs li + li::before { content: "\203A"; margin-right: 6px; color: #9a958e; }
.ttc-crumbs a { color: #7a1f1f; text-decoration: none; }
.ttc-crumbs a:hover { text-decoration: underline; }
.ttc-cat__head { margin: 0 0 22px; }
.ttc-cat__hero { margin: 0 0 18px; }
.ttc-cat__hero img { width: 100%; max-height: 360px; object-fit: cover; border-radius: 10px; display: block; }
.ttc-cat__h1 { font: 700 clamp(28px, 4vw, 40px)/1.15 Montserrat, sans-serif; color: #1d2327; margin: 0 0 10px; }
.ttc-cat__intro { font: 400 17px/1.6 Georgia, serif; color: #33322f; max-width: 820px; margin: 0 0 10px; }
.ttc-cat__count { font: 500 14px/1.5 Montserrat, sans-serif; color: #5f5d59; margin: 0; }
.ttc-cat__count a { color: #7a1f1f; }
.ttc-cat__article { margin: 28px 0 10px; border-top: 1px solid #e0dedb; padding-top: 14px; }
.ttc-cat__article > summary { cursor: pointer; font: 700 18px/1.4 Montserrat, sans-serif; color: #1d2327; }
.ttc-cat__body { font: 400 17px/1.65 Georgia, serif; color: #33322f; max-width: 820px; }
.ttc-cat__body h2 { font: 700 21px/1.3 Montserrat, sans-serif; margin: 18px 0 8px; }
.ttc-cat__all { font: 500 14px/1.8 Montserrat, sans-serif; color: #5f5d59; margin: 22px 0 0; }
.ttc-cat__all a { color: #7a1f1f; }
.ttc-cat__empty { font: 400 16px/1.5 Georgia, serif; }