/* Scoped from owner reference comp-master-articles.html, 2026-10-22. */
.cm-useful-materials.cm-useful-materials{--brand:#002b5d;--ink:#061d47;--muted:#6a83a7;--line:#dce7f3;--red:#b00d0c;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background-color:#f5f9fd;clear:both;width:100%;max-width:none;line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased}.cm-useful-materials.cm-useful-materials *{box-sizing:border-box}.cm-useful-materials.cm-useful-materials a{color:inherit;text-decoration:none}.cm-useful-materials.cm-useful-materials button{font:inherit;cursor:pointer}.cm-useful-materials.cm-useful-materials svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.cm-useful-materials.cm-useful-materials :is(a,button):focus-visible{outline:3px solid #83aacf;outline-offset:4px}.cm-useful-materials.cm-useful-materials [hidden]{display:none!important}
.cm-useful-materials.cm-useful-materials .cmua-container{width:calc(100% - 64px);max-width:1370px;margin:auto}
.cm-useful-materials.cm-useful-materials .cmua-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 22px;border-radius:12px;background:var(--brand);color:#fff;border:1px solid var(--brand);font-size:14px;font-weight:600;white-space:nowrap;transition:background .18s,transform .18s}
.cm-useful-materials.cm-useful-materials .cmua-btn:hover{background:#003e80}
.cm-useful-materials.cm-useful-materials{padding:38px 0 24px;background:radial-gradient(ellipse at 10% 25%,#fff9,transparent 60%)}
.cm-useful-materials.cm-useful-materials .cmua-eyebrow{font-size:14px;font-weight:700;color:var(--red);margin-bottom:4px}
.cm-useful-materials.cm-useful-materials .cmua-headingrow{display:flex;align-items:center;justify-content:space-between;gap:25px}
.cm-useful-materials.cm-useful-materials .cmua-headingrow .cmua-title{font-size:56px!important;letter-spacing:-1.9px;line-height:1.1!important;margin:0 0 7px;font-weight:800!important}
.cm-useful-materials.cm-useful-materials .cmua-subtitle{font-size:24px;letter-spacing:-.4px;color:#7b90ae;margin:0}
.cm-useful-materials.cm-useful-materials .cmua-allarticles{border:1px solid var(--brand);padding:11px 20px;border-radius:30px;font-size:13px;display:flex;align-items:center;gap:9px}
.cm-useful-materials.cm-useful-materials .cmua-allarticles:hover{background:#e8f1fb}
.cm-useful-materials.cm-useful-materials .cmua-allarticles svg{width:15px;height:15px;transform:rotate(-45deg)}
.cm-useful-materials.cm-useful-materials .cmua-filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 25px}
.cm-useful-materials.cm-useful-materials .cmua-filter{padding:13px 26px;border:1px solid var(--line);border-radius:30px;background:white;font-size:14px;color:var(--ink);min-height:46px;box-shadow:0 3px 8px #1d436704}
.cm-useful-materials.cm-useful-materials .cmua-filter.cmua-active{background:var(--brand);color:white;border-color:var(--brand)}
.cm-useful-materials.cm-useful-materials .cmua-filter:hover:not(.cmua-active){background:#eaf2fa}
.cm-useful-materials.cm-useful-materials .cmua-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}
.cm-useful-materials.cm-useful-materials .cmua-article{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#fff 58%,#f5faff);border:1px solid var(--line);border-radius:16px;min-height:270px;padding:24px 25px 18px;box-shadow:0 6px 18px #18457404;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column}
.cm-useful-materials.cm-useful-materials .cmua-article:hover{transform:translateY(-3px);box-shadow:0 12px 24px #18457414;border-color:#aec8e0}
.cm-useful-materials.cm-useful-materials .cmua-article .cmua-cardlink{position:absolute;inset:0;z-index:4;border-radius:16px}
.cm-useful-materials.cm-useful-materials .cmua-article:focus-within{outline:3px solid #83aacf;outline-offset:3px}
.cm-useful-materials.cm-useful-materials .cmua-cardtop{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:13px;gap:10px}
.cm-useful-materials.cm-useful-materials .cmua-category{font-size:12px;color:#7b9dc7;font-weight:700}
.cm-useful-materials.cm-useful-materials .cmua-topic{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;background:#eaf3fc;color:#32649a;position:absolute;right:23px;top:13px}
.cm-useful-materials.cm-useful-materials .cmua-topic svg{width:24px;height:24px}
.cm-useful-materials.cm-useful-materials .cmua-article h3{font-size:24px;line-height:1.2;letter-spacing:-.8px;margin:0 0 7px;font-weight:750;position:relative;z-index:2;max-width:90%}
.cm-useful-materials.cm-useful-materials .cmua-excerpt{font-size:18px;line-height:1.38;letter-spacing:-.3px;color:var(--muted);margin:0;position:relative;z-index:2;max-width:84%}
.cm-useful-materials.cm-useful-materials .cmua-cardfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:29px;position:relative;z-index:2}
.cm-useful-materials.cm-useful-materials .cmua-readtime{display:flex;align-items:center;gap:12px;font-size:14px;color:#5678a3}
.cm-useful-materials.cm-useful-materials .cmua-readtime svg{color:var(--brand);width:21px;height:21px}
.cm-useful-materials.cm-useful-materials .cmua-circlearrow{width:43px;height:43px;border:1px solid var(--brand);border-radius:50%;display:flex;align-items:center;justify-content:center;background:white;color:var(--brand)}
.cm-useful-materials.cm-useful-materials .cmua-circlearrow svg{width:23px}
.cm-useful-materials.cm-useful-materials .cmua-photo-bg{position:absolute;z-index:-1;inset:0 0 0 auto;width:49%;background-image:var(--thumb);background-position:right center;background-size:auto 100%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 85%),linear-gradient(180deg,transparent 3%,#000 64%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 85%);opacity:.9}
.cm-useful-materials.cm-useful-materials .cmua-photo-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,#ffffffd9 24%,transparent 65%)}
.cm-useful-materials.cm-useful-materials .cmua-photo .cmua-excerpt{max-width:77%}
.cm-useful-materials.cm-useful-materials .cmua-art-bg{position:absolute;z-index:-1;bottom:-11px;right:-33px;width:250px;height:215px;color:#bad6f6;stroke-width:.75;opacity:.77;mask-image:linear-gradient(90deg,transparent,#000 55%)}
.cm-useful-materials.cm-useful-materials .cmua-article:not(.cmua-photo):after{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 100% 100%,#dcecff8c,transparent 60%)}
.cm-useful-materials.cm-useful-materials .cmua-help{margin-top:25px;padding:19px 23px 19px 20px;display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 18px #18457404}
.cm-useful-materials.cm-useful-materials .cmua-helpicon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ecf4fe;color:var(--brand)}
.cm-useful-materials.cm-useful-materials .cmua-helpicon svg{width:29px;height:29px}
.cm-useful-materials.cm-useful-materials .cmua-help h2{font-size:21px!important;letter-spacing:-.5px;margin:0 0 4px}
.cm-useful-materials.cm-useful-materials .cmua-help p{font-size:17px;margin:0;color:#7c97bb}
.cm-useful-materials.cm-useful-materials .cmua-help .cmua-btn{margin-left:auto;min-width:193px;min-height:52px}
.cm-useful-materials.cm-useful-materials .cmua-empty{grid-column:1/-1;padding:40px;text-align:center}
.cm-useful-materials.cm-useful-materials .cmua-empty[hidden]{display:none!important}
@media(min-width:1500px){.cm-useful-materials.cm-useful-materials .cmua-article{min-height:270px}}
@media(max-width:1250px){.cm-useful-materials.cm-useful-materials .cmua-article h3{font-size:22px}
.cm-useful-materials.cm-useful-materials .cmua-excerpt{font-size:16px}
.cm-useful-materials.cm-useful-materials .cmua-article{padding:22px 20px 17px;min-height:270px}
.cm-useful-materials.cm-useful-materials .cmua-category{font-size:11px}
.cm-useful-materials.cm-useful-materials .cmua-topic{right:16px}
.cm-useful-materials.cm-useful-materials .cmua-headingrow .cmua-title{font-size:48px!important}}
@media(max-width:1000px){.cm-useful-materials.cm-useful-materials .cmua-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cm-useful-materials.cm-useful-materials .cmua-article h3{font-size:24px}
.cm-useful-materials.cm-useful-materials .cmua-excerpt{font-size:18px}
.cm-useful-materials.cm-useful-materials .cmua-headingrow .cmua-title{font-size:42px!important}
.cm-useful-materials.cm-useful-materials .cmua-subtitle{font-size:20px}
.cm-useful-materials.cm-useful-materials .cmua-help h2{font-size:18px!important}
.cm-useful-materials.cm-useful-materials .cmua-help p{font-size:15px}
.cm-useful-materials.cm-useful-materials .cmua-help .cmua-btn{min-width:155px}}
@media(max-width:650px){.cm-useful-materials.cm-useful-materials .cmua-container{width:calc(100% - 32px)}
.cm-useful-materials.cm-useful-materials{padding:26px 0 20px}
.cm-useful-materials.cm-useful-materials .cmua-eyebrow{font-size:11px;margin-bottom:8px}
.cm-useful-materials.cm-useful-materials .cmua-headingrow{align-items:flex-start;gap:8px}
.cm-useful-materials.cm-useful-materials .cmua-headingrow .cmua-title{font-size:33px!important;letter-spacing:-1px}
.cm-useful-materials.cm-useful-materials .cmua-subtitle{font-size:16px;line-height:1.4}
.cm-useful-materials.cm-useful-materials .cmua-allarticles{font-size:11px;padding:8px 10px;white-space:nowrap;margin-top:5px}
.cm-useful-materials.cm-useful-materials .cmua-allarticles svg{width:12px}
.cm-useful-materials.cm-useful-materials .cmua-filters{gap:8px;flex-wrap:nowrap;overflow-x:auto;margin:20px -16px;padding:0 16px 6px;scrollbar-width:thin}
.cm-useful-materials.cm-useful-materials .cmua-filter{font-size:12px;padding:10px 18px;white-space:nowrap;min-height:39px}
.cm-useful-materials.cm-useful-materials .cmua-grid{grid-template-columns:1fr;gap:14px}
.cm-useful-materials.cm-useful-materials .cmua-article{min-height:258px;padding:23px 21px 17px}
.cm-useful-materials.cm-useful-materials .cmua-article h3{font-size:23px}
.cm-useful-materials.cm-useful-materials .cmua-excerpt{font-size:17px}
.cm-useful-materials.cm-useful-materials .cmua-cardtop{margin-bottom:12px}
.cm-useful-materials.cm-useful-materials .cmua-topic{right:20px}
.cm-useful-materials.cm-useful-materials .cmua-photo-bg{width:46%}
.cm-useful-materials.cm-useful-materials .cmua-category{font-size:11px}
.cm-useful-materials.cm-useful-materials .cmua-help{padding:18px;gap:12px;flex-wrap:wrap;margin-top:18px}
.cm-useful-materials.cm-useful-materials .cmua-helpicon{width:43px;height:43px}
.cm-useful-materials.cm-useful-materials .cmua-helpicon svg{width:24px}
.cm-useful-materials.cm-useful-materials .cmua-help>div:nth-child(2){flex:1}
.cm-useful-materials.cm-useful-materials .cmua-help h2{font-size:16px!important}
.cm-useful-materials.cm-useful-materials .cmua-help p{font-size:13px;line-height:1.4}
.cm-useful-materials.cm-useful-materials .cmua-help .cmua-btn{width:100%;margin:4px 0 0;min-height:47px}}
.cm-useful-materials.cm-useful-materials .cmua-cardtop{padding-right:48px}.cm-useful-materials.cm-useful-materials .cmua-category{text-transform:uppercase}.cm-useful-materials.cm-useful-materials .cmua-article h3{font-family:inherit;color:var(--ink);text-transform:none}.cm-useful-materials.cm-useful-materials .cmua-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cm-useful-materials.cm-useful-materials .cmua-readtime{font-weight:400}.cm-useful-materials.cm-useful-materials .cmua-article .cmua-cardlink{display:block;background:none;border:0;padding:0;margin:0}.cm-useful-materials.cm-useful-materials .cmua-headingrow .cmua-title{font-family:inherit;color:var(--ink);text-transform:none}.cm-useful-materials.cm-useful-materials .cmua-help h2{font-family:inherit;color:var(--ink);line-height:1.3!important}.cm-useful-materials.cm-useful-materials .cmua-circlearrow{margin-left:auto;flex-shrink:0}.cm-useful-materials.cm-useful-materials .cmua-photo-bg{background-image:none}.cm-useful-materials.cm-useful-materials .cmua-photo-bg img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.cm-useful-materials.cm-useful-materials .cmua-help .cmua-btn{color:white}.cm-useful-materials.cm-useful-materials .cmua-container{padding:0;min-width:0}.cm-useful-materials.cm-useful-materials .cmua-helpicon{flex-shrink:0}

html body .cm-useful-materials.cm-useful-materials,html body .cm-useful-materials.cm-useful-materials *{font-family:Arial,Helvetica,sans-serif!important}

/* Protect reference spacing from legacy h2 !important margins. */
.cm-useful-materials.cm-useful-materials{line-height:normal}
.cm-useful-materials.cm-useful-materials .cmua-headingrow .cmua-title{margin:0 0 7px!important}
.cm-useful-materials.cm-useful-materials .cmua-help h2{margin:0 0 4px!important;font-weight:700!important;line-height:normal!important}
.cm-useful-materials.cm-useful-materials .cmua-help p{line-height:normal}
@media(max-width:650px){.cm-useful-materials.cm-useful-materials .cmua-help p{line-height:1.4}}