/* round 12: compact how-we-screen (.cs) and the student in a circle (.hc) */
.cs{padding:56px 0 60px;border-bottom:6px solid #E6EAF0;background:#fff}
.cs .kick{justify-content:center}
.cs-h{text-align:center;margin:0 auto 26px;font-size:clamp(1.7rem,2.6vw,2.4rem)!important;max-width:none}
.cs-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cs-tl [role=tab]{display:flex;gap:12px;align-items:center;text-align:left;background:#fff;border:1.5px solid #E6EAF0;border-radius:16px;padding:12px 16px;font:inherit;cursor:pointer;transition:all .2s}
.cs-tl b{display:block;font-size:16px;color:#00173D}.cs-tl small{font-size:12.5px;color:#4A5565}
.cs-tl .assess[aria-selected=true]{border-color:#06C270;background:#E6FFF0}.cs-tl .interview[aria-selected=true]{border-color:#D13845;background:#FFF1F0}.cs-tl .resume[aria-selected=true]{border-color:#F46C40;background:#FFE8E0}
.cs-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid #E6EAF0;border-radius:24px;overflow:hidden;background:#fff;height:470px;box-shadow:0 24px 60px -40px rgba(0,23,61,.45)}
.cs-l{padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.cs-l h3{font-size:26px;font-weight:800;color:#00173D;margin:12px 0 4px;letter-spacing:-.02em}.cs-l>p{margin:0 0 18px;color:#3B4656;font-size:15.5px}
.cs-l .sy-btn{margin-top:auto}
.ct{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.ct li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#00173D;background:#F7F9FC;border:1px solid #EEF1F5;border-radius:10px;padding:9px 10px;line-height:1.25}
.ct svg{flex:none;width:16px;height:16px}
.ct.assess svg{color:#036A3E}.ct.interview svg{color:#AB2635}.ct.resume svg{color:#C44A1F}
.cs-r{position:relative;overflow:hidden}
.cs-card.assess .cs-r{background:radial-gradient(500px 360px at 70% 40%,#B2ECD3,#E6FFF0 70%)}
.cs-card.interview .cs-r{background:radial-gradient(500px 360px at 70% 40%,#FFD2CE,#FFF1F0 70%)}
.cs-card.resume .cs-r{background:radial-gradient(500px 360px at 70% 40%,#FFD4BD,#FFE8E0 70%)}
.ca{position:absolute;inset:0}
.ca img{position:absolute;border-radius:14px;background:#fff;box-shadow:0 24px 50px -20px rgba(0,23,61,.45);border:1px solid rgba(0,23,61,.06)}
.ca-main{left:9%;top:10%;width:84%;max-height:72%;object-fit:cover;object-position:top}
.ca-b{right:4%;bottom:6%;width:38%;max-height:48%;object-fit:cover;object-position:top}
.ca-c{left:4%;bottom:5%;width:34%;max-height:44%;object-fit:cover;object-position:top}
.ca.interview .ca-main{top:8%;width:80%}.ca.interview .ca-b{width:50%;right:3%;bottom:5%}
.ca.resume .ca-b{width:28%;max-height:58%;object-fit:contain;right:3%}
/* navy */
.cs.dk{background:radial-gradient(800px 500px at 85% 0%,#1D4FB8,transparent 60%),linear-gradient(125deg,#00173D,#0A2463)}
.cs.dk .h2{color:#fff}.cs.dk .kick{color:#8AC4FF}
.cs.dk .cs-tl [role=tab]{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.cs.dk .cs-tl b{color:#fff}.cs.dk .cs-tl small{color:#B7CEEA}
.cs.dk .cs-tl [aria-selected=true]{background:#fff}.cs.dk .cs-tl [aria-selected=true] b{color:#00173D}.cs.dk .cs-tl [aria-selected=true] small{color:#4A5565}
.cs-card.dk{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.cs-card.dk h3{color:#fff}.cs-card.dk .cs-l>p{color:#C7D6EE}
.cs-card.dk .ct li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#fff}
.cs-card.dk.assess .ct svg{color:#5FE3A8}.cs-card.dk.interview .ct svg{color:#FF9C95}.cs-card.dk.resume .ct svg{color:#FFB08F}
.cs-card.dk.assess .cs-r{background:radial-gradient(420px 320px at 60% 50%,rgba(6,194,112,.45),transparent 70%)}
.cs-card.dk.interview .cs-r{background:radial-gradient(420px 320px at 60% 50%,rgba(209,56,69,.5),transparent 70%)}
.cs-card.dk.resume .cs-r{background:radial-gradient(420px 320px at 60% 50%,rgba(244,108,64,.5),transparent 70%)}
/* vertical tabs */
.c3-g{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:stretch}
.cs-tl.v{grid-template-columns:1fr;align-content:start;margin:0}
.c3-p{border:1px solid #E6EAF0;border-radius:24px;overflow:hidden;background:#fff}
.c3-p .ca{position:relative;height:340px;inset:auto}
.c3-p.assess .ca{background:radial-gradient(500px 300px at 60% 40%,#B2ECD3,#E6FFF0 70%)}.c3-p.interview .ca{background:radial-gradient(500px 300px at 60% 40%,#FFD2CE,#FFF1F0 70%)}.c3-p.resume .ca{background:radial-gradient(500px 300px at 60% 40%,#FFD4BD,#FFE8E0 70%)}
.c3-f{display:flex;gap:16px;align-items:center;padding:16px 20px}
.c3-f .ct{grid-template-columns:repeat(3,1fr);margin:0;flex:1}
@media(max-width:1000px){.cs-tl,.c3-g{grid-template-columns:1fr}.cs-card{grid-template-columns:1fr;height:auto}.cs-r{height:300px}.ct{grid-template-columns:1fr 1fr}.c3-f{flex-direction:column;align-items:flex-start}.c3-f .ct{grid-template-columns:1fr 1fr}}
/* hero: the student in a circle */
.hc{position:relative;width:520px;height:520px;margin-left:auto}
.hc-ring{position:absolute;inset:60px;border-radius:50%;background:conic-gradient(from 200deg,#0075EB,#7F56D9,#F46C40,#0075EB);box-shadow:0 0 90px rgba(0,117,235,.5)}
.hc-ph{position:absolute;inset:68px;width:calc(100% - 136px);height:calc(100% - 136px);border-radius:50%;object-fit:cover;object-position:50% 18%;border:6px solid #0A2463}
.bih .hc-ph{border-color:#fff}.bih .hc-ring{box-shadow:0 30px 70px -20px rgba(0,117,235,.45)}
.hc .hz-gc{z-index:2}
.hc .n1{left:-30px;top:70px}.hc .n2{right:-40px;top:220px}.hc .n3{left:-10px;bottom:50px}
.hc-orbit{position:absolute;inset:4px;border-radius:50%;border:1.5px dashed rgba(138,196,255,.45)}
.bih .hc-orbit{border-color:#BDDEFF}
.hc-st{position:absolute;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:99px;padding:7px 14px 7px 7px;font-size:13.5px;font-weight:800;color:#00173D;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);white-space:nowrap;z-index:2;transform:translate(-50%,-50%)}
.hc-st em{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;color:#fff;background:linear-gradient(135deg,#006BD6,#7F56D9)}
.hc-st.s0{left:50%;top:4px}.hc-st.s1{left:94%;top:27%}.hc-st.s2{left:94%;top:73%}.hc-st.s3{left:50%;top:99%}.hc-st.s4{left:6%;top:73%}.hc-st.s5{left:6%;top:27%}
@media(max-width:1000px){.hc{margin:0 auto;width:360px;height:360px}.hc-ring{inset:40px}.hc-ph{inset:46px;width:calc(100% - 92px);height:calc(100% - 92px)}.hc .hz-gc{display:none}.hc-st{font-size:11.5px}}
/* phone overflow: let the sample cards shrink; the shortlist table scrolls inside its card */
.wg-g{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-i,.dv,.mk{min-width:0;max-width:100%}
@media(max-width:1000px){.wg-g{grid-template-columns:minmax(0,1fr)}.hc{width:min(360px,100%);height:auto;aspect-ratio:1}}
/* partner campuses as tabs (campus13.py) */
.cp{margin-top:30px}
.cp-tl{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:#F2F5FA;border-radius:16px;padding:6px;width:max-content;max-width:100%;margin:0 auto 22px}
.cp-tl [role=tab]{border:0;background:transparent;border-radius:12px;padding:11px 22px;font:inherit;font-weight:700;font-size:15px;color:#3B4656;cursor:pointer;transition:all .2s}
.cp-tl [role=tab]:hover{color:#00173D}
.cp-tl [role=tab][aria-selected=true]{background:#fff;color:#004CA3;box-shadow:0 6px 16px -8px rgba(0,23,61,.35)}
.cp-p{display:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.cp-p.on{display:grid;animation:cpin .3s ease}
@keyframes cpin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.static .cp-p.on{animation:none}
.cp-l{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:#fff;border:1px solid #E6EAF0;border-radius:16px;padding:18px 8px 14px;transition:transform .2s,box-shadow .2s}
.cp-l:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(0,23,61,.35)}
.cp-l i{height:56px;display:grid;place-items:center}
.cp-l img{max-height:56px;max-width:100px;object-fit:contain}
.cp-l .mono{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#E6F3FF;color:#004CA3;font-weight:800;font-style:normal}
.cp-l b{font-size:12.5px;line-height:1.25;color:#262626}
@media(max-width:1000px){.cp-p{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.cp-p{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-tl [role=tab]{padding:9px 12px;font-size:13.5px}}
/* deck update 29 Oct 2026 (deck13.py, campus13.locations) */
.cp-loc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:22px 0 0;font-size:13.5px}
.cp-loc b{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#4A5565;margin-right:6px}
.cp-loc span{background:#F2F5FA;border-radius:99px;padding:6px 12px;font-weight:700;color:#00173D}
.of-sec .h2,.of-sec .sub{text-align:center;margin-left:auto;margin-right:auto}
.n27{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px;margin:28px auto 22px}
.n27>div{background:linear-gradient(135deg,#00173D,#0B4FB0);color:#B7CEEA;border-radius:18px;padding:20px 22px}
.n27>div:nth-child(2){background:linear-gradient(135deg,#3B2E86,#7F56D9)}.n27>div:nth-child(3){background:#fff;color:#4A5565;border:1px solid #E6EAF0}
.n27 b{display:block;font-size:32px;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.1}.n27>div:nth-child(3) b{color:#00173D}
.n27 span{font-size:14px}
.of-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.of-c{background:#fff;border:1px solid #E6EAF0;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;border-top:4px solid var(--oc,#0075EB);box-shadow:0 18px 40px -30px rgba(0,23,61,.4)}
.of-c.t1{--oc:#7F56D9}.of-c.t2{--oc:#0FA5A0}.of-c.t3{--oc:#F46C40}
.of-h{display:flex;gap:12px;align-items:center}
.of-lg{width:46px;height:46px;border-radius:12px;border:1px solid #EEF1F5;display:grid;place-items:center;flex:none;overflow:hidden;background:#fff}
.of-lg img{max-width:38px;max-height:38px;object-fit:contain}.of-lg .mono,.of-cl .mono{font-weight:800;color:#004CA3;font-size:13px;font-style:normal}
.of-h b{display:block;font-size:16px;color:#00173D}.of-h span{font-size:13px;color:#4A5565}
.of-ctc{margin:0;display:flex;align-items:baseline;gap:8px}.of-ctc b{font-size:30px;font-weight:800;letter-spacing:-.03em;color:#00173D}.of-ctc span{font-size:12px;font-weight:800;color:#4A5565;letter-spacing:.08em}
.of-cp{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#00173D;background:#F5F8FD;border-radius:99px;padding:5px 12px 5px 5px;align-self:flex-start}
.of-cl{width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}.of-cl img{max-width:20px;max-height:20px;object-fit:contain}
.of-n{margin:0;font-size:13.8px;line-height:1.55;color:#3B4656}
.of-src{text-align:center;margin-top:18px}
.scope{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;background:#F5F8FD;border:1px solid #E6EEF8;border-radius:14px;padding:12px 14px;font-size:13.8px;line-height:1.5;color:#3B4656}
.scope svg{flex:none;width:18px;height:18px;color:#006BD6;margin-top:1px}.scope b{color:#00173D}
.promise{display:flex;gap:10px;align-items:center;justify-content:center;margin:24px auto 0;width:max-content;max-width:100%;background:#E6FFF0;color:#013820;border-radius:99px;padding:10px 18px;font-weight:700;font-size:14.5px}
.promise svg{width:18px;height:18px;color:#036A3E;flex:none}
.ct13{max-width:760px;margin:26px auto 0;text-align:center}
.ct13-k{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4A5565;margin:0 0 12px}
.ct13-g{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
.ct13-c{display:flex;gap:12px;background:#fff;border:1px solid #E6EAF0;border-radius:16px;padding:16px}
.ct13-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#006BD6,#7F56D9);color:#fff;font-weight:800;display:grid;place-items:center;flex:none}
.ct13-c b{display:block;color:#00173D}.ct13-c small{display:block;color:#4A5565;font-size:12.5px;margin-bottom:4px}
.ct13-c a{display:block;font-size:13.5px;color:#006BD6;font-weight:600;word-break:break-all}
@media(max-width:1000px){.of-g{grid-template-columns:1fr 1fr}.n27{grid-template-columns:1fr}}
@media(max-width:560px){.of-g,.ct13-g{grid-template-columns:1fr}.promise{border-radius:14px}}