.panel{border:.0625rem solid var(--border-1);border-radius:.5rem;background:var(--surface-1);box-shadow:.125rem .375rem .875rem var(--shadow-1);margin-bottom:.75rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;border-bottom:.0625rem solid var(--border-1);background:var(--surface-2);border-radius:.5rem .5rem 0 0}.panel-header h2{margin:0;font-size:1.125rem}.panel-body{padding:.75rem;display:grid;gap:.5rem}.panel-body.collapsible{max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;opacity:0;transition:max-height .25s ease,padding .25s ease,opacity .2s ease}.panel-body.collapsible.open{max-height:75rem;opacity:1;padding:.75rem}.panel-toggle{width:100%;border:0;cursor:pointer;text-align:left;background:var(--surface-2)}.panel-toggle:hover{background:var(--surface-3)}.toggle-icon{font-size:1.25rem;font-weight:600;color:var(--text-2)}.articles-filters{display:grid;gap:.625rem}.filter-group{display:grid;gap:.375rem}.filter-group.year-filter{max-width:13.75rem}.filter-label{font-weight:600;color:var(--text-1)}.blog-categories,.blog-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.blog-categories a,.blog-tags a{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:62.4375rem;border:.0625rem solid var(--border-1);background:var(--surface-2);color:var(--text-2);text-decoration:none;font-size:.8125rem;font-weight:600;transition:border-color .2s ease,background .2s ease,color .2s ease}.blog-categories a:hover,.blog-tags a:hover{border-color:var(--primary-color);color:var(--text-1)}.blog-categories a.active,.blog-tags a.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--surface-1)}.select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:62.4375rem;border:.0625rem solid var(--border-1);background:var(--surface-2);color:var(--text-1);padding:.5rem 2.25rem .5rem .875rem;font-size:.8125rem;font-weight:600;cursor:pointer}.select{position:relative;display:inline-flex;align-items:center}.select:after{content:"";position:absolute;right:.875rem;width:.5rem;height:.5rem;border-right:.125rem solid var(--text-2);border-bottom:.125rem solid var(--text-2);transform:rotate(45deg);pointer-events:none}.articles-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.pagination{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}.pagination-nav{display:flex;gap:.375rem;align-items:center;flex-wrap:wrap}.page-btn{padding:.375rem .625rem;border:.0625rem solid var(--border-1);cursor:pointer}.page-btn.active{font-weight:600;border-color:var(--text-3)}.page-ellipsis{padding:0 .375rem;opacity:.6}.article-card{border-radius:.5rem;background:var(--surface-1);border:.0625rem solid var(--border-1);box-shadow:.125rem .25rem .625rem var(--shadow-1);overflow:hidden;transition:transform .2s ease,border-color .2s ease}.article-card:hover{transform:translateY(-.125rem);border-color:var(--primary-color)}.article-link{display:grid;color:inherit;text-decoration:none}.article-media{background:var(--surface-2);max-height:11.25rem;overflow:hidden}.article-media img{width:100%;height:100%;object-fit:cover;display:block}.article-body{display:grid;gap:.25rem;padding:.625rem}.article-body h2{margin:0;font-size:1.125rem;color:var(--text-1)}.article-body .date{color:var(--text-2);font-size:.75rem}.article-body .excerpt{color:var(--text-2);font-size:.875rem;line-height:1.6}.articles-empty{color:var(--text-2);text-align:center}