/* MAS Article Archive — all rules scoped to .mas-archive */
.mas-archive{
  --mas-navy:#111152;--mas-blue:#0820ed;--mas-blue-700:#0618B8;--mas-eyebrow:#5F6488;--mas-muted:#45455F;
  --mas-border:#E1E2EC;--mas-border-strong:#C9CAD9;--mas-tint:#F3F4FE;--mas-off:#F8F8FB;--mas-gray-100:#F1F2F7;
  --mas-ease:cubic-bezier(.2,.7,.2,1);
  --mas-shadow:0 4px 14px rgba(17,17,82,.08),0 1px 2px rgba(17,17,82,.06);
  --mas-shadow-hover:0 12px 32px rgba(17,17,82,.14),0 2px 4px rgba(17,17,82,.06);
  font-family:"Calibre","Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--mas-navy);
  max-width:1200px;margin:0 auto;padding:0 24px;container-type:inline-size;-webkit-font-smoothing:antialiased;
}
.mas-archive *,.mas-archive *::before,.mas-archive *::after{box-sizing:border-box}
.mas-archive p,.mas-archive h1,.mas-archive h2,.mas-archive h3,.mas-archive ul{margin:0;padding:0}
.mas-archive ul{list-style:none}
.mas-archive li{margin:0}
.mas-archive a{color:var(--mas-blue);text-decoration:none}
.mas-archive a:hover{color:var(--mas-blue-700);text-decoration:underline;text-underline-offset:3px}
.mas-archive a:focus-visible,.mas-archive button:focus-visible{outline:3px solid rgba(8,32,237,.45);outline-offset:2px}

/* Intro */
.mas-archive__intro{padding:clamp(40px,6cqw,72px) 0 clamp(28px,4cqw,40px)}
.mas-archive__eyebrow{font-size:14px;line-height:18px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mas-eyebrow);margin-bottom:14px!important}
.mas-archive__h1{font-family:inherit;font-weight:300;font-size:clamp(38px,6cqw,50px);line-height:1.04;letter-spacing:-.01em;color:var(--mas-navy);max-width:760px;text-wrap:balance}
.mas-archive__lede{margin-top:18px!important;font-size:20px;line-height:28px;max-width:640px;text-wrap:pretty}

/* Search + topics */
.mas-archive__find{border-top:1px solid var(--mas-border);padding-top:32px;display:flex;flex-direction:column;gap:24px}
.mas-archive__search{display:flex;align-items:flex-end;gap:12px;max-width:760px;margin:0}
.mas-archive__search .mas-archive__field{flex:1;min-width:0}
.mas-archive__field{display:flex;flex-direction:column;gap:6px}
.mas-archive__field label{font-size:15px;line-height:18px;font-weight:600;color:var(--mas-navy)}
.mas-archive input[type=search],.mas-archive select{
  height:50px;width:100%;margin:0;padding:0 14px;border:1px solid var(--mas-border-strong);border-radius:0;background:#fff;
  font-family:inherit;font-size:18px;font-weight:400;line-height:1.2;color:var(--mas-navy);box-shadow:none;transition:border-color 120ms var(--mas-ease),box-shadow 120ms var(--mas-ease)
}
.mas-archive input[type=search]::placeholder{color:#6B6B85;opacity:1}
.mas-archive select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230820ed' stroke-width='2'%3E%3Cpath d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") no-repeat right 14px center/18px}
.mas-archive input[type=search]:focus,.mas-archive select:focus{outline:0;border-color:var(--mas-blue);box-shadow:0 0 0 3px rgba(8,32,237,.35)}

.mas-archive__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:0;
  font-family:inherit;font-size:18px;font-weight:400;line-height:28px;cursor:pointer;text-decoration:none!important;transition:background 120ms var(--mas-ease),color 120ms var(--mas-ease),transform 120ms var(--mas-ease)}
