/* A&N student portfolio responsive layout; scoped to university pages only. */
body.an-portfolio-v2 .profile-banner{padding:13px 0 14px}
body.an-portfolio-v2 .profile-banner .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);column-gap:12px;row-gap:8px;align-items:center}
body.an-portfolio-v2 .profile-breadcrumb{grid-column:1/-1;margin:0 0 4px;min-width:0}
body.an-portfolio-v2 .profile-identity{grid-column:1;gap:12px;min-width:0}
body.an-portfolio-v2 .university-logo{width:96px;height:94px;padding:9px;max-width:25vw;flex:none}
body.an-portfolio-v2 .university-monogram{min-width:90px;max-width:25vw;padding:14px;font-size:21px}
body.an-portfolio-v2 .profile-identity h1{font-size:clamp(17px,2vw,27px);line-height:1.13;margin:3px 0}
body.an-portfolio-v2 .profile-identity h1 span{font-size:clamp(21px,2.5vw,33px)}
body.an-portfolio-v2 .profile-identity p{font-size:11px;margin:4px 0 0}
body.an-portfolio-v2 .profile-facts{grid-column:2;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:8px}
body.an-portfolio-v2 .profile-facts>div{min-width:0;padding:10px 8px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
body.an-portfolio-v2 .profile-facts small{margin:0 0 6px;font-size:9px;line-height:1.3}
body.an-portfolio-v2 .profile-facts strong{font-size:clamp(12px,1.25vw,15px);line-height:1.3;overflow-wrap:anywhere}
body.an-portfolio-v2 .an-portfolio-topnav{grid-column:1/-1;position:absolute;right:22px;top:-3px;margin:0;width:160px;z-index:23;min-height:0;display:block}
body.an-portfolio-v2 .an-portfolio-topnav details{width:100%;max-width:100%;overflow:visible}
body.an-portfolio-v2 .an-portfolio-topnav summary{padding:9px 10px;min-height:37px;cursor:pointer!important;background:linear-gradient(140deg,#18100b,#080808);border-radius:11px;font-size:11px;white-space:nowrap}
body.an-portfolio-v2 .an-portfolio-topnav summary>span:first-child{font-size:18px}
body.an-portfolio-v2 .an-portfolio-topnav .menu-chevron{display:inline-flex!important}
body.an-portfolio-v2 .an-portfolio-topnav details:not([open]) nav{display:none!important}
body.an-portfolio-v2 .an-portfolio-topnav details[open] nav{position:absolute;top:42px;right:0;width:min(320px,90vw);max-height:68vh;overflow:auto;background:#090a0d;border:1px solid #af6226;border-radius:12px;padding:7px;box-shadow:0 16px 38px #000b;z-index:50;display:block!important}
body.an-portfolio-v2 .an-portfolio-topnav nav button{padding:9px 10px;font-size:11px}
body.an-portfolio-v2 .an-portfolio-topnav nav button span{font-size:10px;font-weight:900;min-width:22px}
body.an-portfolio-v2 .an-portfolio-topnav .profile-side-cta{display:none}
body.an-portfolio-v2 .profile-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:10px;padding-bottom:50px}
body.an-portfolio-v2 .profile-body{gap:11px}
body.an-portfolio-v2 .an-portfolio-mini-intro{display:flex;flex-wrap:wrap;align-items:center;gap:5px 15px;padding:12px 16px;border-radius:13px}
body.an-portfolio-v2 .an-portfolio-mini-intro small{font-size:8px;letter-spacing:.4px}
body.an-portfolio-v2 .an-portfolio-mini-intro h2{font-size:clamp(16px,2.4vw,24px);margin:3px 0 0;line-height:1.2}
body.an-portfolio-v2 .an-portfolio-mini-intro p{font-size:10px;margin:2px 0;line-height:1.4}
body.an-portfolio-v2 .an-portfolio-mini-intro .an-study-review{font-size:9px;padding:6px 8px;white-space:normal}
body.an-portfolio-v2 .an-portfolio-jumps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:92px;overflow:hidden;transition:max-height .2s ease}
body.an-portfolio-v2 .an-portfolio-jumps.expanded{max-height:none}
body.an-portfolio-v2 .an-portfolio-jumps button{background:#1c1b1a;border:1px solid #715233;color:#eacfb3;padding:8px 7px;border-radius:10px;min-height:39px;display:flex;gap:5px;align-items:center;text-align:left;font-size:10px;line-height:1.2;cursor:pointer;overflow:hidden}
body.an-portfolio-v2 .an-portfolio-jumps b{color:#ff9e27;font-size:10px;min-width:19px}
body.an-portfolio-v2 .an-portfolio-jumps button:hover{border-color:#ff961d;background:#36210b}
body.an-portfolio-v2 .an-portfolio-jumps-toggle{justify-self:start;border:1px solid #8e5320;background:#211307;color:#ffbd78;padding:5px 11px;border-radius:18px;font-size:10px;font-weight:750}
body.an-portfolio-v2 .profile-section{padding:19px 20px;scroll-margin-top:92px;overflow:visible}
body.an-portfolio-v2 .profile-section h2,body.an-portfolio-v2 .an-study-section>header h3{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 14px;font-size:clamp(16px,2vw,22px);line-height:1.4;color:#fff}
body.an-portfolio-v2 .an-study-section>header h3{margin:0;color:#fff}
body.an-portfolio-v2 .an-portfolio-icon{display:inline-flex;align-items:center;justify-content:center;background:#36200e;border:1px solid #85552c;border-radius:10px;width:36px;height:36px;flex:none;font-size:21px}
body.an-portfolio-v2 .an-portfolio-serial{margin-left:auto;font-weight:900;font-size:20px;color:#bd711e;letter-spacing:1px}
body.an-portfolio-v2 .an-study-section{min-width:0}
body.an-portfolio-v2 .an-fee-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
body.an-portfolio-v2 .an-fee-examples article{padding:11px;border:1px solid #73502d;border-radius:11px;background:#181920;display:grid;gap:6px;min-width:0}
body.an-portfolio-v2 .an-fee-examples b{font-size:12px;color:#fff}
body.an-portfolio-v2 .an-fee-examples strong{color:#ffb664;font-size:14px}
body.an-portfolio-v2 .an-fee-examples small{color:#bec0c6;font-size:10px}
body.an-portfolio-v2 .an-fee-picker{display:grid;gap:7px;color:#ffd2a4;font-size:12px;padding:11px;border-radius:10px;border:1px solid #885c32}
body.an-portfolio-v2 .an-fee-picker select{background:#10151c;color:#fff;padding:9px;width:100%}
body.an-portfolio-v2 .an-fee-picker small{font-size:11px;color:#ddd}
body.an-portfolio-v2 .an-portfolio-alert{padding:12px;background:#352312;border:1px solid #a66d34;border-radius:10px;color:#ffe1b1}
body.an-portfolio-v2 .an-portfolio-cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
body.an-portfolio-v2 .an-portfolio-cost-grid label{display:grid;gap:7px;min-width:0;font-size:11px;color:#fbd0a3}
body.an-portfolio-v2 .an-portfolio-cost-grid input{width:100%;min-width:0;min-height:42px;padding:9px;border:1px solid #8e6137;border-radius:10px;background:#0d111a;color:#fff;font-size:13px}
body.an-portfolio-v2 .an-portfolio-total{background:#2b1d0e;border:1px solid #bb853e;border-radius:13px;padding:14px;display:grid;gap:6px}
body.an-portfolio-v2 .an-portfolio-total b{color:#ffc37d;font-size:12px}
body.an-portfolio-v2 .an-portfolio-total output{font-size:22px;color:#fff;font-weight:900}
body.an-portfolio-v2 .an-portfolio-total small{font-size:11px;color:#d4bb9b}
body.an-portfolio-v2 .profile-bottom-link{padding:12px 0}
@media(max-width:800px){
body.an-portfolio-v2 .profile-banner .wrap{grid-template-columns:1fr}
body.an-portfolio-v2 .profile-identity{grid-column:1}
body.an-portfolio-v2 .profile-identity>div{padding-right:30px}
body.an-portfolio-v2 .profile-facts{grid-column:1;min-height:0}
body.an-portfolio-v2 .profile-facts>div{padding:8px 6px;min-height:67px}
body.an-portfolio-v2 .profile-facts small{font-size:8px;margin-bottom:3px}
body.an-portfolio-v2 .profile-facts strong{font-size:11px;line-height:1.18}
body.an-portfolio-v2 .an-portfolio-topnav{width:43px;right:15px;top:36px;position:absolute;margin:0;min-height:0}
body.an-portfolio-v2 .an-portfolio-topnav summary{width:43px;height:39px;padding:7px;justify-content:center;font-size:0!important}
body.an-portfolio-v2 .an-portfolio-topnav summary>span:first-child{font-size:22px}
body.an-portfolio-v2 .an-portfolio-topnav .menu-chevron{display:none!important}
body.an-portfolio-v2 .an-portfolio-topnav details[open] nav{right:0;left:auto;top:44px;width:min(320px,90vw)}
body.an-portfolio-v2 .profile-layout{display:block;padding-top:10px}
body.an-portfolio-v2 .an-portfolio-jumps{grid-template-columns:repeat(4,minmax(0,1fr));max-height:95px}
body.an-portfolio-v2 .an-portfolio-jumps button{font-size:9px;padding:6px;min-height:44px}
body.an-portfolio-v2 .an-portfolio-mini-intro{padding:10px 12px}
body.an-portfolio-v2 .an-portfolio-mini-intro h2{font-size:20px}
body.an-portfolio-v2 .an-portfolio-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
body.an-portfolio-v2 .profile-banner{padding:10px 0 11px}
body.an-portfolio-v2 .profile-breadcrumb{margin:0 0 5px}
body.an-portfolio-v2 .university-logo{width:68px;height:69px;padding:6px}
body.an-portfolio-v2 .university-monogram{min-width:65px;padding:8px}
body.an-portfolio-v2 .profile-identity{gap:10px}
body.an-portfolio-v2 .profile-identity h1{font-size:16px;line-height:1.17;margin:2px 0}
body.an-portfolio-v2 .profile-identity h1 span{font-size:24px}
body.an-portfolio-v2 .profile-identity p{font-size:10px}
body.an-portfolio-v2 .profile-identity>div{padding-right:40px}
body.an-portfolio-v2 .profile-facts>div{padding:6px 5px;min-height:57px;border-radius:9px}
body.an-portfolio-v2 .profile-facts small{font-size:7px;letter-spacing:0}
body.an-portfolio-v2 .profile-facts strong{font-size:10px}
body.an-portfolio-v2 .an-portfolio-topnav{top:25px}
body.an-portfolio-v2 .an-portfolio-mini-intro{display:grid;gap:2px}
body.an-portfolio-v2 .an-portfolio-mini-intro h2{font-size:17px}
body.an-portfolio-v2 .an-portfolio-mini-intro p{font-size:9px}
body.an-portfolio-v2 .an-portfolio-mini-intro small{font-size:7px}
body.an-portfolio-v2 .an-portfolio-mini-intro .an-study-review{display:none}
body.an-portfolio-v2 .an-portfolio-jumps button{font-size:8px;min-height:43px}
body.an-portfolio-v2 .profile-section{padding:13px 12px}
body.an-portfolio-v2 .profile-section h2,body.an-portfolio-v2 .an-study-section>header h3{font-size:15px;margin:0 0 12px}
body.an-portfolio-v2 .an-portfolio-icon{width:29px;height:29px;font-size:16px}
body.an-portfolio-v2 .an-portfolio-serial{font-size:15px}
body.an-portfolio-v2 .an-fee-examples{grid-template-columns:1fr}
body.an-portfolio-v2 .an-portfolio-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.an-portfolio-v2 .an-portfolio-cost-grid label{font-size:9px}
body.an-portfolio-v2 .an-portfolio-cost-grid input{min-height:37px;font-size:11px}
}

/* 06 Nov: compact first-screen identity; filter moves into the empty LEFT side of the guide. */
body.an-portfolio-v2 .an-portfolio-mini-intro{
  display:grid!important;
  grid-template-columns:136px minmax(0,1fr) auto;
  align-items:center!important;
  gap:7px!important;
  padding:7px 10px!important;
  min-height:0!important;
}
body.an-portfolio-v2 .an-portfolio-mini-intro>div:not(.profile-navigation){min-width:0}
body.an-portfolio-v2 .an-portfolio-mini-intro>div:not(.profile-navigation) small{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.an-portfolio-v2 .an-portfolio-mini-intro h2{font-size:clamp(17px,2vw,21px)!important;margin:2px 0!important;line-height:1.12!important}
body.an-portfolio-v2 .an-portfolio-mini-intro p{font-size:10px!important;line-height:1.2!important;margin:1px 0!important}
body.an-portfolio-v2 .an-portfolio-topnav{
  display:block!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  width:136px!important;margin:0!important;min-height:0!important;grid-column:auto!important;z-index:24!important;
}
body.an-portfolio-v2 .an-portfolio-topnav details{
  width:100%!important;border-radius:9px!important;overflow:visible!important;
}
body.an-portfolio-v2 .an-portfolio-topnav summary{
  display:flex!important;width:100%!important;height:auto!important;min-height:36px!important;
  align-items:center!important;justify-content:space-between!important;
  padding:6px 9px!important;font-size:11px!important;white-space:nowrap!important;
}
body.an-portfolio-v2 .an-portfolio-topnav summary>span:first-child{font-size:16px!important}
body.an-portfolio-v2 .an-portfolio-topnav details:not([open]) nav{display:none!important}
body.an-portfolio-v2 .an-portfolio-topnav details[open] nav{
  display:block!important;position:absolute!important;top:38px!important;left:0!important;right:auto!important;
  width:min(310px,86vw)!important;max-height:70vh;overflow:auto;z-index:90!important;
}
body.an-portfolio-v2 .an-portfolio-jumps{max-height:37px!important;gap:5px!important;overflow:hidden}
body.an-portfolio-v2 .an-portfolio-jumps.expanded{max-height:none!important}
body.an-portfolio-v2 .an-portfolio-jumps button{min-height:34px!important;padding:5px 8px!important;font-size:10px!important;line-height:1.12!important}
body.an-portfolio-v2 .an-portfolio-jumps-toggle{font-size:10px!important;padding:3px 10px!important;line-height:1.3!important}
body.an-portfolio-v2 .profile-body{gap:7px!important}
body.an-portfolio-v2 .profile-layout{padding-top:7px!important}
body.an-portfolio-v2 .an-study-section>header{width:100%;display:flex;gap:0;margin:0 0 9px;padding:0 0 8px}
body.an-portfolio-v2 .an-study-section>header h3{width:100%!important;min-width:0;flex:1;margin:0!important;display:flex;align-items:center;gap:8px}
body.an-portfolio-v2 .an-portfolio-serial{margin-left:auto!important;font-size:19px!important;position:relative!important;right:auto!important;flex:none}
body.an-portfolio-v2 .profile-section h2{margin-right:0!important}
body.an-portfolio-v2 .an-portfolio-icon{flex:none}
@media(min-width:801px){
 body.an-portfolio-v2 .profile-banner{padding:6px 0 7px!important}
 body.an-portfolio-v2 .profile-banner .wrap{row-gap:2px!important;column-gap:14px!important}
 body.an-portfolio-v2 .profile-breadcrumb{margin:0 0 2px!important;font-size:10px!important;min-height:15px}
 body.an-portfolio-v2 .profile-identity{gap:9px!important;min-height:55px}
 body.an-portfolio-v2 .profile-identity .university-logo{width:60px!important;height:55px!important;padding:4px!important;border-radius:10px!important}
 body.an-portfolio-v2 .profile-identity .university-monogram{min-width:60px!important;max-width:60px!important;padding:5px!important;font-size:16px!important}
 body.an-portfolio-v2 .profile-identity h1{font-size:clamp(16px,1.7vw,21px)!important;margin:1px 0!important;line-height:1.09!important}
 body.an-portfolio-v2 .profile-identity h1 span{font-size:clamp(17px,1.9vw,24px)!important}
 body.an-portfolio-v2 .profile-identity .profile-label{font-size:9px!important}
 body.an-portfolio-v2 .profile-identity p{font-size:10px!important;margin:2px 0!important}
 body.an-portfolio-v2 .profile-facts{gap:6px!important;min-height:55px!important}
 body.an-portfolio-v2 .profile-facts>div{padding:4px 6px!important;border-radius:9px!important}
 body.an-portfolio-v2 .profile-facts small{font-size:8px!important;margin:0 0 3px!important}
 body.an-portfolio-v2 .profile-facts strong{font-size:clamp(11px,1vw,13px)!important;line-height:1.15!important}
 body.an-portfolio-v2 .an-portfolio-mini-intro .an-study-review{font-size:8px!important;padding:5px 7px!important;max-width:180px!important}
 body.an-portfolio-v2 .profile-section{padding:16px 18px!important}
}
@media(max-width:800px){
 body.an-portfolio-v2 .profile-banner{padding:6px 0 7px!important}
 body.an-portfolio-v2 .profile-banner .wrap{row-gap:5px!important}
 body.an-portfolio-v2 .profile-identity .university-logo{width:60px!important;height:60px!important;padding:4px!important}
 body.an-portfolio-v2 .profile-facts>div{padding:5px 5px!important;min-height:50px!important}
 body.an-portfolio-v2 .profile-facts strong{font-size:10px!important}
 body.an-portfolio-v2 .an-portfolio-mini-intro{grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important;padding:7px!important}
 body.an-portfolio-v2 .an-portfolio-topnav{width:42px!important}
 body.an-portfolio-v2 .an-portfolio-topnav summary{
   font-size:0!important;min-height:38px!important;width:42px!important;height:38px!important;
   padding:6px!important;justify-content:center!important
 }
 body.an-portfolio-v2 .an-portfolio-topnav summary>span:first-child{font-size:22px!important}
 body.an-portfolio-v2 .an-portfolio-topnav .menu-chevron{display:none!important}
 body.an-portfolio-v2 .an-portfolio-mini-intro .an-study-review{display:none!important}
 body.an-portfolio-v2 .an-portfolio-mini-intro h2{font-size:clamp(15px,3.8vw,19px)!important}
 body.an-portfolio-v2 .an-portfolio-jumps{max-height:40px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.an-portfolio-v2 .an-portfolio-jumps.expanded{max-height:none!important}
 body.an-portfolio-v2 .an-portfolio-jumps button{min-height:36px!important;font-size:9px!important;padding:3px 5px!important}
 body.an-portfolio-v2 .an-portfolio-jumps-toggle{font-size:9px!important}
 body.an-portfolio-v2 .an-portfolio-topnav details[open] nav{left:0!important;right:auto!important;width:min(300px,84vw)!important}
}

/* Final A&N support card follows the same right-edge numbering convention. */
body.an-portfolio-v2 #profile-support .an-guide-support-head{display:flex;align-items:center;gap:12px;min-width:0}
body.an-portfolio-v2 #profile-support .an-guide-support-head>div{min-width:0;flex:1}
body.an-portfolio-v2 #profile-support .an-guide-support-head h2{display:flex;align-items:center;gap:8px;width:100%;font-size:clamp(17px,2vw,23px)}
body.an-portfolio-v2 #profile-support .an-guide-support-head h2 .an-portfolio-serial{margin-left:auto!important;color:#bd711e}
body.an-portfolio-v2 #profile-support .an-guide-support-head h2 .an-portfolio-icon{flex:none}

/* Use orange for accents and white for the readable costing and visa copy. */
#app .university-profile :is(#profile-fees,#profile-arrival,#profile-spouse,#profile-visa) :is(.cost-note,.an-portfolio-alert,.an-portfolio-cost-grid label,.an-portfolio-total small,.visa-steps span){
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
}
#app .university-profile #profile-arrival .an-portfolio-total{
 background:#15171b!important;
}
#app .university-profile #profile-arrival .an-portfolio-total b{
 color:#ff8b3d!important;
}
#app .university-profile #profile-arrival .an-currency-myr{
 color:#77b9ff!important;
 -webkit-text-fill-color:#77b9ff!important;
}
#app .university-profile #profile-arrival .an-currency-bdt{
 color:#68df98!important;
 -webkit-text-fill-color:#68df98!important;
}
#app .university-profile #profile-ranking .profile-end-actions .btn{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 background:#a63f0b!important;
}