/* Scoped educational articles layout. No site-wide heading or link styling. */
.cleaf,.cleaf *{box-sizing:border-box}
.cleaf{width:100%;max-width:var(--cleaf-width,1140px);margin:0 auto!important;padding:0!important;background:transparent;color:#0a0a0a;font-family:Montserrat,Arial,Helvetica,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}
.cleaf__panel{background:#f8f8f8;border-radius:18px;padding:clamp(18px,3.25vw,42px);overflow:hidden}
.cleaf__section{min-width:0}
.cleaf__section--featured{margin-bottom:clamp(34px,5vw,66px)}
.cleaf__header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
.cleaf__heading{font-family:Montserrat,Arial,Helvetica,sans-serif!important;font-size:clamp(28px,3.2vw,40px)!important;line-height:1.17!important;font-weight:750!important;letter-spacing:-.035em!important;color:#0a0a0a!important;margin:0!important;text-transform:none!important}
.cleaf__heading span{color:#0a0a0a}
.cleaf__heading--all{margin-bottom:22px!important}
.cleaf__subheading{font-family:inherit!important;color:#555556!important;font-size:clamp(14px,1.45vw,17px)!important;line-height:1.55!important;margin:10px 0 0!important}
.cleaf__controls{display:flex;gap:9px;flex-shrink:0}
.cleaf__arrow{appearance:none;background:#fff!important;border:1px solid #e6e6e8!important;border-radius:9px!important;color:#282828!important;width:42px;height:42px;display:grid;place-items:center;padding:0!important;margin:0!important;cursor:pointer;transition:background .2s,border-color .2s}
.cleaf__arrow:hover,.cleaf__arrow:focus-visible{background:#fff4d7!important;border-color:var(--cleaf-accent,#ffbd37)!important}
.cleaf__arrow:focus-visible,.cleaf__filter:focus-visible{outline:2px solid #b18316!important;outline-offset:2px}
.cleaf__featured-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;border-radius:14px}
.cleaf__featured-viewport::-webkit-scrollbar{display:none}
.cleaf__featured-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;align-items:stretch}
.cleaf-card{background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:100%;border:1px solid #eee;box-shadow:0 2px 12px rgba(10,10,10,.025);position:relative}
.cleaf-card--featured{scroll-snap-align:start}
.cleaf-card__image-wrap{width:100%;aspect-ratio:2/1;flex-shrink:0;border-radius:13px 13px 0 0;overflow:hidden;background:#ededed}
.cleaf-card__image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:13px 13px 0 0!important;transition:transform .3s ease}
.cleaf-card:hover .cleaf-card__image{transform:scale(1.025)}
.cleaf-card__body{padding:16px 17px 19px;display:flex;flex-direction:column;flex:1;gap:0}
.cleaf-card__meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.cleaf-card__categories{display:flex;flex-wrap:wrap;gap:5px}
.cleaf-card__category{display:inline-flex;align-items:center;background:#fff6dd;color:#77520e;padding:4px 8px;border-radius:6px;font-size:11px;line-height:1.2;font-weight:650}
.cleaf-card__date{color:#777;font-size:12px;line-height:1.4;margin-left:auto;white-space:nowrap}
.cleaf-card__title{font-family:Montserrat,Arial,Helvetica,sans-serif!important;font-size:clamp(16px,1.6vw,19px)!important;line-height:1.38!important;letter-spacing:-.014em!important;font-weight:750!important;color:#111!important;margin:0 0 11px!important;text-transform:none!important}
.cleaf-card__excerpt{font-family:inherit!important;font-size:13px!important;line-height:1.64!important;color:#5a5b60!important;margin:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cleaf__categories{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.cleaf__filter{background:#fff!important;border:1px solid #e3e3e3!important;border-radius:8px!important;padding:8px 14px!important;min-height:37px!important;color:#484848!important;font-family:inherit!important;font-size:13px!important;line-height:1.35!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:none!important;transition:background .2s,border-color .2s,color .2s}
.cleaf__filter:hover{border-color:var(--cleaf-accent,#ffbd37)!important}
.cleaf__filter.is-active{background:var(--cleaf-accent,#ffbd37)!important;color:#171309!important;border-color:var(--cleaf-accent,#ffbd37)!important}
.cleaf__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.cleaf__grid .cleaf-card[hidden],.cleaf__empty[hidden]{display:none!important}
.cleaf__empty{padding:20px 0;color:#666;font-size:14px}
.cleaf__risk{font-family:inherit!important;font-size:12px!important;line-height:1.6!important;color:#818181!important;margin:26px 0 0!important;max-width:950px}
@media(max-width:840px){.cleaf__featured-track{grid-auto-columns:calc((100% - 18px)/2);gap:18px}.cleaf__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:580px){.cleaf__panel{padding:18px 13px;border-radius:14px}.cleaf__header{align-items:center;gap:12px;margin-bottom:19px}.cleaf__heading{font-size:27px!important}.cleaf__subheading{font-size:13px!important}.cleaf__arrow{width:36px;height:36px}.cleaf__featured-track{grid-auto-columns:85%;gap:13px}.cleaf__grid{grid-template-columns:minmax(0,1fr);gap:15px}.cleaf-card__body{padding:15px}.cleaf-card__title{font-size:17px!important}.cleaf__section--featured{margin-bottom:37px}.cleaf__categories{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:2px 0 9px;margin-bottom:16px}.cleaf__filter{flex-shrink:0}.cleaf__heading--all{margin-bottom:16px!important}}
@media(prefers-reduced-motion:reduce){.cleaf__featured-viewport{scroll-behavior:auto}.cleaf-card__image{transition:none}.cleaf__arrow,.cleaf__filter{transition:none}}

/* Mobile outer gutters: prior base .cleaf padding:0!important removed all side spacing. */
@media (max-width:767px) {
  .cleaf { padding-left:20px!important; padding-right:20px!important; }
}
@media (max-width:359px) {
  .cleaf { padding-left:16px!important; padding-right:16px!important; }
}