/* BEN – home journey page. Brand colours only. Builds on materials.css (mt-*) and budget.css (bg-*). */
.jy-hero{padding-bottom:80px}.jy-hero h1{font-size:clamp(32px,5.4vw,58px)}
/* run-around */
.jy-run{padding:20px}.jy-tog{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.jy-tog button{border:2px solid var(--line);background:#fff;border-radius:99px;padding:10px 20px;font:inherit;font-weight:800;color:var(--gd);cursor:pointer;transition:all .25s}.jy-tog button.on{background:linear-gradient(135deg,#0b8f6a,#006A4E);color:#fff;border-color:#006A4E;box-shadow:0 8px 18px rgba(0,106,78,.3)}
.jy-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:120px;position:relative;transition:all .6s}
.jy-chips span{background:#fff;border:1.5px solid #f3b7bf;color:#a8182b;border-radius:99px;padding:7px 14px;font-weight:700;font-size:14px;animation:jyShake 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*-170ms);transition:all .6s}
.jy-chips.merged span{border-color:#9fd3bf;color:#00513b;animation:none;opacity:.35;transform:scale(.88);filter:grayscale(.3)}
.jy-chips.merged::after{content:"🛡️ BEN";position:absolute;inset:0;display:grid;place-items:center;font:900 clamp(40px,8vw,74px) Roboto,sans-serif;background:linear-gradient(135deg,#006A4E,#F42A41);-webkit-background-clip:text;background-clip:text;color:transparent;animation:jyPop .6s both}
@keyframes jyShake{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-4px) rotate(-1.5deg)}75%{transform:translateX(4px) rotate(1.5deg)}}@keyframes jyPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.jy-res{margin-top:14px;text-align:center;border-radius:14px;padding:12px;font-weight:700}.jy-res.bad{background:#fff;color:#a8182b}.jy-res.good{background:#fff;color:#00513b}
/* journey */
.jy-ph{display:flex;gap:12px;align-items:center;margin:26px 0 12px;padding:10px 16px;border-radius:16px;color:#fff;box-shadow:0 10px 22px rgba(0,56,42,.18)}.jy-ph>span{font-size:30px}.jy-ph b{display:block;font-size:18px}.jy-ph small{opacity:.92}
.jy-ph.g{background:linear-gradient(135deg,#0b8f6a,#00513b)}.jy-ph.r{background:linear-gradient(135deg,#F42A41,#a8182b)}.jy-ph.a{background:linear-gradient(135deg,#F5D27A,#C9A14A);color:#2a2108}
.jy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.jy-c{position:relative;text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid var(--line);border-top:5px solid var(--g);border-radius:18px;padding:16px 14px 12px;box-shadow:0 10px 22px rgba(0,56,42,.09);transition:transform .3s,box-shadow .3s;animation:mtIn .6s both;animation-delay:var(--d)}.jy-c.r{border-top-color:var(--r)}.jy-c.a{border-top-color:var(--au)}.jy-c:hover{transform:translateY(-7px);box-shadow:0 18px 34px rgba(0,56,42,.2)}
.jy-c .n{position:absolute;right:12px;top:4px;font:900 40px Roboto,sans-serif;color:rgba(0,106,78,.12)}.jy-c .e{font-size:28px;display:block;animation:mFloat 3.6s ease-in-out infinite}.jy-c b{display:block;color:var(--gd);margin:4px 0}.jy-c p{margin:0 0 8px;font-size:13.5px;color:#34453e}.jy-c small{display:block;color:#8a6a1c;font-weight:700}.jy-c em{font-style:normal;font-weight:800;font-size:13px;color:var(--rd)}
/* duty */
.jy-duty{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}
.jy-d{text-align:left;cursor:pointer;font:inherit;border:0;border-radius:20px;padding:18px 16px;color:#fff;background:linear-gradient(150deg,#0b8f6a,#00513b);box-shadow:0 14px 30px rgba(0,56,42,.22);transition:transform .3s}.jy-d:nth-child(2){background:linear-gradient(150deg,#F42A41,#a8182b)}.jy-d:nth-child(3){background:linear-gradient(150deg,#F5D27A,#C9A14A);color:#2a2108}.jy-d:nth-child(5){background:linear-gradient(150deg,#00382a,#006A4E);border:2px solid var(--aul)}.jy-d:hover{transform:translateY(-7px)}
.jy-d .e{font-size:30px;display:block}.jy-d b{display:block;margin:4px 0;font-size:17px}.jy-d p{margin:0;font-size:13.5px;opacity:.96}
.jy-fail h3{margin:0 0 8px;color:var(--gd)}.jy-ol{padding-left:22px;display:grid;gap:8px;color:#34453e}
/* two-way */
.jy-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:860px){.jy-two{grid-template-columns:1fr}}.jy-two h3{margin:0 0 8px;color:var(--gd)}
.jy-pj{display:grid;gap:10px}.jy-p{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px dashed #d7e4dd}.jy-p .e{font-size:26px}.jy-p b{display:block;color:var(--gd)}.jy-p small{color:#5a6b63}@media (max-width:560px){.jy-p{grid-template-columns:30px 1fr}.jy-p button{grid-column:1/-1}}
/* students */
.jy-tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}
.jy-t{text-align:left;cursor:pointer;font:inherit;border:0;border-radius:20px;padding:18px 16px;color:#fff;box-shadow:0 14px 30px rgba(0,56,42,.2);transition:transform .3s}.jy-t.k0{background:linear-gradient(150deg,#0b8f6a,#00513b)}.jy-t.k1{background:linear-gradient(150deg,#F42A41,#a8182b)}.jy-t.k2{background:linear-gradient(150deg,#F5D27A,#C9A14A);color:#2a2108}.jy-t:hover{transform:translateY(-7px)}
.jy-t .e{font-size:30px;display:block;animation:mFloat 3.4s ease-in-out infinite}.jy-t b{display:block;margin:4px 0}.jy-t p{margin:0 0 8px;font-size:13.5px}.jy-t em{font-style:normal;font-weight:800;font-size:13px;border-bottom:2px solid currentColor}
/* intake */
.jy-bn{background:linear-gradient(135deg,#fff,#fff);border:1px solid #cfe6da;border-radius:14px;padding:12px 14px;margin-bottom:14px;font-weight:700;color:#00513b}
.jy-rad{display:flex;gap:8px;flex-wrap:wrap}.jy-rad label{display:flex;gap:8px;align-items:center;border:1.5px solid #cfdcd5;border-radius:12px;padding:9px 12px;cursor:pointer;font-weight:600;transition:all .2s}.jy-rad label.on{border-color:var(--g);background:#fff;box-shadow:0 6px 14px rgba(0,106,78,.15)}
.jy-pk{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:6px;margin-top:10px}.jy-pk label{display:flex;gap:8px;align-items:center;font-size:14px;padding:6px 8px;border-radius:10px;background:#fff}
.jy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}@media (max-width:520px){.jy-grid{grid-template-columns:1fr}}.jy-grid>div{background:#fff;border-left:4px solid var(--g);border-radius:12px;padding:10px 12px}.jy-grid>div:nth-child(2n){border-left-color:var(--r)}.jy-grid b{color:var(--gd)}.jy-grid p{margin:4px 0 0}
@media (prefers-reduced-motion:reduce){.jy-chips span,.jy-c{animation:none}}