.mas-archive__btn--secondary{background:#fff;color:var(--mas-blue)!important;border:2px solid var(--mas-blue)}
.mas-archive__btn--secondary:hover{background:var(--mas-tint);color:var(--mas-blue-700)!important;border-color:var(--mas-blue-700)}
.mas-archive__btn:active{transform:translateY(1px)}

.mas-archive__topics ul{display:flex;flex-wrap:wrap;gap:10px}
.mas-archive__chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--mas-border-strong);
  background:#fff;color:var(--mas-navy)!important;font-size:17px;line-height:20px;text-decoration:none!important;transition:border-color 120ms var(--mas-ease),background 120ms var(--mas-ease)}
.mas-archive__chip:hover{border-color:var(--mas-blue)}
.mas-archive__chip.is-active{background:var(--mas-blue);border-color:var(--mas-blue);color:#fff!important}
.mas-archive__chip.is-active:hover{background:var(--mas-blue-700);border-color:var(--mas-blue-700)}

/* Results bar */
.mas-archive__results{padding-top:40px}
.mas-archive__bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;padding-bottom:24px;border-bottom:1px solid var(--mas-border)}
.mas-archive__bar-text{display:flex;flex-direction:column;gap:8px;min-width:0}
.mas-archive__h2{font-family:inherit;font-weight:400;font-size:clamp(30px,4.5cqw,40px);line-height:1.08;color:var(--mas-navy);outline:none}
.mas-archive__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.mas-archive__count{font-size:17px;line-height:22px;color:var(--mas-muted)}
.mas-archive__clear{font-size:17px;line-height:22px;text-decoration:underline!important;text-underline-offset:3px}
.mas-archive__controls{display:flex;flex-wrap:wrap;gap:16px;flex:0 1 380px;margin:0}
.mas-archive__controls .mas-archive__field{flex:1 1 160px;min-width:0}
.mas-archive[aria-busy=true] [data-mas-region=body]{opacity:.55;transition:opacity 120ms var(--mas-ease)}

/* Grid + cards */
.mas-archive__grid{padding-top:32px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:24px}
.mas-archive__grid>li{display:flex}
.mas-archive__card{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid var(--mas-border);transition:box-shadow 200ms var(--mas-ease),transform 200ms var(--mas-ease)}
.mas-archive__img{aspect-ratio:16/9;overflow:hidden;background:var(--mas-gray-100)}
.mas-archive__img img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.mas-archive__card-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:28px 28px 24px}
.mas-archive__cat{font-size:14px;line-height:18px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mas-eyebrow)}
.mas-archive__card-title{font-family:inherit;font-weight:400;font-size:26px;line-height:31px;text-wrap:balance}
.mas-archive__card-title a{color:var(--mas-blue)}
.mas-archive__card-title a:hover{color:var(--mas-blue-700)}
.mas-archive__excerpt{font-size:18px;line-height:25px;text-wrap:pretty}
.mas-archive__date{margin-top:auto!important;padding-top:12px;font-size:15px;line-height:20px;color:var(--mas-muted)}

/* Card style: rule (blue top rule + soft shadow) */
.mas-archive--rule .mas-archive__card{border-top:4px solid var(--mas-blue);box-shadow:var(--mas-shadow)}
/* Card style: shadow only */
.mas-archive--shadow .mas-archive__card{box-shadow:var(--mas-shadow)}
.mas-archive--rule .mas-archive__card:hover,.mas-archive--shadow .mas-archive__card:hover{box-shadow:var(--mas-shadow-hover);transform:translateY(-2px)}
/* Card style: flat (design-system default, navy titles) */
.mas-archive--flat .mas-archive__card-title a{color:var(--mas-navy)}
.mas-archive--flat .mas-archive__card-title a:hover{color:var(--mas-blue)}

