.catalog-main{min-height:calc(100vh - 200px);padding-top:80px}.catalog-hero{background:linear-gradient(180deg, var(--clr-bg-secondary) 0%, var(--clr-bg-primary) 100%);border-bottom:1px solid var(--clr-border);padding:3rem 0 2rem}.catalog-hero__title{font-family:var(--font-heading);color:var(--clr-text-heading);text-align:center;margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.75rem)}.catalog-hero__subtitle{color:var(--clr-text-muted);text-align:center;margin-bottom:2rem;font-size:1.05rem}.catalog-hero__subtitle strong{color:var(--clr-accent-light);font-weight:600}.catalog-search{background:var(--clr-bg-card);border:1.5px solid var(--clr-border);border-radius:var(--radius-lg);max-width:720px;transition:var(--transition);box-shadow:var(--shadow-md);align-items:center;margin:0 auto 1.5rem;display:flex;position:relative}.catalog-search:focus-within{border-color:var(--clr-accent);box-shadow:0 0 0 4px #00b4d826, var(--shadow-glow)}.catalog-search__icon{color:var(--clr-text-muted);pointer-events:none;position:absolute;left:1.25rem}.catalog-search:focus-within .catalog-search__icon{color:var(--clr-accent)}.catalog-search__input{color:var(--clr-text-heading);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;width:100%;padding:1.1rem 3rem 1.1rem 3.5rem;font-size:1rem}.catalog-search__input::placeholder{color:var(--clr-text-muted)}.catalog-search__clear{background:var(--clr-bg-primary);border:1px solid var(--clr-border);color:var(--clr-text);cursor:pointer;width:32px;height:32px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex;position:absolute;right:1rem}.catalog-search__clear:hover{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}.catalog-filters{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:900px;margin:0 auto;display:flex}.catalog-chip{border:1.5px solid var(--clr-border);background:var(--clr-bg-card);color:var(--clr-text);cursor:pointer;font-family:var(--font-body);transition:var(--transition);white-space:nowrap;border-radius:999px;padding:.6rem 1.2rem;font-size:.92rem;font-weight:500}.catalog-chip:hover{border-color:var(--clr-accent);color:var(--clr-accent-light);transform:translateY(-1px)}.catalog-chip--active{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent);box-shadow:0 4px 12px #00b4d859}.catalog-chip--active:hover{color:#fff;background:var(--clr-accent-dark)}.catalog-content{padding:2rem 0 4rem}.catalog-loading{color:var(--clr-text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;display:flex}[hidden]{display:none!important}.spinner{border:3px solid var(--clr-border);border-top-color:var(--clr-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.catalog-results-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.catalog-results-count{color:var(--clr-text-muted);font-size:.95rem}.catalog-results-count strong{color:var(--clr-accent-light)}.catalog-sort{color:var(--clr-text-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.catalog-select{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text);font-family:var(--font-body);cursor:pointer;padding:.5rem .8rem}.catalog-select:focus{border-color:var(--clr-accent);outline:none}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;display:grid}.catalog-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.catalog-card:before{content:"";opacity:0;transition:var(--transition);pointer-events:none;background:linear-gradient(135deg,#0000 0%,#00b4d80a 100%);position:absolute;inset:0}.catalog-card:hover{border-color:var(--clr-accent);box-shadow:var(--shadow-md), var(--shadow-glow);background:var(--clr-bg-card-hover);transform:translateY(-3px)}.catalog-card:hover:before{opacity:1}.catalog-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.catalog-card__section{color:var(--clr-accent-light);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.catalog-card__page{background:var(--clr-bg-primary);color:var(--clr-text-muted);border:1px solid var(--clr-border);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.catalog-card__title{font-family:var(--font-heading);color:var(--clr-text-heading);font-size:1.05rem;font-weight:600;line-height:1.3}.catalog-card__subtitles{color:var(--clr-text-muted);font-size:.85rem;line-height:1.5}.catalog-card__refs{border-top:1px solid var(--clr-border);flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.75rem;display:flex}.catalog-ref{color:var(--clr-accent-light);border-radius:var(--radius-sm);letter-spacing:.3px;background:#00b4d81f;border:1px solid #00b4d840;padding:.2rem .55rem;font-family:Courier New,monospace;font-size:.78rem;font-weight:600}.catalog-ref--match{background:var(--clr-gold);color:#1a1a1a;border-color:var(--clr-gold)}.catalog-card__snippet{color:var(--clr-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.catalog-card__snippet mark{color:var(--clr-gold);background:#ffc10740;border-radius:3px;padding:.05em .2em}.catalog-empty{text-align:center;color:var(--clr-text-muted);padding:4rem 1rem}.catalog-empty p{margin-bottom:.5rem}.catalog-modal{z-index:1000;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.catalog-modal[hidden]{display:none}.catalog-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#000000d9;position:absolute;inset:0}.catalog-modal__panel{background:var(--clr-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--clr-border);width:100%;max-width:1400px;box-shadow:var(--shadow-lg);flex-direction:column;margin:2rem;animation:.25s ease-out modal-in;display:flex;position:relative;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.catalog-modal__header{border-bottom:1px solid var(--clr-border);background:var(--clr-bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.catalog-modal__title{font-family:var(--font-heading);color:var(--clr-text-heading);margin:0;font-size:1.15rem}.catalog-modal__subtitle{color:var(--clr-text-muted);margin:.2rem 0 0;font-size:.85rem}.catalog-modal__actions{gap:.5rem;display:flex}.catalog-modal__nav,.catalog-modal__close{background:var(--clr-bg-card);border:1px solid var(--clr-border);color:var(--clr-text);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:var(--transition);justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex}.catalog-modal__nav:hover,.catalog-modal__close:hover{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}.catalog-modal__close:hover{background:#c0392b;border-color:#c0392b}.catalog-modal__body{flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid}.catalog-modal__viewer{background:#2a2a2a;height:100%;min-height:70vh}.catalog-modal__viewer object,.catalog-modal__viewer iframe{border:0;width:100%;height:100%;min-height:70vh;display:block}.catalog-modal__sidebar{border-left:1px solid var(--clr-border);background:var(--clr-bg-secondary);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.catalog-modal__section h3{font-family:var(--font-heading);color:var(--clr-text-heading);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.95rem}.catalog-refs{flex-wrap:wrap;gap:.4rem;max-height:280px;display:flex;overflow-y:auto}.catalog-refs .catalog-ref{cursor:pointer;transition:var(--transition)}.catalog-refs .catalog-ref:hover{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}@media (max-width:900px){.catalog-modal__body{grid-template-rows:60vh auto;grid-template-columns:1fr}.catalog-modal__sidebar{border-left:none;border-top:1px solid var(--clr-border)}.catalog-modal__panel{margin:.5rem}}@media (max-width:600px){.catalog-hero{padding:2rem 0 1.5rem}.catalog-search__input{padding:.95rem 2.5rem .95rem 3rem;font-size:.95rem}.catalog-grid{grid-template-columns:1fr}.catalog-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.catalog-chip{flex-shrink:0}}