/* CRECE: shared visual layer. Local fonts, no tracking or third-party requests. */
@font-face{font-family:Outfit;src:url('/Outfit-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/DMSans-variable.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
:root{--fresh-ink:#18251f;--fresh-cream:#fffdf7;--fresh-yellow:#ffd337;--fresh-mint:#d9f4de;--fresh-lilac:#e9e1ff;--fresh-peach:#ffe3d4}
body{font-family:'DM Sans',Arial,sans-serif;background:#f8f7f1;color:var(--fresh-ink);font-optical-sizing:auto}
button,input,select,textarea{font-family:inherit}button{font-weight:750}
h1,h2,h3,h4,.quick-links strong,.benefits-limit strong{font-family:Outfit,'DM Sans',sans-serif;letter-spacing:-.035em}
body .topbar h1{font-size:clamp(30px,3.4vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.1}
.eyebrow{font-family:'DM Sans',sans-serif;font-weight:850;font-size:11px;letter-spacing:.12em}
body .app-shell>aside{background:#fffefb;border-right:1px solid #e4e7de}
body .app-shell nav button{font-family:'DM Sans',sans-serif;font-weight:750;color:#263c2f;transition:background .16s,transform .16s}
body .app-shell nav button.active{background:var(--fresh-yellow);box-shadow:2px 3px 0 #19281b;border:1px solid #19281b}
body .app-shell nav button:hover{background:#fff0a5}
body #home-view .home-community{order:-1;background:#fffdf7;border:1.5px solid #263d2c;border-radius:26px;box-shadow:5px 6px 0 #d8e9d8;padding:30px;margin:0 0 34px}
.home-community-heading{position:relative;gap:22px}
.home-community-heading h2{font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.02;max-width:17ch;margin:12px 0 16px}
.home-community-heading .eyebrow{display:inline-block;background:var(--fresh-yellow);color:#233329;border:1px solid #273529;border-radius:7px;padding:7px 10px;transform:rotate(-2deg);box-shadow:2px 2px 0 #273529}
.home-community-heading p{font-size:16px;max-width:52ch;line-height:1.6;color:#405246}
.home-community-heading .primary-command{background:#126641;border:1.5px solid #17291d;border-radius:999px;color:#fff;box-shadow:3px 4px 0 #18251f;padding:15px 22px;min-height:50px}
.home-community-caption{margin-top:25px}.home-community-caption h3{font-size:21px;font-weight:650;letter-spacing:-.02em}
.home-community .recognition-grid{gap:20px}.home-community .empty{background:#f3f1e9;border-radius:18px;padding:22px;font-size:15px}
body .sites-home-hero{border-radius:24px;box-shadow:none}
body .sites-home-hero #home-greeting{font-family:Outfit,sans-serif;transform:none;font-size:clamp(30px,3.6vw,48px);line-height:1.04;font-weight:800;letter-spacing:-.04em}
body .sites-home-hero .sites-tagline{font-family:Outfit,sans-serif;font-size:24px;line-height:1.2;font-weight:650}
body .sites-home-hero #home-place{display:inline-block;padding:7px 11px;font-weight:700;border-radius:999px;background:#fff9e7;color:#17442b;font-size:13px}
.sites-quick-heading{font-size:29px;font-weight:750}
body .quick-links{gap:18px}
body .quick-links button,body .quick-links .sites-safe-card{border:1.5px solid #23382b;border-radius:22px;box-shadow:3px 4px 0 #d8e0d3;min-height:215px;background-color:#fffefb;padding:22px}
body .quick-links button:nth-child(3n+1){background-color:#fff6c9}body .quick-links button:nth-child(3n+2){background-color:#e5f3e8}body .quick-links button:nth-child(3n){background-color:#f0eaff}
body .quick-links strong{font-size:23px;line-height:1.12;font-weight:750}body .quick-links span,body .quick-links small{font-size:13px;line-height:1.5;color:#3c4d43}
body .quick-links button>svg:first-child{background:white;border:1.5px solid #293a2d;box-shadow:2px 2px 0 #d2dccf}
body .quick-links button:hover{transform:translateY(-3px);box-shadow:4px 7px 0 #c9d8c7}
.news-intro h2,.resources-lead h2,.benefits-lead h2{font-size:clamp(32px,4vw,50px);line-height:1.05;max-width:20ch;font-weight:800}
.news-intro{background:var(--fresh-lilac);border:1.5px solid #342d41;border-radius:26px;padding:30px;position:relative;margin-bottom:25px}
.news-intro .eyebrow{color:#514175}.news-intro p{font-size:16px;line-height:1.6}
.news-card{border:1.5px solid #26382b;border-radius:22px;box-shadow:3px 4px 0 #dce3d7;overflow:hidden}
.news-art{background:#fff0a8}.news-art:has(img){padding:0;background:#fff;overflow:hidden}.news-art img{display:block;width:100%;height:100%;max-height:320px;object-fit:contain}
.news-art span{font-family:Outfit,sans-serif;font-weight:700}.news-copy h3{font-size:25px;line-height:1.15}.news-copy h3 button{font-family:Outfit,sans-serif;font-weight:750;line-height:inherit;font-size:inherit}
.news-meta{font-size:12px}.news-read{font-weight:800;color:#125d3c}
.resources-lead{background:#dff2e3;border:1.5px solid #29432f;box-shadow:4px 5px 0 #cbdcc9;border-radius:26px}
.agreement-card{border:1px solid #d1dfd2;border-radius:22px}.agreement-card h3{font-weight:750;font-size:27px}.agreement-card li{font-size:15px}
.benefits-lead{background:#fff0a7;border:1.5px solid #453b1f;border-radius:26px;position:relative;box-shadow:4px 5px 0 #ead898}
.benefits-limit{background:#fffef9;border:1.5px solid #29392c;box-shadow:4px 4px 0 #29392c;border-radius:17px;gap:20px;padding:18px 22px}.benefits-limit strong{font-size:60px;line-height:1;font-weight:800}
.benefits-proposals article{border:1.5px solid #344232;box-shadow:3px 4px 0 #d9e0d4;border-radius:22px;position:relative}
.benefits-proposals article:nth-child(1){background:#e7f4e8}.benefits-proposals article:nth-child(2){background:#f0e9ff}.benefits-proposals article:nth-child(3){background:#ffeadc}.benefits-proposals article:nth-child(4){background:#fef4c9}
.benefits-proposals h3{font-size:30px;font-weight:750}.benefit-cap{display:inline-block;background:#fffdf9;padding:6px 10px;border-radius:8px;border:1px solid #607462;font-weight:800;font-size:17px}
.benefits-proposals svg{width:32px;height:32px;border:1.5px solid #304432;border-radius:13px;padding:9px;box-sizing:content-box;background:#fffdf9;color:#204c30}
.help-command,.employee-payroll-download{border:1px solid #24432e;border-radius:13px;box-shadow:2px 3px 0 #b6ccb8;transition:transform .15s}
.help-command:hover,.employee-payroll-download:hover{transform:translateY(-2px)}
dialog{border-radius:24px;border:1px solid #c6d4c8}dialog h2{font-size:clamp(25px,3vw,34px);line-height:1.12;font-weight:750}
.module-tabs button,.content-tabs button{font-family:'DM Sans',sans-serif;font-weight:750}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:12px;font-size:16px}
table,table button{font-family:'DM Sans',sans-serif;font-variant-numeric:tabular-nums}th{letter-spacing:.035em;text-transform:none;font-weight:800}
.metric,.metrics article,.training-points-help,.course-panel,.podium-panel{border-radius:20px}
.campus-hero{border-radius:26px}.score-cluster{box-shadow:4px 5px 0 #b48716;transform:rotate(3deg)}
.employee-payroll-receipt{border-radius:20px}.employee-payroll-intro h2{font-size:clamp(28px,3vw,38px)}
.auth-panel h1{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.055em}.auth-panel h1 em{font-family:Outfit,sans-serif;font-style:normal;color:#126641}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #2469cc;outline-offset:4px}
@media(max-width:780px){body .app-shell>aside{border-right:0}body .app-shell nav button.active{box-shadow:2px 2px 0 #19281b}body #home-view .home-community{padding:22px 18px;border-radius:22px;margin-bottom:26px;box-shadow:3px 4px 0 #d8e9d8}.home-community-heading h2{font-size:36px}.home-community-heading p{font-size:15px}.home-community-heading .primary-command{width:100%}.news-intro,.resources-lead,.benefits-lead{padding:24px 20px}.news-intro h2,.resources-lead h2,.benefits-lead h2{font-size:36px}.benefits-limit strong{font-size:52px}body .quick-links{gap:14px}body .quick-links button{padding:19px;min-height:210px}body .quick-links strong{font-size:21px}.benefits-proposals h3{font-size:27px}}
@media(max-width:780px){body .app-shell>aside{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px 8px;gap:8px;position:sticky;top:0}.app-shell>aside>.sites-wordmark{grid-column:1;grid-row:1}body .app-shell>aside .account-card{grid-column:2;grid-row:1}body .app-shell>aside nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d3ddcf transparent;width:100%;max-width:100%;gap:9px;margin:0;padding:3px 3px 8px;box-sizing:border-box}body .app-shell nav button{flex:0 0 86px;min-width:86px;max-width:86px;min-height:69px;padding:8px 5px;scroll-snap-align:center;white-space:normal}body .app-shell nav button span{font-size:11px;line-height:1.15;overflow-wrap:normal}body .app-shell nav button svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}