.pagination{gap:8px;margin-top:40px;padding:0;list-style:none}.pagination,.pagination-item{display:flex;justify-content:center;align-items:center}.pagination-item{width:40px;height:40px;font-weight:600;font-family:Nunito,sans-serif;font-size:.9375rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.pagination-item:hover:not(:disabled):not(.active){background:#f0f5ff;color:#597ef7;transform:translateY(-2px);border-color:#d6e4ff}.pagination-item.active{background:#597ef7;color:#fff;border-color:#597ef7;box-shadow:0 4px 6px -1px rgba(89,126,247,.4),0 2px 4px -1px rgba(89,126,247,.06);cursor:default}.pagination-item:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%);background:#f9fafb;color:#9ca3af}.pagination-item:disabled:hover{transform:none;background:#f9fafb;border-color:#e5e7eb}.pagination-item:focus-visible{outline:2px solid #597ef7;outline-offset:2px}.pagination-arrow{font-size:1.5rem;font-weight:700;line-height:1;color:#6b7280}.pagination-arrow:hover:not(:disabled){color:#597ef7}.pagination-arrow:disabled{color:#d1d5db}.pagination-ellipsis{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:640px){.pagination{gap:6px}.pagination-item{width:36px;height:36px;font-size:.875rem}.pagination-arrow{font-size:1.25rem}.pagination-ellipsis{width:36px;height:36px}}.browsing-template{min-height:100vh;padding-bottom:60px}.browsing-banner{width:100%;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.browsing-banner{height:auto}}.browsing-banner-content{max-width:1200px;width:100%;padding:0 1rem;text-align:center}.browsing-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.browsing-description{font-size:1rem;opacity:.9}.browsing-main-content{max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex;gap:2rem;align-items:flex-start}.browsing-grid-area{flex:1 1;min-width:0}.browsing-sidebar-toggle{display:block;margin-bottom:1rem;padding:.75rem 1rem;background:#0070f3;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:var(--font-nunito)}@media(min-width:769px){.browsing-sidebar-toggle{display:none}}.browsing-breadcrumb{margin-bottom:1.5rem;font-size:.9rem;color:#666}.browsing-breadcrumb a{color:#0070f3;transition:color .2s}.browsing-breadcrumb a:hover{color:#0051cc;text-decoration:underline}.browsing-breadcrumb .browsing-breadcrumb-current{color:#333;font-weight:600}.fallback-alert{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-bottom:24px;background:linear-gradient(135deg,#fff4e6,#ffecd1);border:1px solid #ffd699;border-radius:12px;box-shadow:0 2px 8px rgba(255,159,10,.08);animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fallback-alert .fallback-alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px;color:#ff9f0a}.fallback-alert .fallback-alert-text{flex:1 1;margin:0;font-size:.95rem;line-height:1.6;color:#8b5a00;font-weight:500}@media(max-width:768px){.fallback-alert .fallback-alert-text{font-size:.9rem}.fallback-alert{padding:14px 16px;gap:10px}}.browsing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));grid-gap:24px;gap:24px;width:100%}.browsing-grid>*{max-width:250px;justify-self:start}@media(max-width:768px){.browsing-grid{gap:20px}}.browsing-empty{grid-column:1/-1;text-align:center;padding:3rem;color:#999}.browsing-empty p{font-size:1.1rem}