.component-catalog-page{color:var(--wiki-text,#e9eee8)}.component-catalog-header{max-width:920px;margin:24px 0}.component-catalog-header h1{margin:10px 0 18px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.12}.component-catalog-page h2{margin:40px 0 16px;scroll-margin-top:110px;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.3}.component-catalog-page p{line-height:1.8}.component-overview{border-top:1px solid #405346;border-bottom:1px solid #405346;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 20px;display:grid}.component-overview>div{align-items:baseline;gap:14px;padding:20px 24px;display:flex}.component-overview>div+div{border-left:1px solid #405346}.component-overview strong{color:#fccd0d;font-size:2.2rem;line-height:1}.component-overview span{color:#c9d5ca;font-size:.93rem}.component-editorial,.component-reviewed{color:#b7c7bc;font-size:.9rem}.component-toc,.component-end-links{flex-wrap:wrap;gap:12px 24px;margin:24px 0;display:flex}.component-toc a,.component-end-links a,.component-links a{color:#2fe8da;text-decoration:none}.component-catalog-page a:hover{text-decoration:underline}.component-filter-bar{background:#17241c;border:1px solid #3b5143;border-radius:10px;grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(160px,1fr) auto;align-items:end;gap:14px;margin-top:24px;padding:20px;display:grid}.component-filter-bar label{flex-direction:column;gap:8px;min-width:0;font-size:.9rem;display:flex}.component-filter-bar input,.component-filter-bar select{color:#eff7ed;width:100%;min-width:0;font:inherit;background:#101b14;border:1px solid #617969;border-radius:5px;min-height:44px;padding:11px 12px}.component-filter-bar input::placeholder{color:#96ad9b}.component-filter-bar input:focus-visible,.component-filter-bar select:focus-visible,.component-catalog-page button:focus-visible,.component-catalog-page a:focus-visible{outline-offset:3px;outline:2px solid #fccd0d}.component-reset,.component-empty button{color:#2fe8da;cursor:pointer;min-height:44px;font:inherit;background:0 0;border:1px solid #2fe8da;border-radius:5px;padding:10px 16px}.component-results{color:#b7c7bc;margin:12px 0;font-size:.88rem}.component-table{table-layout:fixed;border-collapse:collapse;width:100%}.component-table caption{text-align:left;color:#b7c7bc;padding-bottom:12px;font-size:.88rem}.component-table thead{background:#203528}.component-table th,.component-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #405346;padding:18px 16px}.component-table thead th:first-child{width:23%}.component-table thead th:nth-child(2){width:11%}.component-table thead th:nth-child(3){width:42%}.component-table thead th:nth-child(4){width:24%}.component-table tbody th>strong{font-size:1rem;display:block}.component-table tbody th>span{color:#a7bbaa;margin-top:6px;font-size:.78rem;font-weight:400;line-height:1.7;display:block}.component-count b{color:#fccd0d;font-size:1.5rem}.component-table p{margin:0;font-size:.93rem}.component-table .component-setup{color:#b7c7bc;margin-top:8px}.component-setup>span{color:#eff7ed}.component-links{flex-direction:column;gap:7px;margin-bottom:12px;font-size:.88rem;line-height:1.5;display:flex}.component-sources{color:#a7bbaa;flex-wrap:wrap;align-items:baseline;gap:5px 9px;font-size:.78rem;line-height:1.7;display:flex}.component-sources a{color:#b9d9ad;text-underline-offset:3px;text-decoration:underline}.documented-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.documented-card-grid article{background:#17241c;border:1px solid #405346;border-radius:9px;min-width:0;padding:20px}.documented-card-grid h3{color:#fccd0d;margin:0;font-size:1.05rem;line-height:1.5}.documented-card-grid>article>a{text-decoration:none}.documented-card-grid p{color:#c9d5ca;margin:12px 0;font-size:.9rem}.component-scope-panel{border-top:1px solid #405346;margin-top:36px}.component-empty{text-align:center;border:1px dashed #617969;padding:24px}@media (width<=1000px){.component-overview>div{flex-direction:column;align-items:flex-start;gap:10px}.documented-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-filter-bar{grid-template-columns:1fr 1fr}.component-query{grid-column:1/-1}}@media (width<=700px){.component-catalog-page h2{scroll-margin-top:160px}.component-overview>div{padding:16px 10px}.component-overview strong{font-size:1.8rem}.component-overview span{font-size:.78rem;line-height:1.5}.component-filter-bar{gap:12px;padding:16px}.component-filter-bar>button{grid-column:1/-1}.component-table,.component-table tbody,.component-table tr,.component-table td,.component-table tbody th{width:100%;display:block}.component-table thead{display:none}.component-table tr{border-bottom:1px solid #617969;padding:18px 0}.component-table tbody th,.component-table td{border:0;padding:5px 0}.component-table td[data-label]:before{content:attr(data-label);color:#a7bbaa;margin:6px 0;font-size:.78rem;display:block}.component-table tbody th>strong{color:#fccd0d;font-size:1.14rem}.component-count b{font-size:1.3rem}.component-links{flex-flow:wrap;gap:10px 15px}.documented-card-grid{grid-template-columns:1fr}}