/* v1.4.30 — editorial + fluent refinement: centered brand, frameless access, compact role rows */
@media (min-width:981px){
  .ef-shell{
    grid-template-rows:minmax(0,1fr) 22px;
    gap:8px;
  }
  .ef-header{display:none!important;}
  .ef-main{
    grid-row:1;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
    gap:clamp(30px,4vw,66px);
    align-items:center;
  }
  .ef-editorial{
    padding:10px 0 10px 20px;
    min-height:0;
    height:100%;
    justify-content:center;
    align-items:center;
    text-align:center;
  }
  .ef-editorial-brand{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
  }
  .ef-editorial-brand-logo{
    width:62px;
    height:62px;
    object-fit:contain;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.25));
    margin-bottom:8px;
  }
  .ef-editorial-brand-name{
    color:#f8fbff;
    font-size:1.14rem;
    line-height:1.2;
    font-weight:730;
    letter-spacing:-.012em;
  }
  .ef-editorial-brand-school{
    margin-top:4px;
    color:#52d8d9;
    font-size:.82rem;
    font-weight:720;
    letter-spacing:.12em;
  }
  .ef-title{
    margin-left:auto;
    margin-right:auto;
    max-width:760px;
    text-align:center;
    font-size:clamp(2.75rem,4.1vw,4.55rem);
  }
  .ef-copy{
    margin-left:auto;
    margin-right:auto;
    max-width:620px;
    text-align:center;
  }
  .ef-trust{
    justify-content:center;
    width:100%;
  }
  .ef-photo{
    left:4%;
    right:4%;
    opacity:.20;
  }
  .ef-access{
    width:auto;
    max-width:none;
    height:auto;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    align-self:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:visible;
  }
  .ef-access::before,.ef-access::after,.ef-access-decor{display:none!important;}
  .ef-access-head{
    width:100%;
    max-width:370px;
    padding:0;
    margin:0 0 14px;
    text-align:center;
  }
  .ef-access-title{
    margin:0;
    color:#d9f9ff;
    font-size:1.15rem;
    font-weight:700;
    letter-spacing:.02em;
  }
  .ef-access-copy{display:none!important;}
  .ef-role-list{
    width:max-content;
    max-width:100%;
    gap:10px;
    align-items:stretch;
  }
  .ef-role{
    width:370px;
    max-width:100%;
    min-height:0;
    height:64px;
    grid-template-columns:48px minmax(175px,1fr) 18px;
    gap:14px;
    padding:7px 16px 7px 9px;
    border-radius:16px;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.052));
    border:1px solid rgba(164,198,240,.20);
    box-shadow:0 8px 24px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.035);
  }
  .ef-role:hover{
    transform:translateX(3px);
    background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.075));
  }
  .ef-role-icon{
    width:46px;
    height:46px;
    border-radius:13px;
  }
  .ef-role-icon svg{width:23px;height:23px;}
  .ef-role-text{
    min-width:0;
    display:flex;
    align-items:center;
  }
  .ef-role-name{
    font-size:1.62rem;
    line-height:1;
    font-weight:760;
    letter-spacing:-.025em;
    white-space:nowrap;
  }
  .ef-role-desc{display:none!important;}
  .ef-role-arrow{
    font-size:2.05rem;
    line-height:1;
  }
  .ef-footer{grid-row:2;}
}

@media (min-width:981px) and (max-height:760px){
  .ef-editorial-brand{margin-bottom:10px;}
  .ef-editorial-brand-logo{width:50px;height:50px;margin-bottom:5px;}
  .ef-editorial-brand-name{font-size:1rem;}
  .ef-editorial-brand-school{font-size:.72rem;margin-top:2px;}
  .ef-title{font-size:clamp(2.45rem,3.65vw,3.75rem);}
  .ef-copy{margin-top:10px;margin-bottom:10px;font-size:.84rem;}
  .ef-trust-item{padding:5px 8px;}
  .ef-role-list{gap:7px;}
  .ef-role{height:54px;width:345px;grid-template-columns:42px minmax(170px,1fr) 16px;padding:5px 13px 5px 7px;}
  .ef-role-icon{width:40px;height:40px;border-radius:11px;}
  .ef-role-icon svg{width:20px;height:20px;}
  .ef-role-name{font-size:1.36rem;}
  .ef-access-head{margin-bottom:9px;}
  .ef-access-title{font-size:1rem;}
}

@media (min-width:981px) and (max-height:680px){
  .ef-shell{grid-template-rows:minmax(0,1fr);}
  .ef-footer{display:none!important;}
  .ef-editorial-brand-logo{width:44px;height:44px;}
  .ef-editorial-brand-name{font-size:.92rem;}
  .ef-editorial-brand-school{font-size:.66rem;}
  .ef-title{font-size:clamp(2.15rem,3.25vw,3.25rem);}
  .ef-copy{font-size:.78rem;}
  .ef-role{height:50px;width:330px;}
  .ef-role-name{font-size:1.26rem;}
}

@media (max-width:980px){
  .ef-header{display:none!important;}
  .ef-editorial{
    align-items:center;
    text-align:center;
  }
  .ef-editorial-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin:0 auto 16px;
  }
  .ef-editorial-brand-logo{width:58px;height:58px;object-fit:contain;margin-bottom:7px;filter:drop-shadow(0 7px 14px rgba(0,0,0,.22));}
  .ef-editorial-brand-name{color:#fff;font-size:1.05rem;font-weight:720;}
  .ef-editorial-brand-school{margin-top:3px;color:#52d8d9;font-size:.76rem;font-weight:700;letter-spacing:.11em;}
  .ef-title,.ef-copy{margin-left:auto;margin-right:auto;text-align:center;}
  .ef-trust{justify-content:center;}
  .ef-access{
    width:100%;
    max-width:none;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    align-items:center;
  }
  .ef-access::before,.ef-access::after,.ef-access-decor{display:none!important;}
  .ef-access-head{padding:0;text-align:center;margin:0 0 14px;}
  .ef-access-copy{display:none!important;}
  .ef-role-list{width:100%;align-items:center;}
  .ef-role{
    width:min(410px,100%);
    grid-template-columns:52px minmax(0,1fr) 20px;
    min-height:66px;
    height:auto;
    padding:7px 15px 7px 9px;
  }
  .ef-role-text{display:flex;align-items:center;min-width:0;}
  .ef-role-name{font-size:1.4rem;white-space:nowrap;}
  .ef-role-desc{display:none!important;}
}

@media (max-width:640px){
  .ef-editorial-brand{margin-bottom:12px;}
  .ef-editorial-brand-logo{width:50px;height:50px;}
  .ef-editorial-brand-name{font-size:.98rem;}
  .ef-editorial-brand-school{font-size:.7rem;}
  .ef-role{width:min(350px,100%);min-height:60px;grid-template-columns:46px minmax(0,1fr) 18px;gap:11px;border-radius:14px;}
  .ef-role-icon{width:44px;height:44px;border-radius:12px;}
  .ef-role-name{font-size:1.22rem;}
  .ef-access-title{font-size:1rem;}
}
