/* Mobile layouts share the existing content, forms and account permissions. */
.lr-panel,.lr-grid>*,.lr-form,.lr-form label,.lr-table,.lr-table td{min-width:0}
.lr-table{max-width:100%}.mobile-cell-value{min-width:0;overflow-wrap:anywhere}
@media(max-width:980px){
 .head-row{flex-wrap:nowrap;gap:10px;position:relative}.brand{min-width:0}.head-akun{margin-left:auto;gap:8px}
 .js .menu-btn{display:block;min-width:44px;min-height:44px;padding:10px}
 .js .nav{display:none;position:absolute;inset:100% 0 auto;margin:0;padding:10px;background:#fff;border:1px solid #d7e3f3;border-radius:0 0 12px 12px;box-shadow:0 12px 22px #10243f12;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 90px);overflow-y:auto;z-index:30}
 .js .nav.open{display:flex}.nav a{min-height:44px;display:flex;align-items:center;border-radius:7px}
 .language-switch{padding:2px;gap:0}.language-switch a{min-width:44px;min-height:44px;display:flex;justify-content:center;align-items:center;font-size:.76rem;padding:6px}
 .lr-toolbar .lr-actions{gap:6px 10px}.lr-toolbar .lr-actions>a,.lr-toolbar .lr-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 5px}
 .lr-link{min-height:44px;display:inline-flex;align-items:center}.lr-form input,.lr-form select,.lr-form textarea,.lr-actions input,.lr-actions select{font-size:16px;min-height:48px}
 .lr-form input[type=checkbox]{min-height:22px;width:22px;height:22px}.lr-form .lr-check{gap:10px;line-height:1.7}
}
@media(max-width:620px){
 .wrap{width:calc(100% - 32px)}.head-row{min-height:72px;gap:8px}.brand{gap:7px}.brand small{display:none}.brand b{font-size:1.08rem;white-space:nowrap}.as-mark{width:30px;min-width:30px;font-size:25px}.head-akun{gap:6px}
 .blue-hero-inner{padding-top:28px}.blue-hero h1{font-size:clamp(1.9rem,8.8vw,2.35rem);line-height:1.18}.blue-eyebrow{line-height:1.8;letter-spacing:.12em}
 .blue-actions{gap:10px}.blue-actions .btn{flex:1 1 160px;justify-content:center;min-height:48px;font-size:.88rem}
 .blue-about p,.lr-panel p{overflow-wrap:anywhere}.lr-space{padding-top:18px}.lr-panel{padding:20px}.lr-heading{margin:26px 0}.lr-heading h1{font-size:2rem;overflow-wrap:anywhere}
 .lr-toolbar{padding:16px;gap:12px}.lr-toolbar p{line-height:1.8}.lr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lr-metrics>div{padding:16px 13px}.lr-metrics strong{font-size:1.5rem}.lr-metrics span{line-height:1.6;display:block}
 .lr-grid{grid-template-columns:minmax(0,1fr)}.lr-grid .lr-panel{padding:22px}.lr-course-art{height:150px}.lr-grid h2{font-size:1.35rem;line-height:1.35}
 .lr-panel>form.lr-actions{align-items:stretch;gap:12px}.lr-panel>form.lr-actions label{width:100%;min-width:0}.lr-panel>form.lr-actions .btn{min-height:48px}
 .lr-auth{gap:20px;padding-top:24px;padding-bottom:40px}.lr-auth-intro{padding-top:0}.lr-auth h1{font-size:2.2rem}.lr-auth .lr-panel{padding:22px 18px}.lr-auth .lr-form{gap:18px}.lr-form .btn{min-height:48px}
 .lr-table.mobile-cards{overflow:visible}.mobile-cards table{display:block;min-width:0;width:100%}.mobile-cards thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .mobile-cards tbody{display:block}.mobile-cards tbody tr{display:block;border:1px solid #d7e3f3;border-radius:12px;margin-bottom:16px;overflow:hidden;background:#fff}
 .mobile-cards tbody td{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;padding:13px 12px;border-bottom:1px solid #e8eef7;font-size:.84rem;line-height:1.7;align-items:start}
 .mobile-cards tbody td::before{content:attr(data-label);font-weight:700;color:#526b87;overflow-wrap:anywhere}.mobile-cards tbody td:last-child{border-bottom:0}.mobile-cards .lr-progress{min-width:0;gap:7px;flex-wrap:wrap}.mobile-cards .lr-progress progress{min-width:70px;flex:1}.mobile-cards .lr-actions{gap:6px 12px}.mobile-cards .lr-link{padding:4px 0}.mobile-cards .btn{padding:8px 10px;font-size:.8rem}
 .lr-table:not(.mobile-cards){overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}
@media(max-width:350px){.brand b{font-size:.92rem}.as-mark{width:28px;min-width:28px;font-size:23px}.brand{gap:6px}.head-row{gap:6px}.head-akun{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}