.category-hero {
    padding: 62px 0 66px;
    border-bottom: 1px solid var(--line);
    background: var(--white);
}

.category-hero__kicker { margin: 0; color: var(--teal); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.category-hero h1 { margin: 12px 0 14px; font-family: "Songti SC", STSong, serif; font-size: 46px; line-height: 1.25; }
.category-hero__description { max-width: 760px; margin: 0; color: var(--muted); font-size: 17px; }

.category-scope { padding: 66px 0; }
.scope-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.scope-grid article { padding: 24px 28px 26px 0; border-bottom: 1px solid var(--line); }
.scope-grid article + article { padding-left: 28px; border-left: 1px solid var(--line); }
.scope-grid span { color: var(--red); font-family: Georgia, serif; font-size: 12px; }
.scope-grid h3 { margin: 12px 0 8px; font-family: "Songti SC", STSong, serif; font-size: 21px; }
.scope-grid p { margin: 0; color: var(--muted); font-size: 14px; }

.category-content { padding: 70px 0 82px; border-top: 1px solid var(--line); background: var(--white); }
.category-content__head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.category-content__head h2 { margin: 4px 0 0; font-family: "Songti SC", STSong, serif; font-size: 32px; }
.category-content__head > a { color: var(--teal); font-size: 14px; font-weight: 700; }

.category-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--ink); border-left: 1px solid var(--line); }
.category-item { min-height: 220px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.category-item__meta { display: flex; justify-content: space-between; gap: 14px; color: var(--muted); font-size: 12px; }
.category-item__meta a { color: var(--red); font-weight: 700; }
.category-item h3 { margin: 16px 0 10px; font-family: "Songti SC", STSong, serif; font-size: 22px; line-height: 1.45; }
.category-item p { margin: 0; color: var(--muted); font-size: 14px; }
.category-item__more { display: inline-flex; margin-top: 18px; color: var(--teal); font-size: 13px; font-weight: 700; }

.category-empty { padding: 54px 28px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); text-align: center; background: var(--paper); }
.category-empty span { color: var(--teal); font-size: 11px; font-weight: 800; }
.category-empty h3 { margin: 12px 0 8px; font-family: "Songti SC", STSong, serif; font-size: 25px; }
.category-empty p { max-width: 620px; margin: 0 auto; color: var(--muted); }
.category-pager { margin-top: 30px; }

@media (max-width: 720px) {
    .category-hero { padding: 46px 0 50px; }
    .category-hero h1 { font-size: 36px; }
    .category-scope, .category-content { padding: 54px 0; }
    .scope-grid, .category-list { grid-template-columns: 1fr; }
    .scope-grid article, .scope-grid article + article { padding: 22px 0; border-left: 0; }
    .category-content__head { align-items: flex-start; flex-direction: column; gap: 12px; }
}