/* Pagination */
.mas-archive__pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding-top:48px}
.mas-archive__pager-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--mas-border-strong);background:#fff;color:var(--mas-navy)!important;font-size:17px;text-decoration:none!important}
.mas-archive__pager-num:hover{border-color:var(--mas-blue)}
.mas-archive__pager-num.is-active{background:var(--mas-blue);border-color:var(--mas-blue);color:#fff!important}
.mas-archive__pager-step{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:17px}
.mas-archive__pager-gap{padding:0 4px;color:var(--mas-muted)}

/* Empty */
.mas-archive__empty{margin-top:32px;padding:clamp(32px,6cqw,56px) clamp(24px,5cqw,48px);background:var(--mas-tint);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.mas-archive__empty h3{font-family:inherit;font-weight:400;font-size:28px;line-height:32px;color:var(--mas-navy)}
.mas-archive__empty p{font-size:18px;line-height:25px;max-width:520px;margin-bottom:8px!important}

/* Next step */
.mas-archive__cta{margin:clamp(64px,9cqw,96px) 0;background:var(--mas-off);border:1px solid var(--mas-border);padding:clamp(28px,5cqw,44px) clamp(24px,5cqw,48px);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.mas-archive__cta>div:first-child{flex:1 1 380px;min-width:0}
.mas-archive__cta h2{font-family:inherit;font-weight:400;font-size:30px;line-height:34px;color:var(--mas-navy)}
.mas-archive__cta p{margin-top:10px!important;font-size:18px;line-height:25px;max-width:520px}
.mas-archive__cta-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.mas-archive__textlink{color:var(--mas-navy)!important;font-size:18px;line-height:28px}
.mas-archive__textlink:hover{color:var(--mas-blue)!important}

/* Theme overrides (Elementor kit h1, theme button + link colors) need two-class selectors */
.mas-archive .mas-archive__intro .mas-archive__h1{font-weight:300;font-size:clamp(38px,6cqw,50px);line-height:1.04;color:var(--mas-navy)}
.mas-archive .mas-archive__card-title a{color:var(--mas-blue)}
.mas-archive .mas-archive__card-title a:hover{color:var(--mas-blue-700)}
.mas-archive.mas-archive--flat .mas-archive__card-title a{color:var(--mas-navy)}
.mas-archive button.mas-archive__btn--secondary{background:#fff;color:var(--mas-blue);border:2px solid var(--mas-blue);border-radius:0;font-size:18px;box-shadow:none}
.mas-archive button.mas-archive__btn--secondary:hover,.mas-archive button.mas-archive__btn--secondary:focus{background:var(--mas-tint);color:var(--mas-blue-700);border-color:var(--mas-blue-700)}
.mas-archive__btn svg{flex:0 0 auto;margin-right:8px}

/* Compact sizing (Jason Oct 15: fit two rows of cards on a 14" laptop) */
.mas-archive .mas-archive__intro{padding:clamp(28px,4cqw,48px) 0 clamp(20px,3cqw,28px)}
.mas-archive .mas-archive__intro .mas-archive__h1{font-size:clamp(34px,4.6cqw,44px)}
.mas-archive .mas-archive__lede{font-size:18px;line-height:24px;margin-top:12px!important}
.mas-archive .mas-archive__find{padding-top:24px;gap:18px}
.mas-archive .mas-archive__results{padding-top:28px}
.mas-archive .mas-archive__bar{padding-bottom:18px}
.mas-archive .mas-archive__h2{font-size:clamp(26px,3cqw,32px);line-height:1.05}
.mas-archive .mas-archive__grid{padding-top:24px!important;gap:20px}
.mas-archive .mas-archive__card-body{padding:18px 20px 16px;gap:6px}
.mas-archive .mas-archive__card-body > p{margin:0}
.mas-archive .mas-archive__card-body > .mas-archive__date{margin-top:auto}
.mas-archive .mas-archive__card-body > .mas-archive__cat{margin-bottom:2px}
.mas-archive .mas-archive__cat{font-size:12px;line-height:16px}
.mas-archive .mas-archive__card-title{font-size:21px;line-height:24px}
.mas-archive .mas-archive__excerpt{font-size:16px;line-height:21px}
.mas-archive .mas-archive__date{font-size:14px;line-height:18px;padding-top:6px}
.mas-archive .mas-archive__cta h2{font-size:26px;line-height:30px}

@media (max-width:520px){.mas-archive{padding:0 20px}.mas-archive__card-body{padding:24px 22px 22px}.mas-archive__card-title{font-size:24px;line-height:29px}}
@media (prefers-reduced-motion:reduce){.mas-archive *,.mas-archive *::before,.mas-archive *::after{transition:none!important;animation:none!important}.mas-archive__card:hover{transform:none!important}}