/* ===== qualification page template ===== */
.wnl .q-hero{position:relative;overflow:hidden;background:radial-gradient(700px 360px at 92% 0%,rgba(133,214,201,.14),transparent 60%),linear-gradient(135deg,#EAF9F2 0%,#C9F0DE 100%);padding:64px 0 110px}
.wnl .q-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.09) 1.5px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 75%)}
.wnl .q-hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.wnl .q-hero h1{font-size:clamp(2.1rem,4.2vw,3.3rem);color:var(--teal-dark);margin-bottom:18px}
.wnl .q-hero .lead{font-size:1.1rem;color:#404040;max-width:560px;margin-bottom:24px}
.wnl .chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.wnl .chips span{background:#fff;border-radius:99px;padding:8px 16px;font-size:.85rem;font-weight:600;color:var(--teal-dark);box-shadow:0 6px 16px rgba(0,0,0,.1)}
.wnl .q-hero .actions{display:flex;gap:14px;flex-wrap:wrap}
.wnl .q-hero .btn-yellow{background:var(--teal)!important;color:#fff!important;box-shadow:0 10px 24px rgba(133,214,201,.35)!important}
.wnl .q-hero .btn-yellow:hover{background:var(--teal-dark)!important}
.wnl .q-photo{position:relative}
.wnl .q-photo::before{content:'';position:absolute;inset:22px -16px -16px 22px;background:var(--teal);border-radius:28px;opacity:.92}
.wnl .q-photo img{position:relative;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;border:6px solid #fff;display:block;box-shadow:0 28px 60px rgba(0,0,0,.25)}
.wnl .q-facts{margin-top:-58px;position:relative;z-index:5}
.wnl .q-facts .box{background:#fff;border-radius:20px;box-shadow:0 22px 50px rgba(0,0,0,.16);display:grid;grid-template-columns:repeat(4,1fr);border-bottom:5px solid var(--yellow);overflow:hidden}
.wnl .q-facts .f{padding:24px 22px;text-align:center;border-right:1px solid var(--line)}
.wnl .q-facts .f:last-child{border:0}
.wnl .q-facts .f b{display:block;font-family:'Montserrat',sans-serif;font-size:1.7rem;color:var(--ink)}
.wnl .q-facts .f span{font-size:.82rem;color:var(--muted)}
.wnl .q-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;padding:64px 24px 30px}
.wnl .q-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.wnl .q-nav a{padding:9px 18px;border-radius:99px;border:1.5px solid var(--line);font-weight:600;font-size:.88rem;color:var(--teal-dark);background:#fff;transition:.2s}
.wnl .q-nav a:hover{background:var(--yellow);border-color:var(--yellow)}
.wnl .q-sec{margin-bottom:64px;scroll-margin-top:110px}
.wnl .q-sec h2{font-size:clamp(1.6rem,2.8vw,2.1rem);color:var(--teal-dark);margin-bottom:8px}
.wnl .q-sec h2 + .sub{color:var(--muted);margin-bottom:24px}
.wnl .q-sec h3{font-size:1.2rem;color:var(--teal-dark);margin:26px 0 10px}
.wnl .q-sec p{color:#3d3d3d;font-size:1.02rem;line-height:1.8;margin-bottom:16px}
.wnl .outcomes{list-style:none;margin:8px 0 8px;display:grid;gap:12px}
.wnl .outcomes li{position:relative;padding:16px 18px 16px 58px;background:var(--yellow-soft);border-radius:14px;color:#2e2e2e;font-weight:500;line-height:1.55}
.wnl .outcomes li::before{content:'\2713';position:absolute;left:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--yellow);color:var(--teal-dark);font-weight:800;display:grid;place-items:center;font-size:.85rem}
.wnl details.more{border:1.5px solid var(--line);border-radius:16px;background:#fff;margin-top:18px;overflow:hidden}
.wnl details.more>summary{cursor:pointer;list-style:none;padding:16px 22px;font-weight:600;color:var(--teal-dark);display:flex;justify-content:space-between;align-items:center}
.wnl details.more>summary::-webkit-details-marker{display:none}
.wnl details.more>summary::after{content:'+';font-size:1.4rem;color:var(--ink);font-weight:500;transition:.2s}
.wnl details.more[open]>summary::after{content:'\2212'}
.wnl details.more>.in{padding:2px 22px 10px}
.wnl .credit-bar{display:flex;height:16px;border-radius:99px;overflow:hidden;margin:6px 0 10px;background:var(--line)}
.wnl .credit-bar i{display:block}
.wnl .legend{display:flex;flex-wrap:wrap;gap:18px;font-size:.85rem;color:var(--muted);margin-bottom:22px}
.wnl .legend b{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:7px;vertical-align:-1px}
.wnl .acc{border:1.5px solid var(--line);border-radius:18px;background:#fff;margin-bottom:14px;overflow:hidden;transition:.2s}
.wnl .acc[open]{border-color:var(--yellow);box-shadow:0 14px 34px rgba(0,0,0,.09)}
.wnl .acc>summary{cursor:pointer;list-style:none;padding:20px 24px;display:flex;align-items:center;gap:16px}
.wnl .acc>summary::-webkit-details-marker{display:none}
.wnl .acc .ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-family:'Montserrat',sans-serif;font-weight:700;color:var(--teal-dark)}
.wnl .acc .t{flex:1}
.wnl .acc .t strong{display:block;font-family:'Montserrat',sans-serif;font-size:1.15rem;color:var(--teal-dark)}
.wnl .acc .t span{font-size:.85rem;color:var(--muted)}
.wnl .acc .cr{font-weight:700;color:var(--ink);white-space:nowrap}
.wnl .acc>summary::after{content:'+';font-size:1.5rem;color:var(--ink);margin-left:6px}
.wnl .acc[open]>summary::after{content:'\2212'}
.wnl .mod-table{width:100%;border-collapse:collapse;margin:0}
.wnl .mod-table th{text-align:left;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:10px 24px;background:var(--teal-light);border:0}
.wnl .mod-table td{padding:13px 24px;border:0;border-top:1px solid var(--line);font-size:.94rem;color:#2e2e2e;vertical-align:top}
.wnl .mod-table td.code{font-weight:700;color:var(--ink);white-space:nowrap;width:78px}
.wnl .mod-table td.n{text-align:center;white-space:nowrap;width:70px}
.wnl .mod-table tr:hover td{background:#EAF9F2}
.wnl .mod-table tfoot td{background:var(--yellow-soft);font-weight:700;color:var(--teal-dark)}
.wnl .fee-table{width:100%;border-collapse:separate;border-spacing:0;border:1.5px solid var(--line);border-radius:18px;overflow:hidden}
.wnl .fee-table th{text-align:left;background:var(--teal-light);color:var(--teal-dark);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:14px 20px;border:0}
.wnl .fee-table td{padding:16px 20px;border:0;border-top:1px solid var(--line);font-size:.95rem;color:#2e2e2e;vertical-align:top}
.wnl .fee-table td:nth-child(2){font-weight:700;color:var(--teal-dark);white-space:nowrap}
.wnl .fee-table td:nth-child(3){color:var(--muted);font-size:.88rem}
.wnl .fee-table tr:hover td{background:#EAF9F2}
.wnl .callout{background:var(--yellow-soft);border-left:6px solid var(--yellow);border-radius:0 16px 16px 0;padding:22px 26px;margin-top:22px}
.wnl .callout p{margin:0 0 10px;font-size:.97rem}
.wnl .callout p:last-child{margin:0}
.wnl .q-side{position:sticky;top:110px}
.wnl .apply-card{background:#fff;border-radius:24px;padding:30px;box-shadow:0 26px 60px rgba(0,0,0,.16);border-top:6px solid var(--yellow)}
.wnl .apply-card h3{font-size:1.35rem;color:var(--teal-dark);margin-bottom:6px}
.wnl .apply-card>p{font-size:.9rem;color:var(--muted);margin-bottom:18px}
.wnl .apply-card dl{margin:0 0 22px}
.wnl .apply-card .row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed #d9e3e1;font-size:.93rem}
.wnl .apply-card .row dt{color:var(--muted)}
.wnl .apply-card .row dd{margin:0;font-weight:700;color:var(--teal-dark);text-align:right}
.wnl .apply-card .btn{width:100%;justify-content:center;margin-bottom:10px}
.wnl .apply-card .small{font-size:.82rem;color:var(--muted);text-align:center;margin-top:8px}
.wnl .apply-card .small a{color:var(--ink);font-weight:600}
@media(max-width:980px){
 .wnl .q-hero .wrap{grid-template-columns:1fr}
 .wnl .q-photo{max-width:560px}
 .wnl .q-facts .box{grid-template-columns:1fr 1fr}
 .wnl .q-facts .f:nth-child(2){border-right:0}
 .wnl .q-facts .f:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .wnl .q-layout{grid-template-columns:1fr}
 .wnl .q-side{position:static;order:-1}
}
@media(max-width:620px){
 .wnl .q-hero{padding:44px 0 100px}
 .wnl .mod-table th,.wnl .mod-table td{padding:11px 14px}
 .wnl .acc>summary{padding:16px;gap:12px;flex-wrap:wrap}
 .wnl .fee-table td,.wnl .fee-table th{padding:12px 14px}
 .wnl .fee-table td:nth-child(2){white-space:normal}
}

.wnl .q-sec{margin-bottom:56px}
.wnl .q-sec .sub{margin-top:0}