:root{--brown: var(--secondary-color);--light-brown: var(--accent-color);--green-dark: var(--primary-color);--green-light: var(--accent-color-2);--bg-page: var(--background-color)}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#000;padding:8px;z-index:100;transition:top .3s}.skip-link:focus{top:0}.catalog-page{display:flex;flex-direction:column;min-height:calc(100vh - 80px);background-color:var(--bg-page)}.catalog-content{flex:1;display:flex;padding:1rem;gap:1rem;min-height:0}.blogs-container{margin:0 250px;background:var(--green-light);border:2px solid var(--green-dark);border-radius:40px;height:calc(100vh - 2rem - 80px);display:flex;flex-direction:column;padding:1.5rem!important;flex:1}.blogs-list{display:flex;flex-direction:column;gap:1.5rem;border-radius:20px}.blog-card{background:var(--brown)!important;border:2px solid var(--green-dark)!important;border-radius:20px!important;text-decoration:none;color:#fff;min-height:44px;padding:12px}.blog-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.card-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-bottom:2px solid var(--green-dark)}.blog-info{padding:1rem;border-radius:20px}.blog-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#000}.blog-date{display:block;font-size:.875rem;margin-bottom:.5rem;color:#000}.blog-excerpt{font-size:1rem;line-height:1.6;color:#000}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus,button:focus,input:focus{outline:3px solid #007bff;outline-offset:2px}.mb-4{margin-bottom:1.5rem!important}.p-4{padding:1.5rem!important}.lead{font-size:1.25rem;font-weight:300}