.cat-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin:12px 0 24px;display:flex}.cat-page-head-main{align-items:center;gap:16px;min-width:0;display:flex}.cat-page-head-icon{color:#fff;background:linear-gradient(160deg,#d63a2b,#9c1d1d);border-radius:18px;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 24px #bb252547}.cat-page-head-icon .icon{width:28px;height:28px}.cat-page-head h1{color:var(--navy);letter-spacing:-.015em;margin:0;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.15}.cat-page-head h1 span{color:var(--red)}.cat-page-head p{color:#5b6474;margin:6px 0 0;font-size:15px;line-height:1.6}.cat-btn{min-height:46px;font:inherit;white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14.5px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.cat-btn:hover{transform:translateY(-2px)}.cat-btn .icon{width:17px;height:17px}.cat-btn--primary{color:#fff;background:linear-gradient(#d63a2b 0%,#a51c1c 100%);box-shadow:0 10px 22px #bb252540}.cat-btn--primary:hover{box-shadow:0 14px 28px #bb252552}.cat-btn--outline{color:var(--navy);background:#fff;border-color:#e8d6d6}.cat-btn--outline:hover{border-color:var(--red);color:var(--red)}.cat-btn--ghost-light{color:#fff;background:#ffffff1a;border-color:#fff6}.cat-btn--ghost-light:hover{background:#ffffff2e}.cat-btn:focus-visible,.cat-tab:focus-visible,.cat-chip:focus-visible{outline-offset:2px;outline:3px solid #f59e0b99}.cat-catalog-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:20px;display:flex}.cat-catalog-head h2{color:var(--navy);letter-spacing:-.015em;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.2}.cat-catalog-head h2 span{color:var(--red)}.cat-catalog-head p{color:#5b6474;margin:6px 0 0;font-size:15px}.cat-search{flex:0 320px;position:relative}.cat-search .icon{color:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.cat-search:focus-within .icon{color:var(--red)}.cat-search input{width:100%;height:48px;color:var(--navy);font:inherit;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;padding:0 16px 0 44px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.cat-search input:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 4px #bb25251f}.cat-filters{background:#fff;border:1px solid #eef0f3;border-radius:20px;gap:14px;padding:14px;display:grid;box-shadow:0 8px 24px #01193d0f}.cat-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.cat-filter-row .cat-search{flex:0 300px}.cat-filter-row .cat-search input{background:#f9fafb;height:42px}.cat-search--toolbar{flex:240px}.cat-search--toolbar input{background:#f9fafb;height:44px}@media (max-width:900px){.cat-search--toolbar{flex-basis:auto}}.cat-tabs{scrollbar-width:none;background:#f5f6f8;border:1px solid #eef0f3;border-radius:999px;gap:4px;padding:4px;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{color:#334155;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.cat-tab:hover{color:var(--red);background:#ffffffbf}.cat-tab.is-active{color:var(--red);background:#fff;box-shadow:0 2px 8px #01193d14}.cat-count{color:#475569;background:#e9ebef;border-radius:999px;place-items:center;min-width:24px;height:22px;padding:0 7px;font-size:12px;font-weight:800;display:inline-grid}.cat-tab.is-active .cat-count{background:var(--red);color:#fff}.cat-subjects{flex-wrap:wrap;align-items:center;gap:8px;padding:0 4px;display:flex}.cat-subjects-label{color:#6b7280;margin-right:4px;font-size:13.5px;font-weight:700}.cat-chip{color:#334155;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.cat-chip:hover{color:var(--red);border-color:#f3c4c4}.cat-chip.is-active{border-color:var(--red);background:var(--red-soft);color:var(--red)}.cat-result{color:#6b7280;margin:22px 0 14px;font-size:14px}.cat-result strong{color:var(--navy)}.cat-tag{letter-spacing:.02em;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:11.5px;font-weight:800;display:inline-flex}.cat-tag--red{background:var(--red-soft);color:var(--red)}.cat-tag--gold{background:var(--gold-soft);color:var(--gold-dark)}.cat-empty{text-align:center;background:linear-gradient(135deg,#fff 0%,#fdf2f2 100%);border:1.5px dashed #e8d6d6;border-radius:20px;justify-items:center;gap:10px;margin-top:22px;padding:48px 24px;display:grid}.cat-empty-icon{color:#fff;background:linear-gradient(160deg,#d63a2b,#9c1d1d);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 12px 24px #bb252540}.cat-empty-icon .icon{width:30px;height:30px}.cat-empty h3{color:var(--navy);margin:6px 0 0;font-size:20px;font-weight:800}.cat-empty p{color:#5b6474;max-width:460px;margin:0;font-size:15px;line-height:1.6}.cat-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.cat-note{background:linear-gradient(135deg,#fff 0%,#fff7e6 100%);border:1px solid #fde7c2;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 20px;margin-top:32px;padding:22px 24px;display:grid}.cat-note-icon{background:linear-gradient(180deg, #fde68a, var(--gold));width:52px;height:52px;color:var(--red-deep);border-radius:16px;place-items:center;display:grid}.cat-note-icon .icon{width:24px;height:24px}.cat-note strong{color:var(--navy);font-size:17px;font-weight:800;display:block}.cat-note p{color:#5b6474;margin:4px 0 0;font-size:14.5px;line-height:1.55}.cat-note-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:1100px){.cat-note{grid-template-columns:auto minmax(0,1fr)}.cat-note-actions{grid-column:1/-1}}@media (max-width:640px){.cat-note-actions{grid-template-columns:minmax(0,1fr);display:grid}.cat-search,.cat-filter-row .cat-search{flex-basis:100%}.cat-tab{padding:0 14px;font-size:13.5px}.cat-note{grid-template-columns:minmax(0,1fr);padding:20px}.cat-page-head-icon{border-radius:14px;width:48px;height:48px}.cat-page-head>.cat-btn{width:100%}}@media (prefers-reduced-motion:reduce){.cat-btn{transition:none}}