.student-body{background:#f8f8f7;color:#242321}
body.student-body .public-chrome,body.student-body .site-footer{display:block}
.student-header{padding:18px max(24px,calc((100vw - 1260px)/2));min-height:88px}
.student-header nav{align-items:center}
.account-avatar{width:34px;height:34px;background:#242321;color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:800;flex-shrink:0}
.account-avatar.large{width:68px;height:68px;font-size:28px;background:#fff0df;color:#a95010}
.account-menu{position:relative}
.account-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none}
.account-menu summary::-webkit-details-marker{display:none}
.account-nav-btn{display:inline-flex;align-items:center;padding:0 14px;height:40px;border-radius:11px;font-size:11px;font-weight:750;background:#181512;color:#fff;border:0;transition:.2s}
.account-nav-btn:hover{background:#2b2622;transform:translateY(-1px)}
.account-dropdown{position:absolute;right:0;top:48px;z-index:100;background:white;min-width:255px;max-width:min(340px,calc(100vw - 24px));padding:20px;box-shadow:0 18px 50px rgba(23,21,20,.18);border:1px solid var(--line);border-radius:14px}
.account-dropdown strong,.account-dropdown small,.account-dropdown a{display:block;overflow-wrap:anywhere}
.account-dropdown small{color:var(--muted);margin:6px 0 14px;font-weight:400}
.account-dropdown a{padding:11px 0;border-top:1px solid #f3eee9;font-weight:600;font-size:13px;color:#3d3935;transition:color .18s}
.account-dropdown a:hover{color:#ff7a18}
.account-dropdown form{margin:12px 0 0}
.mobile-user-card{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff2e4;border-radius:14px;border:1px solid #fed7aa;margin-bottom:6px}

.account-banner{background:#25231f;color:white;padding:44px max(24px,calc((100vw - 1212px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}
.account-banner .welcome-kicker{color:#ffc381;letter-spacing:2px}
.account-banner h1{font-size:clamp(28px,4.5vw,42px);letter-spacing:-1.5px;margin:14px 0 10px;line-height:1.15}
.account-banner p{color:#c9c2b8;margin:0;font-size:15px}
.account-shell{max-width:1260px;padding:35px 24px 70px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.account-sidebar{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px 12px;position:sticky;top:24px}
.account-person{display:flex;flex-direction:column;align-items:center;gap:11px;padding:6px 10px 24px;text-align:center;overflow-wrap:anywhere}
.account-person strong{font-size:17px;max-width:100%}
.account-person small{color:var(--muted)}
.account-sidebar nav a{padding:14px;display:flex;align-items:center;gap:12px;border-radius:9px;font-weight:650;color:#6c6660;margin:4px 0;transition:.2s}
.account-sidebar nav a:hover,.account-sidebar nav a.active{background:#fff2e4;color:#a64c0c}
.account-sidebar nav a.active{box-shadow:inset 3px 0 #ff8c23}
.account-sidebar nav a span{width:19px;font-size:18px}
.account-help{border-top:1px solid var(--line);margin:20px 10px 0;padding-top:20px;display:block;font-size:12px;color:#877668}
.account-content{min-width:0}
.account-content>.notice:first-child{margin-top:0}
.account-welcome{padding:8px 0 23px}
.account-welcome h2{font-size:clamp(24px,3.5vw,30px);margin:12px 0;letter-spacing:-1px}
.account-welcome p{color:#79736c;line-height:1.6}

.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}
.account-stats a{background:#fff;border:1px solid var(--line);padding:22px 18px;border-radius:14px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,border-color .2s;box-shadow:0 6px 18px rgba(0,0,0,.025)}
.account-stats a:hover{transform:translateY(-2px);border-color:#ff8c23}
.account-stats small{color:#81776d;font-size:12px}
.account-stats strong{font-size:35px;letter-spacing:-1px;font-weight:800;color:#242321}
.account-stats span{font-size:11px;color:#a95d25}

.account-section{padding:28px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:24px}
.account-section h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}
.account-section>.panel-form{margin-top:28px}
.account-empty{text-align:center;padding:36px 24px}
.account-empty>span{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;background:#fff3e7;color:#dc822e;border-radius:20px;font-size:32px}
.account-empty h3{font-size:21px;margin:22px 0 12px;letter-spacing:-.5px}
.account-empty p{color:#817a71;line-height:1.8;max-width:410px;margin:0 auto 24px}

.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.learning-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 14px rgba(0,0,0,.03);transition:transform .2s,border-color .2s}
.learning-card:hover{transform:translateY(-3px);border-color:#ff8c23}
.learning-card>div:last-child{padding:20px;display:flex;flex-direction:column;flex:1}
.learning-card h3{font-size:18px;line-height:1.5;margin:12px 0 8px}
.learning-card p{font-size:12px;color:#81776d;line-height:1.6}
.learning-art{height:140px;background:radial-gradient(circle at 85% 20%,#9d662b55,transparent 50%),#2b2925;color:#ffc179;display:flex;align-items:center;justify-content:center;position:relative}
.learning-art>span{font-size:65px}
.learning-art small{position:absolute;bottom:14px;right:16px;letter-spacing:2px;font-size:10px}
.learning-card .pill-link{margin-top:auto;align-self:flex-start}

.password-form{display:grid;gap:20px;max-width:470px}
.password-form button{justify-self:start}
.account-footer{text-align:center;padding:25px;border-top:1px solid var(--line);color:#918679;font-size:12px;background:#fff}

.student-auth{max-width:1220px;padding:64px 24px 85px;margin:auto;display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center}
.auth-story h1{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-2px;margin:20px 0}
.auth-story>p{color:#7e766b;line-height:1.9;max-width:440px;font-size:16px}
.auth-illustration{background:#f5eddf;border:1px solid #ecdfcc;border-radius:30px;max-width:425px;padding:28px;margin:35px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-2deg)}
.auth-illustration>*{border-radius:14px;padding:20px;font-weight:800;letter-spacing:2px;background:#fff;font-size:21px}
.auth-illustration b{background:#25231f;color:#ffb65f;text-align:center;font-size:42px;grid-row:span 2;display:flex;align-items:center;justify-content:center}
.auth-illustration>span:last-child{background:#ffa443;color:#3c270e}
.auth-benefits{display:flex;flex-wrap:wrap;gap:15px;color:#8d6a41;font-size:12px}
.student-auth .auth-card{width:100%;padding:38px;box-shadow:0 20px 65px rgba(54,37,17,.08);border-radius:22px;background:#fff;border:1px solid #f4eadf}
.student-auth .auth-card h1{font-size:29px;line-height:1.2;margin:10px 0}
.auth-switch{text-align:center;border-top:1px solid var(--line);padding-top:20px;font-size:13px}
.auth-tabs{display:flex;gap:6px;padding:5px;margin-bottom:26px;background:#f5eddf;border:1px solid #ecdfcc;border-radius:14px}
.auth-tabs a{flex:1;min-width:0;padding:11px 12px;border-radius:10px;text-align:center;font-weight:700;color:#74644f;text-decoration:none}
.auth-tabs a:hover{color:#38291b;background:#eee1cf;text-decoration:none}
.auth-tabs a[aria-current="page"]{background:#302820;color:#fff;box-shadow:0 3px 9px #36251116}
.auth-tabs a:focus-visible{outline:3px solid #ad701e;outline-offset:2px}
.auth-back{display:inline-block;font-size:12px;color:#8c7f70;margin:6px 0 18px}
.resource-list{display:grid;gap:12px}
.resource-list>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.2s}
.resource-list>a:hover{border-color:#ff8c23}
.resource-list small{display:block;color:#8c7f70;margin-top:8px}
.resource-list>a>span{color:#a64c0c;font-size:12px;font-weight:700;white-space:nowrap}

.profile-header-card{display:flex;align-items:center;gap:18px;padding:18px;background:linear-gradient(135deg,#fffbf5 0%,#fbf4eb 100%);border:1px solid #fed7aa;border-radius:14px;margin-bottom:18px}
.profile-avatar-wrap{flex-shrink:0}
.profile-avatar-wrap .account-avatar.large{width:62px;height:62px;font-size:24px;border:3px solid #ffedd5;box-shadow:0 4px 12px rgba(234,88,12,.12)}
.profile-header-info{display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden}
.profile-role-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:0.5px;background:#ff8c23;color:#fff;width:max-content}
.profile-header-info h2{margin:0;font-size:20px;letter-spacing:-.4px;line-height:1.2;color:#1e1b18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-email-meta{margin:0;font-size:13px;color:#857567;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.input-readonly{background:#f3eee7!important;color:#6b6257!important;cursor:not-allowed;border-color:#e2dad0!important}
.field-hint{color:#8a7f72;font-size:11px;line-height:1.4;margin-top:2px}

.mobile-account-hub,.mobile-subpage-nav{display:none}
.account-avatar.xlarge{width:76px;height:76px;font-size:30px;font-weight:850;background:linear-gradient(135deg,#fff2e4 0%,#fed7aa 100%);color:#c25408;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #ffedd5;box-shadow:0 4px 14px rgba(255,140,35,.2)}

.wishlist-badge-count{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:#fff2e4;color:#c25408;font-size:11px;font-weight:800;border:1px solid #fed7aa}
.wishlist-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wishlist-account-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(0,0,0,.03);transition:transform .2s,border-color .2s}
.wishlist-account-card:hover{transform:translateY(-2px);border-color:#ff8c23}
.wishlist-card-thumb{height:120px;background:radial-gradient(circle at 85% 20%,#874b12 0%,#26201a 70%);padding:14px;display:flex;justify-content:space-between;align-items:flex-start;position:relative}
.wishlist-card-thumb .thumb-badge{background:rgba(255,255,255,.92);color:#241d16;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.5px}
.wishlist-card-thumb .thumb-price{background:linear-gradient(135deg,#ff8c23,#ffb326);color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 4px 10px rgba(255,140,35,.3)}
.wishlist-card-body{padding:16px;display:flex;flex-direction:column;flex:1}
.wishlist-card-body h3{font-size:16px;margin:0 0 6px;line-height:1.35;letter-spacing:-.3px}
.wishlist-card-body p{font-size:12px;color:#7c7268;margin:0 0 14px;line-height:1.5;flex:1}
.wishlist-card-actions{display:flex;gap:8px;align-items:center;margin-top:auto}
.wishlist-card-actions .btn-main{padding:8px 16px;min-height:38px;font-size:12px}

/* Tablet Breakpoints */
@media(max-width:1000px){
  .student-auth{gap:35px;grid-template-columns:1fr 420px;padding:48px 20px 70px}
  .account-shell{gap:20px;grid-template-columns:210px minmax(0,1fr)}
  .account-stats a{padding:18px 14px}
  .account-section{padding:22px}
  .wishlist-account-grid{grid-template-columns:1fr 1fr}
}

/* Mobile Breakpoints (<= 768px) */
@media(max-width:768px){
  .student-header{padding:12px 14px;min-height:64px}
  .account-nav-btn{padding:0 8px;min-width:38px;height:38px;border-radius:50%;justify-content:center}
  .account-btn-label{display:none}
  .account-nav-btn .account-avatar{margin-right:0!important;width:24px;height:24px;font-size:11px}
  .account-dropdown{top:46px;right:0;width:min(320px,calc(100vw - 20px));padding:18px}
  
  /* Hide bulky desktop banners, sidebar and desktop overview on mobile */
  .account-banner,
  .account-sidebar,
  .desktop-account-overview,
  .desktop-only-section,
  body.student-body .footer-cta-wrap{display:none!important}

  /* Show native mobile back navigation */
  .mobile-subpage-nav{display:flex!important;align-items:center!important;margin-bottom:12px!important}
  .mobile-back-link{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:13px!important;font-weight:800!important;color:#ff7a18!important;text-decoration:none!important;padding:6px 14px 6px 10px!important;border-radius:999px!important;background:#fff5eb!important;border:1px solid #fed7aa!important;box-shadow:0 2px 8px rgba(255,122,24,.08)!important}
  .mobile-back-link .back-ico{font-size:20px!important;line-height:1!important;margin-top:-1px!important}

  /* Udemy-Style Mobile Account Hub */
  .mobile-account-hub{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;box-sizing:border-box!important}
  .mobile-hub-user-card{display:flex!important;align-items:center!important;gap:14px!important;padding:16px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 4px 16px rgba(0,0,0,.03)!important}
  .mobile-hub-avatar-wrap{flex-shrink:0!important}
  .mobile-hub-avatar-wrap .account-avatar.xlarge{width:56px!important;height:56px!important;font-size:24px!important}
  .mobile-hub-user-details{flex:1 1 0%!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
  .hub-user-role{font-size:9px!important;font-weight:850!important;letter-spacing:0.6px!important;text-transform:uppercase!important;color:#c25408!important;background:#fff2e4!important;padding:2px 7px!important;border-radius:999px!important;width:max-content!important}
  .mobile-hub-user-details h2{font-size:17px!important;font-weight:850!important;margin:0!important;color:#1e1b18!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .hub-user-email{font-size:12px!important;color:#7f7468!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .mobile-hub-edit-btn{display:inline-flex!important;align-items:center!important;padding:7px 13px!important;border-radius:999px!important;background:#24201c!important;color:#fff!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important;flex-shrink:0!important}

  /* Quick stats row */
  .mobile-hub-stats-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  .hub-stat-item{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:12px 6px!important;text-align:center!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;gap:3px!important;box-shadow:0 2px 8px rgba(0,0,0,.02)!important}
  .hub-stat-item strong{font-size:20px!important;font-weight:900!important;color:#ff7a18!important;line-height:1!important}
  .hub-stat-item span{font-size:10px!important;color:#796e62!important;font-weight:700!important}

  /* Grouped menu lists */
  .mobile-hub-menu-group{display:flex!important;flex-direction:column!important;gap:6px!important}
  .hub-group-title{font-size:11px!important;font-weight:800!important;color:#887d70!important;letter-spacing:0.8px!important;padding:0 4px!important}
  .hub-menu-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 3px 12px rgba(0,0,0,.02)!important}
  .hub-menu-item{display:flex!important;align-items:center!important;gap:13px!important;padding:13px 15px!important;text-decoration:none!important;border-bottom:1px solid #f6f2ec!important}
  .hub-menu-item:last-child{border-bottom:0!important}
  .hub-item-icon{width:36px!important;height:36px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;flex-shrink:0!important}
  .hub-item-icon.learning{background:#eef2ff!important;color:#4338ca!important}
  .hub-item-icon.wishlist{background:#fff1f2!important;color:#e11d48!important}
  .hub-item-icon.profile{background:#fff7ed!important;color:#ea580c!important}
  .hub-item-icon.security{background:#f0fdf4!important;color:#16a34a!important}
  .hub-item-icon.billing{background:#fefce8!important;color:#ca8a04!important}
  .hub-item-icon.support{background:#f5f3ff!important;color:#7c3aed!important}
  .hub-item-icon.logout{background:#fef2f2!important;color:#dc2626!important}

  .hub-item-label{flex:1 1 0%!important;min-width:0!important}
  .hub-item-label strong{display:block!important;font-size:14px!important;font-weight:750!important;color:#24201c!important;line-height:1.3!important}
  .hub-item-label small{display:block!important;font-size:11px!important;color:#887d72!important;margin-top:1px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .hub-item-chevron{font-size:19px!important;color:#c4b9ad!important;font-weight:700!important}
  .hub-logout-item strong{color:#dc2626!important}

  /* 4. Edit Profile View (Udemy mobile style) */
  .mobile-profile-hero{text-align:center!important;padding:22px 16px 18px!important;background:linear-gradient(180deg,#fffbf6 0%,#fff 100%)!important;border:1px solid var(--line)!important;border-radius:18px!important;margin-bottom:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;box-shadow:0 4px 14px rgba(0,0,0,.02)!important}
  .mobile-profile-avatar-box{position:relative!important;width:76px!important;height:76px!important;margin:0 auto 10px!important}
  .mobile-profile-avatar-box .account-avatar.xlarge{width:76px!important;height:76px!important;font-size:30px!important}
  .avatar-camera-pill{position:absolute!important;bottom:-1px!important;right:-1px!important;width:25px!important;height:25px!important;border-radius:50%!important;background:#ff7a18!important;color:#fff!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important}
  .mobile-profile-name{font-size:19px!important;font-weight:850!important;margin:0 0 6px!important;color:#1c1917!important}
  .mobile-profile-tags{display:flex!important;gap:6px!important;justify-content:center!important;flex-wrap:wrap!important}
  .mobile-profile-chip{font-size:11px!important;font-weight:750!important;padding:3px 10px!important;border-radius:999px!important}
  .mobile-profile-chip.role{background:#fff2e4!important;color:#c25408!important;border:1px solid #fed7aa!important}
  .mobile-profile-chip.email{background:#f5f2ed!important;color:#695e53!important}

  /* Form Cards (Inset Grouped Style) */
  .mobile-form-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:16px 14px!important;margin-bottom:14px!important;box-shadow:0 3px 12px rgba(0,0,0,.02)!important}
  .mobile-card-title{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px solid #f6f2ec!important}
  .mobile-card-title .card-icon{font-size:15px!important}
  .mobile-card-title h3{font-size:13px!important;font-weight:800!important;margin:0!important;color:#2b2520!important;letter-spacing:-0.2px!important}
  .mobile-field-group{display:flex!important;flex-direction:column!important;gap:12px!important}
  .mobile-field-group label{display:flex!important;flex-direction:column!important;gap:6px!important;font-size:12px!important;font-weight:750!important;color:#453e37!important;margin:0!important}
  .label-row{display:flex!important;justify-content:space-between!important;align-items:center!important}
  .locked-badge{font-size:10px!important;font-weight:800!important;color:#7b6f63!important;background:#eee7dd!important;padding:2px 7px!important;border-radius:999px!important}
  .mobile-profile-form input,
  .mobile-profile-form textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important;min-height:48px!important;border-radius:12px!important;padding:11px 14px!important;border:1.5px solid #ded5c9!important;background:#faf8f5!important;color:#201c18!important;transition:border-color .2s,box-shadow .2s!important}
  .mobile-profile-form input:focus,
  .mobile-profile-form textarea:focus{border-color:#ff7a18!important;background:#fff!important;outline:none!important;box-shadow:0 0 0 3px rgba(255,122,24,.16)!important}
  .mobile-profile-form textarea{min-height:100px!important;line-height:1.5!important}
  .sticky-mobile-actions{margin-top:18px!important;width:100%!important}
  .mobile-save-btn{width:100%!important;min-height:50px!important;font-size:15px!important;font-weight:850!important;border-radius:13px!important;background:linear-gradient(135deg,#ff7a18,#ffa424)!important;color:#241403!important;border:0!important;box-shadow:0 10px 24px rgba(255,122,24,.28)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}

  .account-shell{
    padding:14px 12px calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    grid-template-columns:minmax(0, 1fr) !important;
    width:100% !important;
    max-width:100vw !important;
    box-sizing:border-box !important;
    gap:14px !important;
  }
  .account-sidebar{
    position:static;
    padding:6px;
    border-radius:14px;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .account-person,.account-help{display:none}
  .account-sidebar nav{
    display:flex;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    gap:6px;
    scrollbar-width:none;
    padding:4px 2px;
    width:100% !important;
    box-sizing:border-box !important;
  }
  .account-sidebar nav::-webkit-scrollbar{display:none}
  .account-sidebar nav a{
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    padding:9px 13px;
    border-radius:999px;
    background:#faf7f2;
    border:1px solid var(--line);
    margin:0;
    flex:0 0 auto;
  }
  .account-sidebar nav a.active{
    background:#ff8c23;
    color:#fff;
    border-color:#ff8c23;
    box-shadow:0 3px 10px rgba(255,140,35,.25);
  }
  .account-sidebar nav a span{display:inline-block;margin-right:4px;width:auto;font-size:13px}

  .account-content{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .account-section{
    padding:18px 14px !important;
    border-radius:14px !important;
    margin-bottom:16px !important;
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
  .account-section h2{font-size:18px}

  .wishlist-account-grid{grid-template-columns:1fr !important;gap:14px}
  .wishlist-card-actions{flex-direction:row;width:100%}
  .wishlist-card-actions .btn-main{flex:1;text-align:center;justify-content:center}
  .wishlist-card-actions .pill-link{flex:1;text-align:center;justify-content:center;min-height:38px;box-sizing:border-box}

  .learning-grid{grid-template-columns:1fr;gap:14px}
  .learning-card .pill-link{width:100%;text-align:center;justify-content:center;min-height:42px;box-sizing:border-box}

  .student-auth{grid-template-columns:1fr;padding:24px 14px 50px;max-width:500px}
  .auth-story{display:none}
  .student-auth .auth-card{padding:26px 18px;border-radius:18px}

  .resource-list>a{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}
  .resource-list>a>span{width:100%;text-align:center;padding:9px;background:#fff5eb;border-radius:8px;box-sizing:border-box}

  .account-footer{
    text-align:center;
    padding:20px 14px calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    border-top:1px solid var(--line);
    color:#918679;
    font-size:12px;
    background:#fff;
  }
}

/* Small Smartphone Breakpoints (<= 520px) */
@media(max-width:520px){
  .account-stats{grid-template-columns:1fr;gap:9px;margin-bottom:18px}
  .account-stats a{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px}
  .account-stats strong{font-size:24px;order:2}
  .account-stats small{font-size:12px;order:1;margin:0}
  .account-stats span{display:none}

  .account-empty{padding:24px 10px}
  .account-empty>span{width:54px;height:54px;font-size:26px}
  .account-empty h3{font-size:18px}

  .student-auth{padding:16px 12px 36px}
  .student-auth .auth-card{padding:22px 14px}
  .student-auth .auth-card h1{font-size:24px}

  .table-scroller table{min-width:480px}
}

@media(max-width:360px){
  .account-banner h1{font-size:24px}
  .account-sidebar nav a{padding:8px 10px;font-size:11px}
  .account-stats strong{font-size:20px}
  .account-section{padding:14px 10px !important}
}

/* Small Smartphone Breakpoints (<= 520px) */
@media(max-width:520px){
  .account-stats{grid-template-columns:1fr;gap:9px;margin-bottom:18px}
  .account-stats a{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px}
  .account-stats strong{font-size:24px;order:2}
  .account-stats small{font-size:12px;order:1;margin:0}
  .account-stats span{display:none}

  .account-empty{padding:24px 10px}
  .account-empty>span{width:54px;height:54px;font-size:26px}
  .account-empty h3{font-size:18px}

  .student-auth{padding:16px 12px 36px}
  .student-auth .auth-card{padding:22px 14px}
  .student-auth .auth-card h1{font-size:24px}

  .table-scroller table{min-width:480px}
}

@media(max-width:360px){
  .account-banner h1{font-size:24px}
  .account-sidebar nav a{padding:8px 10px;font-size:11px}
  .account-stats strong{font-size:20px}
  .account-section{padding:14px 10px !important}
}