@import url('brand.css');
.student-account{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-inline-start:auto;padding:.35rem .6rem;font:600 .85rem/1.4 system-ui,sans-serif;max-width:100%;box-sizing:border-box}
.student-account a,.student-account button{font:inherit;color:#ffffff!important;text-decoration:none;border:1px solid rgba(167,216,200,0.45);border-radius:8px;padding:.45rem .85rem;background:rgba(255,255,255,0.08);cursor:pointer;white-space:normal;transition:.2s}
.student-account a:hover,.student-account button:hover{background:#ef715f!important;border-color:#ef715f!important;color:#ffffff!important}
.student-account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.student-account-name{display:none}
.account-menu-toggle{display:none}
@media(min-width:901px){.site-header:has(.top-nav){height:auto;min-height:92px;flex-wrap:wrap;padding-block:14px;gap:16px}.site-header .top-nav{flex:1 1 auto;justify-content:center;gap:clamp(12px,2vw,28px)}.site-header .top-nav>a{white-space:nowrap}.site-header .brand{flex-shrink:0}.student-account{flex-shrink:0;padding:0;margin-inline-start:0}}
@media(max-width:900px){.top-nav .student-account{width:100%;padding:8px;margin:0}.top-nav .student-account a{width:100%;border-radius:8px}.has-account-menu{position:sticky}.account-menu-toggle{display:grid;place-items:center;flex-shrink:0;margin-inline-start:auto;width:44px;height:44px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font-size:24px;cursor:pointer}.has-account-menu>.student-account{display:none;position:absolute;top:100%;inset-inline:12px;padding:12px;background:#113b39;color:white;border:1px solid #53786c;box-shadow:0 12px 24px #0002;z-index:25}.has-account-menu>.student-account.account-menu-open{display:flex}.has-account-menu>.student-account a{width:100%}}
.site-header:has(.student-account),.reading-header:has(.student-account){column-gap:12px}
.profile-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem max(16px,calc((100% - 1100px)/2));background:#113b39;color:#fff}
.profile-header .brand{color:inherit;text-decoration:none;display:grid;letter-spacing:.12em}.profile-header small{font-size:.65rem;margin-top:.4rem}
body[data-student-profile]{margin:0;background:#f4f8f6;color:#163d3b;font:16px/1.6 system-ui,sans-serif}
.profile-main{max-width:1100px;margin:auto;padding:28px 16px 60px}.profile-main h1{font-size:clamp(1.6rem,4vw,2.3rem);margin:.25rem 0}
.profile-main h2{font-size:1.2rem}.profile-main p{max-width:75ch}.profile-panel{background:#fff;border:1px solid #d3e3dc;border-radius:16px;padding:20px;margin:18px 0}
.profile-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-main button,.profile-main select,.profile-main input{font:inherit;padding:10px 14px;border:1px solid #b6cec3;border-radius:8px;background:#fff;color:#163d3b;max-width:100%;box-sizing:border-box}
.profile-main button{cursor:pointer}.profile-main .primary{background:#b9402e;color:#fff;border-color:#b9402e}.profile-main label{display:grid;gap:4px}.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.profile-metric{padding:16px;border-radius:12px;background:#e7f2ed}.profile-metric strong{display:block;font-size:1.8rem}
.profile-activity{padding:16px 0;border-bottom:1px solid #d3e3dc;overflow-wrap:anywhere}.profile-activity:last-child{border:0}.profile-activity a{color:#185f58}.profile-notice{font-size:.9rem;color:#526962}.profile-print-heading{display:none}.profile-status{color:#923323}
@media(max-width:600px){.profile-main{padding-inline:12px}.profile-panel{padding:14px}.profile-metrics{gap:6px}.profile-metric{padding:10px;font-size:.8rem}.student-account{margin-inline-start:0}.profile-header{padding:12px}.student-account-name{max-width:110px}}
@media(max-width:360px){.site-header:has(.student-account),.reading-header:has(.student-account){column-gap:6px}.student-account{max-width:100px;padding:0}.student-account a{font-size:.75rem;padding:.35rem .45rem}.student-account-name{display:none}}
@media print{@page{size:A4;margin:16mm}.profile-header,.student-account,.profile-toolbar,.profile-no-print{display:none!important}.profile-print-heading{display:block}.profile-main{max-width:none;padding:0}.profile-panel{border:0;padding:0}.profile-activity,.profile-metric{break-inside:avoid}body[data-student-profile]{background:white;color:black}.profile-activity a{color:black;text-decoration:none}.profile-metric{border:1px solid #ccc;background:white}.profile-notice{color:#333}}

@media(max-width:900px){
 body .has-account-menu{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:72px;height:auto}
 body .has-account-menu .reading-header-inner{flex:1;min-width:0}
 body .has-account-menu>.student-account{flex-direction:column;align-items:stretch;max-width:none;max-height:calc(100dvh - 100px);overflow-y:auto}
 body .has-account-menu #student-account :is(.site-nav,.veg-nav,.language-header-links,.reading-header-meta){display:flex!important;flex-direction:column;align-items:stretch;width:100%;gap:8px;margin:0;padding:0}
 body .has-account-menu #student-account a{display:block;width:100%;box-sizing:border-box;background:transparent!important;color:#fff!important;border:1px solid #53786c!important;border-radius:8px;padding:10px 12px!important;white-space:normal;overflow-wrap:anywhere;text-decoration:none;line-height:1.4;font-size:.85rem}
}
.profile-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.profile-entry-grid .profile-panel{margin:0}.profile-entry-grid input[type=email]{width:100%;box-sizing:border-box;min-width:0}.profile-entry-grid label{min-width:0;width:100%}.profile-entry-grid .profile-toolbar{align-items:end}.profile-entry-grid .profile-panel p{line-height:1.7}@media(max-width:760px){.profile-entry-grid{grid-template-columns:1fr}}