/* WisePath learning center: hub, guides, quizzes. Built on the WisePath tokens in wisepath.css. */
.lhero{background:linear-gradient(180deg,var(--paper,#F6F7F4) 0%,#fff 100%);padding:58px 0 30px}
.lhero .lab{color:var(--green-ink,#2C5751)}
.lhero h1{font-family:var(--disp,Georgia,serif);font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.012em;color:var(--navy,#254462);margin-top:6px;text-wrap:balance}
.llede{font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--ink-2);margin-top:14px;max-width:58ch}
.lsearch{position:relative;margin-top:26px;max-width:660px}
.lsearch svg{position:absolute;left:19px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--ink-3)}
.lsearch input{width:100%;font:inherit;font-size:17px;padding:16px 20px 16px 52px;border:1.5px solid var(--line-2,#D5DBD8);border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 12px 30px rgba(37,68,98,.08);-webkit-appearance:none;appearance:none}
.lsearch input:focus{outline:none;border-color:var(--green,#386962);box-shadow:0 0 0 4px rgba(56,105,98,.16),0 12px 30px rgba(37,68,98,.08)}
.lchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.lchip{font:inherit;font-size:14px;font-weight:600;padding:9px 15px;border-radius:999px;border:1px solid var(--line,#E2E6E3);background:#fff;color:var(--ink-2);cursor:pointer;min-height:40px}
.lchip:hover{border-color:var(--ink-3)}
.lchip.on{background:var(--navy,#254462);border-color:var(--navy,#254462);color:#fff}
.lpath{padding-top:30px}
.llib{padding-top:40px}
.lpath h2,.llib h2,.lnext h2{font-family:var(--disp,Georgia,serif);color:var(--navy);font-size:clamp(24px,2.6vw,30px);line-height:1.2}
.lsteps{list-style:none;counter-reset:ls;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0}
.lsteps li{counter-increment:ls}
.lsteps a{display:flex;gap:12px;align-items:flex-start;height:100%;padding:16px;border-radius:16px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.lsteps a:hover{border-color:var(--green);transform:translateY(-1px)}
.lsteps a::before{content:counter(ls);flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green,#386962);color:#fff;font-weight:700;font-size:14px}
.lsteps b{display:block;color:var(--navy);line-height:1.3}
.lsteps span span{display:block;font-size:13.5px;color:var(--ink-3);margin-top:4px}
.lcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.lcards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.lcard2{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(20,40,60,.04),0 12px 30px rgba(20,40,60,.05);transition:transform .15s,box-shadow .15s}
.lcard2:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(20,40,60,.1)}
.lcard2[hidden]{display:none}
.ltopic{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-ink,#2C5751)}
.lcard2 b{font-family:var(--disp,Georgia,serif);font-size:20px;line-height:1.25;color:var(--navy)}
.lsum{color:var(--ink-2);line-height:1.5;font-size:15px}
.lmeta{margin-top:auto;padding-top:8px;font-size:13px;color:var(--ink-3)}
.lcount{margin-top:6px;min-height:1.4em;color:var(--ink-3);font-size:14px}
.lempty{margin-top:16px;color:var(--ink-2)}
.lempty[hidden]{display:none}
.ldisc{font-size:13px;line-height:1.6;color:var(--ink-3);padding-top:30px;padding-bottom:38px;max-width:780px}
.lprog{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none}
.lprog span{display:block;height:100%;background:var(--green,#386962);transform-origin:0 50%;transform:scaleX(0)}
.lart{max-width:780px;padding-top:30px}
.lcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-3)}
.lcrumb a{color:var(--green-ink);font-weight:600;text-decoration:none}
.lart h1{font-family:var(--disp,Georgia,serif);font-size:clamp(32px,4.6vw,48px);line-height:1.08;letter-spacing:-.01em;color:var(--navy);margin-top:10px;text-wrap:balance}
.lsum2{font-size:clamp(18px,1.8vw,20px);line-height:1.55;color:var(--ink-2);margin-top:12px}
.lmeta2{font-size:13.5px;color:var(--ink-3);margin-top:10px}
.lkeys{margin-top:24px;padding:20px 22px;border-radius:18px;background:#EDF4F1;border:1px solid rgba(56,105,98,.2)}
.lkeys h2{font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--green-ink)}
.lkeys ul{margin:10px 0 0;padding-left:20px}
.lkeys li{margin:7px 0;line-height:1.55;color:var(--ink)}
.lart>h2{font-family:var(--disp,Georgia,serif);font-size:clamp(22px,2.4vw,27px);line-height:1.2;color:var(--navy);margin-top:34px}
.lart>p,.lart>ul{margin-top:12px;font-size:17px;line-height:1.75;color:var(--ink);max-width:none}
.lart>ul{padding-left:22px}
.lart>ul li{margin:8px 0}
.lart>p a{color:var(--green-ink);font-weight:600}
.lsls a{font-weight:700;color:#60286A}
.ldisc2{font-size:13.5px!important;color:var(--ink-3)!important;line-height:1.55!important}
.lfaq,.quiz,.lsrc,.lnext{margin-top:42px}
.lfaq h2,.quiz h2,.lsrc h2{font-family:var(--disp,Georgia,serif);font-size:clamp(22px,2.4vw,27px);color:var(--navy)}
.lfaq details{border-top:1px solid var(--line);padding:14px 0}
.lfaq details:last-child{border-bottom:1px solid var(--line)}
.lfaq summary{cursor:pointer;list-style:none;font-weight:600;font-size:17px;color:var(--navy);display:flex;justify-content:space-between;gap:12px}
.lfaq summary::-webkit-details-marker{display:none}
.lfaq summary::after{content:"+";font-weight:400;color:var(--green);font-size:22px;line-height:1}
.lfaq details[open] summary::after{content:"\00d7"}
.lfaq details p{margin-top:8px;line-height:1.65;color:var(--ink-2)}
.quiz{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(20,40,60,.07)}
.qhelp{color:var(--ink-3);font-size:14px;margin-top:4px}
.qq{margin-top:22px}
.qt{display:flex;gap:10px;font-weight:700;line-height:1.45;color:var(--ink)}
.qt span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px}
.qopts{display:grid;gap:8px;margin-top:10px}
.qopt{font:inherit;font-size:15.5px;text-align:left;min-height:50px;padding:13px 16px;border-radius:14px;border:1.5px solid var(--line-2,#D5DBD8);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .15s,background-color .15s}
.qopt:hover:not(:disabled){border-color:var(--navy)}
.qopt:disabled{cursor:default}
.qopt.right{border-color:#2E7D5B;background:#EAF5EF;color:#1D5A3E;font-weight:600}
.qopt.wrong{border-color:#B4232C;background:#FBECEC;color:#8A1C24}
.qexp{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--paper,#F6F7F4);color:var(--ink-2);line-height:1.55;font-size:15px}
.qexp[hidden]{display:none}
.qres{color:var(--navy)}
.qscore{margin-top:18px;font-weight:700;color:var(--green-ink)}
.qretry{margin-top:10px;font:inherit;font-weight:700;color:var(--green-ink);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qretry[hidden]{display:none}
.lsrc ul{margin:12px 0 0;padding-left:20px}
.lsrc li{margin:6px 0}
.lsrc a{color:var(--green-ink);font-weight:600}
.lask{margin-top:42px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:22px 24px;border-radius:22px;background:linear-gradient(160deg,var(--navy,#254462),#1C3650);color:#fff}
.lask b{display:block;font-family:var(--disp,Georgia,serif);font-size:21px}
.lask span{color:rgba(255,255,255,.86)}
.lask-btns{display:flex;flex-wrap:wrap;gap:10px}
.lask .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5);background:transparent}
.lask .btn.primary{background:#fff;color:var(--navy);border-color:#fff}
@media (max-width:900px){.lsteps{grid-template-columns:1fr 1fr}.lcards,.lcards.two{grid-template-columns:1fr}}
@media (max-width:560px){.lhero{padding:34px 0 22px}.lsteps{grid-template-columns:1fr}.lask-btns .btn{flex:1 1 auto;justify-content:center}.quiz{padding:18px}}
@media (prefers-reduced-motion:reduce){.lcard2,.lsteps a{transition:none}}

.lpdf{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:28px 0;padding:22px 26px;border-radius:22px;background:linear-gradient(160deg,#fff,var(--paper,#F6F7F4));border:1px solid var(--line,#DDE3DF);box-shadow:0 18px 44px rgba(20,40,60,.07)}
.lpdf b{display:block;font-family:var(--disp,Georgia,serif);font-weight:500;font-size:21px;line-height:1.25;color:var(--navy,#254462);margin-top:6px}
.lpdf span:not(.ltopic){display:block;color:var(--ink-2,#4E5B67);margin-top:4px;line-height:1.5}
.lpdf .btn{flex:none}
@media (max-width:640px){.lpdf{flex-direction:column;align-items:flex-start}.lpdf .btn{width:100%}}