/* VeraCrest News (V19, VeraMarketing): the News list and article pages. The pages are written by the Client Area's
   timer from news.html, so this file only adds the cards, dates and service colours on top of the guide page style. */
.nw-c-crest{--nw:#5BE8AB}.nw-c-trust{--nw:#F27DB9}.nw-c-train{--nw:#5CC8E8}.nw-c-trend{--nw:#F08A7A}.nw-c-tag{--nw:#B79CF5}.nw-c-track{--nw:#F4C95D}
.nw-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:0}
.nw-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 22px 18px;border-radius:14px;background:rgba(255,255,255,.04);
 border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--nw,#5BE8AB);transition:border-color .2s,transform .2s}
.nw-card:hover,.nw-card:focus-within{border-color:rgba(255,255,255,.22);border-top-color:var(--nw,#5BE8AB);transform:translateY(-2px)}
.nw-card h2{margin:0;font-size:20px;line-height:1.3}
.nw-card h2 a{color:#fff;text-decoration:none}
.nw-card h2 a::after{content:"";position:absolute;inset:0;border-radius:14px}
.nw-card h2 a:focus-visible{outline:none}
.nw-card:focus-within{outline:2px solid var(--nw,#5BE8AB);outline-offset:2px}
.nw-card p{margin:0;color:#C9D6DD;font-size:15px;line-height:1.55}
.nw-cat{font:700 12px/1.2 ui-monospace,Menlo,Consolas,monospace!important;letter-spacing:.12em;text-transform:uppercase;color:var(--nw,#5BE8AB)!important}
.nw-card .nw-date{margin-top:auto;padding-top:6px;font-size:13px;color:#93A6B0}
.nw-empty{grid-column:1/-1;margin:0;color:#C9D6DD}
.nw-disc{margin:28px 0 0;font-size:14px;color:#93A6B0}
.pagehead .nw-date{margin:10px 0 0;font-size:14px;color:#93A6B0}
.eyebrow[class*="nw-c-"]{color:var(--nw)}
.eyebrow[class*="nw-c-"] a{color:inherit;text-decoration:none}
.eyebrow[class*="nw-c-"] a:hover{text-decoration:underline}
.nw-art .lead{font-size:19px}
.nw-quote{margin:24px 0;padding:4px 0 4px 18px;border-left:3px solid var(--a,#5BE8AB)}
.nw-quote p{margin:0;font-size:18px}
.nw-quote cite{display:block;margin-top:8px;font-style:normal;font-size:14px;color:#93A6B0}
.nw-note{margin:24px 0;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.nw-note p{margin:0 0 8px}.nw-note p:last-child{margin:0}
@media (max-width:760px){.nw-list{grid-template-columns:1fr}.nw-card{padding:18px 18px 16px}.nw-card h2{font-size:18px}}