.recertBody{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}
.recertLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:58px;align-items:start}
.recertContent{min-width:0}.recertIntro{padding-bottom:38px;border-bottom:1px solid var(--line)}
.recertIntro h2,.recertSection h2{font-size:clamp(28px,2.8vw,40px);line-height:1.08;letter-spacing:-.03em;margin:8px 0 14px}
.recertIntro>p,.recertSection>p{font-size:16px;color:var(--muted);max-width:850px;margin:0 0 18px}
.recertRule{display:grid;gap:6px;margin-top:22px;padding:22px 24px;border:1px solid #cfe3e1;border-radius:18px;background:#f3f9f8}
.recertRule b{font-size:18px;color:var(--navy)}.recertRule span{color:#52707c;font-size:14.5px;line-height:1.6}
.recertSection{padding:42px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}.recertSection:last-child{border-bottom:0}
.recertFlow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr) 18px) minmax(0,1fr);align-items:center;gap:8px;margin-top:24px}
.recertFlow>div{min-height:180px;padding:20px 14px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.recertFlow>div span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f7ecd6;color:#6c4f18;font-size:11px;font-weight:900;box-shadow:0 0 0 5px rgba(213,170,82,.13)}
.recertFlow>div b{font-size:16px;margin:13px 0 7px;color:var(--navy)}.recertFlow>div p{font-size:12.8px;line-height:1.5;color:var(--muted);margin:0}.recertFlow>i{font-style:normal;text-align:center;color:#9cc15c;font-size:24px;font-weight:900}
.recertGrid,.recertRoles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.recertGrid>div,.recertRoles>div{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.recertGrid b,.recertRoles b{display:block;color:var(--navy);font-size:17px;margin-bottom:6px}.recertGrid p,.recertRoles p{color:var(--muted);font-size:13.8px;margin:0}
.recertNotice{margin-top:20px;padding:20px 22px;border-left:4px solid var(--gold);background:#fbf8f0;border-radius:0 14px 14px 0}.recertNotice b{display:block;color:var(--navy);margin-bottom:5px}.recertNotice p{margin:0;color:#536d79;font-size:14.2px}
.recertStatus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.recertStatus>div{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.recertStatus span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf7f6;color:#0b6568;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.recertStatus p{margin:12px 0 0;color:var(--muted);font-size:13.6px}
.recertRoles{grid-template-columns:repeat(3,minmax(0,1fr))}
.recertSide{position:sticky;top:116px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(7,31,48,.06);overflow:hidden}.recertSideHead{padding:22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8fbfc,#f3f7f8)}.recertSideHead span{display:block;color:var(--navy);font-weight:900;font-size:17px}.recertSideHead small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.recertLocal{display:block!important;position:static!important;box-shadow:none!important;padding:10px!important;background:#fff!important}.recertLocal a{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px!important;border-radius:10px;color:#557080;font-size:13px!important;font-weight:750!important;line-height:1.25}.recertLocal a:after{display:none!important}.recertLocal a span{color:#9aaeb8}.recertLocal a:hover{background:#f5f8fa;color:var(--navy)}.recertLocal a:hover span{color:var(--teal)}.recertSideFoot{padding:15px 20px 20px;border-top:1px solid var(--line);background:#fbfcfd}.recertSideFoot a{display:flex;justify-content:space-between;gap:12px;color:#0b6568;font-size:13px;font-weight:800;padding:7px 0}.recertSideFoot a span{color:var(--teal)}
@media(max-width:980px){.recertLayout{grid-template-columns:1fr;gap:38px}.recertSide{position:static;order:-1}.recertLocal{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.recertFlow{grid-template-columns:1fr}.recertFlow>i{transform:rotate(90deg)}.recertFlow>div{min-height:auto}.recertRoles,.recertStatus{grid-template-columns:1fr}}
@media(max-width:620px){.recertGrid,.recertLocal{grid-template-columns:1fr!important}.recertBody{padding-top:46px}.recertSection{padding:34px 0}.recertIntro{padding-bottom:30px}}