.cui-news { max-width:1536px; margin:auto; padding:32px 24px; font-family:"Montserrat",sans-serif; color:#111827; }
.cui-news *, .cui-news *::before, .cui-news *::after { box-sizing:border-box; }
.cui-news a { text-decoration:none; color:inherit; }
.cui-news a:hover { color:#2e338c; }
.cui-news__layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:64px; align-items:start; }
.cui-news__posts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.cui-news__card { overflow:hidden; border:1px solid rgba(17,24,39,.08); border-radius:12px; background:#fff; transition:transform .28s,box-shadow .28s; }
.cui-news__card:hover { transform:translateY(-3px); box-shadow:0 4px 30px rgba(0,0,0,.1); }
.cui-news__image { display:block; overflow:hidden; }
.cui-news__image img { display:block; width:100%; height:240px; object-fit:cover; }
.cui-news__content { padding:24px; }
.cui-news__meta { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:12px; color:#9ca3af; font-size:13px; }
.cui-news__content h2 { font-size:20px; font-weight:700; line-height:1.35; margin:0 0 10px; color:#111827; }
.cui-news__excerpt { font-size:14px; line-height:1.8; color:#6b7280; }
.cui-news__excerpt p { margin:0; }
.cui-news__content h2, .cui-news__excerpt { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; }
.cui-news__excerpt { -webkit-line-clamp:3; }
.cui-news__post-categories, .cui-news__author, .cui-news__more { display:none; }
.cui-news__sidebar { position:sticky; top:120px; display:grid; gap:56px; min-width:0; }
.cui-news__sidebar h2 { font-size:22px; font-weight:700; color:#000; margin:0 0 16px; }
.cui-news__toolbar { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; margin-bottom:24px; }
.cui-news__toolbar h2 { margin:0; line-height:1.5; }
.cui-news__views:not([hidden]) { display:flex; gap:4px; }
.cui-news__views button, .cui-news__search button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:0; min-height:0; margin:0; border:0; border-radius:50%; background:transparent; box-shadow:none; color:rgba(0,0,0,.6); line-height:1; cursor:pointer; }
.cui-news__views button { width:40px; height:40px; padding:8px; }
.cui-news__views svg, .cui-news__search svg { display:block; width:24px; height:24px; fill:currentColor; }
.cui-news__views button:hover, .cui-news__search button:hover { background:rgba(0,0,0,.04); }
.cui-news__views button[aria-pressed="true"] { color:#2e338c; }
.cui-news__views button:focus-visible, .cui-news__search button:focus-visible { outline:2px solid #2e338c; outline-offset:2px; }
.cui-news__search { display:flex; align-items:center; gap:8px; height:52px; padding:0 12px; border:1px solid rgba(0,0,0,.12); border-radius:14px; background:#fff; margin:0; transition:border-color .25s ease,box-shadow .25s ease; }
.cui-news__search:hover { border-color:rgba(0,0,0,.6); }
.cui-news__search:focus-within { border-color:#2e338c; box-shadow:0 0 0 4px #2e338c14; }
.cui-news__search input[type="search"], .cui-news__search input[type="search"]:focus { flex:1; width:100%; min-width:0; border:0 !important; border-radius:0; outline:0; box-shadow:none !important; margin:0; padding:4px 0 5px; height:auto; background:transparent; color:rgba(0,0,0,.87); font-family:inherit; font-size:15px; font-weight:400; line-height:1.4375; -webkit-appearance:none; appearance:none; }
.cui-news__search input[type="search"]::placeholder { color:rgba(0,0,0,.38); opacity:1; }
.cui-news__search button { width:24px; height:24px; padding:0; }
.cui-news__categories { list-style:none; padding:0; margin:0; max-height:420px; overflow:auto; }
.cui-news__categories li { margin:0 0 16px; }
.cui-news__categories a { display:flex; justify-content:space-between; gap:16px; font-size:18px; line-height:1.4; color:#666; }
.cui-news__categories a[aria-current="page"] { color:#000; font-weight:700; }
.cui-news__pagination { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.cui-news__pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 8px; border:1px solid #d9d9d9; border-radius:4px; font-size:14px; }
.cui-news__pagination .current { background:#000; color:#fff; border-color:#000; }
.cui-news[data-news-view="list"] .cui-news__posts { grid-template-columns:1fr; gap:64px; }
.cui-news[data-news-view="list"] .cui-news__card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px; border:0; box-shadow:none; transform:none; }
.cui-news[data-news-view="list"] .cui-news__image { border-radius:24px; }
.cui-news[data-news-view="list"] .cui-news__image img { height:320px; }
.cui-news[data-news-view="list"] .cui-news__content { padding:12px 0; }
.cui-news[data-news-view="list"] .cui-news__content h2 { display:block; font-size:24px; font-weight:400; }
.cui-news[data-news-view="list"] .cui-news__excerpt { display:block; font-size:16px; }
.cui-news[data-news-view="list"] .cui-news__post-categories { display:flex; flex-wrap:wrap; gap:8px; color:#2e338c; font-weight:700; text-transform:uppercase; }
.cui-news[data-news-view="list"] .cui-news__author { display:inline; }
.cui-news[data-news-view="list"] .cui-news__more { display:inline-flex; gap:12px; margin-top:20px; padding:14px 24px; background:#2e338c; color:#fff; border-radius:8px; font-size:14px; font-weight:700; text-transform:uppercase; }
@media(max-width:1199px) { .cui-news__layout { grid-template-columns:1fr; gap:40px; } .cui-news__sidebar { position:static; } }
@media(max-width:899px) { .cui-news { padding:16px; } .cui-news__posts { grid-template-columns:repeat(2,minmax(0,1fr)); } .cui-news[data-news-view="list"] .cui-news__card { grid-template-columns:1fr; gap:24px; } }
@media(max-width:599px) { .cui-news__posts { grid-template-columns:1fr; } .cui-news__image img { height:220px; } }
@media(prefers-reduced-motion:reduce) { .cui-news__card, .cui-news__search { transition:none; } }