.civap-news{display:grid;gap:18px;margin-top:4px}
.civap-news [hidden]{display:none!important}
.news-intro{display:flex;align-items:end;justify-content:space-between;gap:20px}
.news-intro p{margin:0;color:#526f80;line-height:1.5}
.news-eyebrow{margin-bottom:5px!important;color:#07817c!important;font-size:.7rem;font-weight:800;letter-spacing:.16em}
.news-search{display:grid;gap:5px;width:min(100%,330px);color:#31586b;font-size:.79rem;font-weight:700}
.news-search input{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #ccdce5;border-radius:12px;background:#fff;color:#173c50;font:inherit;font-weight:400}
.news-search input:focus-visible,.news-actions button:focus-visible,.news-actions a:focus-visible{outline:3px solid #3fb5af;outline-offset:3px}
.news-limitation{margin:0;padding:11px 14px;border:1px solid #d9e8ed;border-left:4px solid #0b8580;border-radius:10px;background:#f4fafb;color:#426675;font-size:.82rem;line-height:1.45}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}
.news-card{min-width:0;overflow:hidden;border:1px solid #dbe8ed;border-radius:18px;background:#fff;box-shadow:0 8px 25px #0f41520c;transition:transform .18s ease,box-shadow .18s ease}
.news-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0f41521a}
.news-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,42%) minmax(0,1fr);min-height:285px}
.news-image{position:relative;height:185px;overflow:hidden;background:#daeef1}
.news-featured .news-image{height:100%;min-height:285px}
.news-image img{display:block;width:100%;height:100%;object-fit:cover}
.news-image-fallback{display:none;place-items:center;position:absolute;inset:0;background:radial-gradient(circle at 72% 23%,#80d1c46b,transparent 35%),linear-gradient(145deg,#123f52,#0b817d);color:#ffffffd9;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;letter-spacing:.08em}
.news-no-image .news-image-fallback{display:grid}
.news-card-content{display:flex;flex-direction:column;min-width:0;padding:20px 23px}
.news-featured .news-card-content{justify-content:center;padding:28px 34px}
.news-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;color:#607d8d;font-size:.71rem}
.news-meta span{color:#08817c;font-weight:800;letter-spacing:.1em}
.news-card h2{margin:11px 0 9px;color:#153d53;font-size:clamp(1.08rem,1.35vw,1.36rem);line-height:1.3}
.news-featured h2{font-size:clamp(1.55rem,2.4vw,2.3rem)}
.news-excerpt{margin:0 0 19px;color:#547080;font-size:.89rem;line-height:1.58}
.news-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto}
.news-actions button,.news-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;box-sizing:border-box;padding:9px 13px;border-radius:10px;font-size:.8rem;font-weight:750;text-decoration:none;cursor:pointer}
.news-preview-toggle{border:1px solid #cbdfe5;background:#fff;color:#0b6e74}
.news-preview-toggle:hover{background:#ecf8f7;border-color:#85c8c5}
.news-original{border:1px solid #0b817c;background:linear-gradient(135deg,#0b9a92,#087977);color:#fff!important;box-shadow:0 5px 12px #0a817b20}
.news-original:hover{background:linear-gradient(135deg,#087e79,#075e61);box-shadow:0 8px 18px #0a817b35}
.news-original span{font-size:1rem;line-height:1}
.news-preview{margin-top:18px;padding-top:15px;border-top:1px solid #e3edf0;color:#2f5264}
.news-preview-note{margin:0 0 12px;color:#667f8a;font-size:.75rem;font-style:italic}
.news-preview .formatted{font-size:.88rem;line-height:1.65}
.news-count{margin:0;color:#688190;font-size:.76rem;text-align:right}
.news-empty,.news-error,.news-loading{padding:25px;border:1px solid #d9e8ed;border-radius:16px;background:#fff;color:#315c70}
.news-loading{display:flex;align-items:center;gap:14px}.news-loading p,.news-error p{margin:5px 0 0}.news-loading-icon{width:29px;height:29px;border:3px solid #d6efed;border-top-color:#088c86;border-radius:50%;animation:news-spin .8s linear infinite}@keyframes news-spin{to{transform:rotate(360deg)}}
.news-error button{margin-top:14px;padding:9px 14px;border:1px solid #0b8580;border-radius:9px;background:#0b8580;color:#fff;cursor:pointer}
@media(max-width:820px){.news-featured{grid-template-columns:1fr}.news-featured .news-image{height:230px;min-height:0}.news-featured .news-card-content{padding:22px 24px}}
@media(max-width:650px){.news-intro{align-items:stretch;flex-direction:column}.news-search{width:100%}.news-grid{grid-template-columns:1fr}.news-featured{grid-column:auto}.news-card-content,.news-featured .news-card-content{padding:18px}.news-featured h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.news-card,.news-loading-icon{transition:none;animation:none}}
.workflow-pages{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e0ebef;color:#557282;font-size:12px}.workflow-pages[hidden]{display:none!important}.workflow-pages button{padding:7px 11px;border:1px solid #bbd8dc;border-radius:9px;background:#fff;color:#087a76;font-weight:700;cursor:pointer}.workflow-pages button:disabled{opacity:.48;cursor:default}
