@charset "UTF-8";:root{--cmmnews-gap:16px;--cmmnews-title-size:1.1rem;--cmmnews-meta-size:0.85rem;--cmmnews-primary-color:#222;--cmmnews-meta-color:#666;--cmmnews-cat-bg:#d32f2f;--cmmnews-cat-color:#fff;--cmmnews-radius:8px;--cmmnews-border-color:rgba(0,0,0,0.08)}.cmmnews-container{container-type:inline-size;width:100%}.cmmnews-item{display:block;position:relative;overflow:hidden;border-radius:var(--cmmnews-radius)}.cmmnews-item-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-decoration:none;color:inherit}.cmmnews-grid .cmmnews-item{background:#121212;border:1px solid var(--cmmnews-border-color);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s ease}.cmmnews-grid .cmmnews-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.12);border-color:rgba(0,0,0,.2)}.cmmnews-grid .cmmnews-image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:var(--cmmnews-radius);aspect-ratio:16/10}.cmmnews-grid .cmmnews-image-wrapper img{display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.cmmnews-grid .cmmnews-item:hover .cmmnews-image-wrapper img{transform:scale(1.04)}.cmmnews-grid .cmmnews-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.45) 55%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1}.cmmnews-grid .cmmnews-content{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;z-index:3;pointer-events:none}.cmmnews-grid .cmmnews-title{margin:4px 0 6px;font-size:var(--cmmnews-title-size);font-weight:700;line-height:1.3;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}.cmmnews-grid .cmmnews-date{font-size:var(--cmmnews-meta-size);color:rgba(255,255,255,.7);text-shadow:0 1px 2px rgba(0,0,0,.6);margin-top:0;display:flex;align-items:center;gap:6px}.cmmnews-grid .cmmnews-date::before{content:"•";color:var(--cmmnews-cat-bg);font-weight:700}a.cmmnews-category{display:inline-block;background:var(--cmmnews-cat-bg);color:var(--cmmnews-cat-color)!important;padding:4px 10px;font-size:.65rem;font-weight:700;text-transform:uppercase;text-decoration:none;border-radius:4px;margin-bottom:8px;letter-spacing:.5px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px rgba(0,0,0,.2);position:relative;z-index:3;pointer-events:auto;transition:background-color .2s ease,transform .2s ease;align-self:flex-start;width:max-content;max-width:100%}a.cmmnews-category:hover{color:var(--cmmnews-cat-color)!important;opacity:.9;transform:translateY(-1px)}.cmmnews-grid .cmmnews-no-image{position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;box-sizing:border-box;background:radial-gradient(circle at top right,#333 0,#1a1a1a 100%);border:1px solid var(--cmmnews-border-color)}.cmmnews-grid .cmmnews-no-image .cmmnews-category{margin-bottom:auto}.cmmnews-grid .cmmnews-no-image .cmmnews-title{text-shadow:none;font-size:1.15rem;color:#fff;margin-top:0}.cmmnews-grid .cmmnews-no-image .cmmnews-date{text-shadow:none;color:rgba(255,255,255,.6);margin-top:10px}.cmmnews-grid{display:grid;gap:var(--cmmnews-gap)}.cmmnews-cols-1{grid-template-columns:1fr}.cmmnews-cols-2{grid-template-columns:repeat(2,1fr)}.cmmnews-cols-3{grid-template-columns:repeat(3,1fr)}.cmmnews-cols-4{grid-template-columns:repeat(4,1fr)}.cmmnews-cols-5{grid-template-columns:repeat(5,1fr)}.cmmnews-cols-6{grid-template-columns:repeat(6,1fr)}.cmmnews-grid .cmmnews-image-wrapper{aspect-ratio:16/10}.cmmnews-list{display:flex;flex-direction:column;gap:16px}.cmmnews-list .cmmnews-item{display:flex;align-items:center;gap:16px;border:1px solid var(--cmmnews-border-color);border-radius:var(--cmmnews-radius);padding:12px;box-sizing:border-box;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.cmmnews-list .cmmnews-item:hover{transform:translateX(4px);border-color:rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.08)}.cmmnews-list .cmmnews-item:last-child{border:1px solid var(--cmmnews-border-color);padding:12px}.cmmnews-list .cmmnews-item:last-child:hover{border-color:rgba(0,0,0,.2)}.cmmnews-list .cmmnews-image-wrapper{width:120px;height:80px;flex-shrink:0;border-radius:6px;overflow:hidden}.cmmnews-list .cmmnews-image-wrapper img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.cmmnews-list .cmmnews-item:hover .cmmnews-image-wrapper img{transform:scale(1.05)}.cmmnews-list .cmmnews-content{position:relative;z-index:3;pointer-events:none;min-width:0;display:flex;flex-direction:column;justify-content:center;flex:1}.cmmnews-list .cmmnews-title{margin:0 0 6px;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--cmmnews-primary-color);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.cmmnews-list .cmmnews-item:hover .cmmnews-title{color:var(--cmmnews-cat-bg)}.cmmnews-list .cmmnews-date{font-size:var(--cmmnews-meta-size);color:var(--cmmnews-meta-color)}@supports not (container-type:inline-size){@media (max-width:768px){.cmmnews-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}}}@supports (container-type:inline-size){@container (max-width:480px){.cmmnews-grid{grid-template-columns:1fr!important}}@container (min-width:481px) and (max-width:768px){.cmmnews-grid.cmmnews-cols-3,.cmmnews-grid.cmmnews-cols-4,.cmmnews-grid.cmmnews-cols-5,.cmmnews-grid.cmmnews-cols-6{grid-template-columns:repeat(2,1fr)!important}}@container (min-width:769px) and (max-width:1024px){.cmmnews-grid.cmmnews-cols-4,.cmmnews-grid.cmmnews-cols-5,.cmmnews-grid.cmmnews-cols-6{grid-template-columns:repeat(3,1fr)!important}}@container (min-width:1025px) and (max-width:1280px){.cmmnews-grid.cmmnews-cols-5,.cmmnews-grid.cmmnews-cols-6{grid-template-columns:repeat(4,1fr)!important}}}.cmmnews-item:focus-within{outline:2px solid var(--cmmnews-cat-bg);outline-offset:2px}@supports (container-type:inline-size){@container (max-width:300px){.cmmnews-list .cmmnews-item{flex-direction:column;align-items:flex-start}.cmmnews-list .cmmnews-image-wrapper{width:100%;height:auto;aspect-ratio:16/10}}}
