.category-page{--category-accent:#8f6b4d;--category-soft:#eee7dc;background:#f6f4ef;color:#292821}
.category-page.category-vocab{--category-accent:#6f806a;--category-soft:#e2e9df}
.category-page.category-jlpt{--category-accent:#9b6d62;--category-soft:#f0e1dc}
.category-page .category-hero{padding:76px 0 48px;border-bottom:1px solid #dedbd2}
.category-page .category-kicker{margin:0;color:var(--category-accent);font-size:11px;font-weight:700;letter-spacing:.16em}
.category-page .category-hero h1{margin:18px 0 14px;font:600 clamp(44px,7vw,78px)/1.15 Georgia,"Noto Serif TC",serif;letter-spacing:-.06em}
.category-page .category-hero p{max-width:620px;margin:0;color:#77766e;font-size:15px;line-height:2}
.category-page .category-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.category-page .category-switcher a{padding:7px 13px;border:1px solid #dedbd2;border-radius:999px;background:#fffdf8;color:#6f675d;font-size:12px}
.category-page .category-switcher a:hover,.category-page .category-switcher a.active{border-color:var(--category-soft);background:var(--category-soft);color:var(--category-accent);font-weight:700}
.category-page .category-list{padding:42px 0 80px}
.category-page .category-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.category-page .category-count{margin-right:auto;color:#77766e;font-size:12px}
.category-page .category-toolbar input,.category-page .category-toolbar select{border:1px solid #dedbd2;border-radius:2px;background:#fffdf8;color:#4f4b43;padding:11px 12px;font:inherit;font-size:12px}
.category-page .category-toolbar input{width:min(360px,48%)}
.category-page .category-articles{border-top:2px solid var(--category-accent)}
.category-page .category-article{display:grid;grid-template-columns:58px 1fr 22px;gap:18px;align-items:start;padding:22px 8px;border-bottom:1px solid #dedbd2}
.category-page .category-article:hover{background:var(--category-soft)}
.category-page .category-index{color:var(--category-accent);font:700 12px/1.8 Arial,sans-serif}
.category-page .category-article h2{margin:0 0 7px;font:600 21px/1.5 Georgia,"Noto Serif TC",serif}
.category-page .category-article p{margin:0;color:#77766e;font-size:12px;line-height:1.8}
.category-page .category-date{display:block;margin-top:8px;color:#a19a90;font-size:11px}
.category-page .category-arrow{color:var(--category-accent);font-size:20px;line-height:1.5}
.category-page .category-empty{padding:36px 8px;border-bottom:1px solid #dedbd2;color:#77766e}
@media(max-width:700px){.category-page .shell{width:calc(100% - 28px)}.category-page .category-hero{padding:52px 0 36px}.category-page .category-toolbar{flex-wrap:wrap}.category-page .category-count{width:100%;margin-right:0}.category-page .category-toolbar input{width:100%}.category-page .category-toolbar select{flex:1}.category-page .category-article{grid-template-columns:34px 1fr 16px;gap:10px;padding:18px 2px}.category-page .category-article h2{font-size:18px;line-height:1.55}.category-page .category-article p{font-size:12px}.category-page .category-arrow{font-size:17px}}