.catalog-toolbar { display:flex; flex-wrap:wrap; gap:12px; padding:16px; background:#d1d7c5; border:2px solid; border-color:#f8f9ef #8b987a #8b987a #f8f9ef; }
.catalog-toolbar label { display:flex; flex-direction:column; gap:7px; font:10px/1.4 'DejaVu Sans Mono',monospace; color:#3d5030; min-width:0; }
.catalog-search { flex:1; min-width:180px!important; }
.catalog-toolbar input,.catalog-toolbar select { border:2px inset #d9e1cb; border-radius:0; background:#f5f6ed; padding:9px; color:#24351b; font:12px 'DejaVu Sans',sans-serif; min-width:0; max-width:100%; height:37px; }
.catalog-toolbar input:focus-visible,.catalog-toolbar select:focus-visible { outline:2px dotted #42672d; outline-offset:3px; }
.catalog-count,.catalog-source { font:10px/1.8 'DejaVu Sans Mono',monospace; color:#566b43; margin:16px 0; }
.catalog-source a { color:#254f83; text-decoration:underline; }
.repo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.repo-card { min-width:0; padding:20px; border:2px solid; border-color:#fafbf2 #9ba88b #9ba88b #fafbf2; background:#eff0e4; box-shadow:2px 2px 0 #bac3ad; display:flex; flex-direction:column; }
.repo-meta { display:flex; justify-content:space-between; gap:10px; color:#677d52; font:8px/1.6 'DejaVu Sans Mono',monospace; padding-bottom:10px; border-bottom:1px dashed #b2c29e; }
.repo-card h3 { font:bold 18px/1.4 'DejaVu Sans Mono',monospace; color:#273c1c; letter-spacing:-.04em; margin:15px 0 9px; overflow-wrap:anywhere; }
.repo-card p { color:#465b36; font:12px/1.85 'DejaVu Sans',sans-serif; margin:0 0 18px; }
.repo-tech { display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; }
.repo-tech span { border:1px solid #b8c6a6; background:#e0e6d4; color:#50663c; font:9px/1.5 'DejaVu Sans Mono',monospace; padding:4px 6px; }
.repo-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:17px; border-top:1px solid #c6cfb8; padding-top:12px; font:9px/1.5 'DejaVu Sans Mono',monospace; color:#6a7b59; }
.repo-bottom a { font-size:10px; color:#254f83; text-decoration:underline; text-underline-offset:3px; }
.catalog-empty { border:1px dashed #869b70; padding:25px; color:#435a33; font:12px/1.7 monospace; }
@media(min-width:1200px) { .home-catalog .repo-grid {grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:700px) { .repo-grid {grid-template-columns:1fr;} .catalog-toolbar {padding:12px;gap:10px;} .catalog-search {flex-basis:100%;} .catalog-toolbar label:not(.catalog-search) {flex:1;} .repo-card {padding:17px;} }