/* Student Figure 1 cockpit. Scoped so teacher, login and iframe pages keep their styles. */
.student-session { background:#020913; }
.student-session .portal-shell { max-width:1920px; height:100vh; padding:0 24px 6px; }
.student-session .topbar,.student-session .platform-head,.student-session .profile-strip,.student-session #platformCards,.student-session .portal-footer { display:none; }
.student-session main { height:100%; min-height:0; }
.student-session #platformView.student-mode { display:block; height:100%; min-height:0; margin:0; overflow:hidden; }
.student-home-cockpit-v1,.student-home-cockpit-v1 * { box-sizing:border-box; }
.student-home-cockpit-v1 { --sh-bg:#020913;--sh-panel:rgba(6,20,36,.84);--sh-text:#ecfeff;--sh-muted:rgba(236,254,255,.62);--sh-cyan:#22d3ee;--sh-teal:#5eead4;--sh-green:#4ade80;--sh-blue:#3b82f6;--sh-amber:#fbbf24;--sh-purple:#8b5cf6; position:relative; height:100%; min-height:0; color:var(--sh-text); font-family:var(--tc-font,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif); display:grid; grid-template-rows:60px minmax(0,1fr) 185px 28px; gap:8px; overflow:hidden; background:#020913 url("./assets/student-cockpit/student-cockpit-figure1-assets/scene/dashboard-bg.svg") center/cover no-repeat; isolation:isolate; }
.student-home-cockpit-v1::before { content:""; position:absolute; inset:60px 0 0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 51% 40%,rgba(17,125,170,.22),transparent 30%),linear-gradient(180deg,transparent 0,rgba(0,12,25,.48) 100%); }
.student-home-cockpit-v1::after { content:""; position:absolute; inset:60px 0 28px; z-index:-1; pointer-events:none; opacity:.22; background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(89,221,255,.06) 5px 6px); mix-blend-mode:screen; }
.sh-header { display:flex; align-items:center; min-width:0; gap:20px; border-bottom:1px solid rgba(74,222,255,.38); background:linear-gradient(180deg,rgba(3,17,31,.94),rgba(3,13,25,.68)); }
.sh-brand { display:flex; align-items:center; gap:9px; min-width:285px; }.sh-brand-mark { display:grid; place-items:center; width:35px;height:35px;border:1px solid var(--sh-cyan);border-radius:50%;box-shadow:0 0 16px #22d3ee66 }.sh-brand-mark .sh-icon{width:22px;height:22px}.sh-brand strong{display:block;font-size:17px;letter-spacing:.5px;white-space:nowrap}.sh-brand small{display:block;margin-top:2px;color:#71cddd;font:8px/1 var(--tc-font);letter-spacing:.4px;white-space:nowrap}
.sh-nav { display:flex; align-items:stretch; align-self:stretch; gap:5px; flex:1; justify-content:center; }.sh-nav button{position:relative;min-height:0;padding:0 20px;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--sh-muted);background:transparent;font-size:14px;cursor:pointer}.sh-nav button.is-active{color:#eaffff;border-bottom-color:var(--sh-cyan);background:linear-gradient(180deg,transparent,#0b6b8740)}.sh-nav button.is-active::after{content:"";position:absolute;bottom:-4px;left:25%;right:25%;height:4px;background:var(--sh-cyan);filter:blur(6px)}
.sh-head-actions{display:flex;align-items:center;gap:10px;min-width:400px;justify-content:flex-end}.sh-search{display:flex;align-items:center;gap:6px;width:165px;height:30px;padding:0 9px;border:1px solid #3ba9ca99;border-radius:15px;background:#051628b8}.sh-search .sh-icon{width:15px}.sh-search input{min-width:0;height:24px;padding:0;border:0;background:transparent;color:var(--sh-text);font-size:10px;outline:0}.sh-search input::placeholder{color:#83a5b8}.sh-bell,.sh-user{min-height:0;border:0;background:transparent;cursor:pointer}.sh-bell{position:relative;padding:5px}.sh-bell .sh-icon{width:22px}.sh-bell i{position:absolute;right:2px;top:1px;width:6px;height:6px;border-radius:50%;background:#fb7185;box-shadow:0 0 8px #fb7185}.sh-user{display:flex;align-items:center;gap:7px;padding:2px 0 2px 5px;color:var(--sh-text);text-align:left}.sh-avatar{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--sh-cyan);border-radius:50%;background:linear-gradient(135deg,#225681,#8bdcff);color:#061729;font-weight:900}.sh-user b,.sh-user small{display:block;white-space:nowrap}.sh-user b{font-size:12px}.sh-user small{margin-top:2px;color:var(--sh-muted);font-size:9px}.sh-user em{color:#b8eaff;font-style:normal}
.sh-main{display:grid;grid-template-columns:minmax(230px,.24fr) minmax(490px,.51fr) minmax(280px,.25fr);gap:12px;min-height:0;}.sh-glass{position:relative;border:1px solid #3dc9ee8c;background:linear-gradient(145deg,rgba(9,29,48,.91),rgba(4,14,27,.78));box-shadow:inset 0 1px rgba(207,249,255,.12),0 12px 32px #0008;clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px)}
.sh-task{--sh-delay:0ms;display:flex;flex-direction:column;min-height:0;padding:17px 15px;animation:sh-in .55s var(--sh-delay) both}.sh-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--sh-text)}.sh-panel-title>span{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:800}.sh-panel-title small{color:#61c6dc;font-size:9px;letter-spacing:.7px}.sh-panel-title a,.sh-panel-title select{color:#8deaff;font-size:10px;background:transparent;border:0}.sh-icon{width:19px;height:19px;display:inline-block;flex:none}.sh-task-thumb{display:flex;flex-direction:column;gap:4px;margin-top:13px;padding:9px;border:1px solid #3999bc88;border-radius:13px;background:#051426d9}.sh-task-thumb img{width:100%;height:92px;object-fit:cover;border-radius:7px;opacity:.9}.sh-task-thumb span,.sh-task-thumb small{color:#8db6ca;font-size:10px}.sh-task-thumb strong{font-size:17px;line-height:1.25}.sh-task-thumb strong b{color:var(--sh-cyan);float:right;font-size:24px}.sh-task-thumb label{font-size:12px}.sh-task-metrics{display:grid;gap:14px;margin-top:17px}.sh-task-metrics>div:first-child{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.sh-task-metrics span{color:#b6d0dd;font-size:11px}.sh-progress-value{color:var(--sh-teal);font-size:18px}.sh-task-metrics i,.sh-module-copy label i{display:block;grid-column:1/-1;height:8px;overflow:hidden;border-radius:8px;background:#1a3b50}.sh-task-metrics i em,.sh-module-copy label i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sh-teal),var(--sh-cyan));box-shadow:0 0 12px #44ead0}.sh-task-row{display:flex;align-items:center;gap:8px}.sh-task-row .sh-icon{width:18px;color:#f8b454}.sh-task-row b{margin-left:auto;font-size:13px}.sh-task-row:first-of-type b{color:#ff9c80}.sh-primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;border:1px solid #7dffe6;border-radius:10px;color:#06201e;background:linear-gradient(100deg,#59f3c0,#34d7d5);box-shadow:0 0 20px #4ceac466;cursor:pointer;font-weight:900}.sh-primary:hover{transform:scale(1.015);box-shadow:0 0 28px #4ceac4aa}.sh-task-button{margin-top:auto;font-size:19px}.sh-task-button .sh-icon{width:18px}
.sh-hero{position:relative;min-width:0;min-height:0;animation:sh-in .55s 80ms both}.sh-hero-heading{position:absolute;z-index:3;top:1px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.sh-hero-heading span{color:#68d9ef;font-size:9px;letter-spacing:2px}.sh-hero-heading h1{margin:3px 0 0;font-size:28px;line-height:1.05;letter-spacing:1px;text-shadow:0 0 18px #45e5ff88}.sh-hero-heading small{color:#6eeed8;font-size:10px}.sh-stage{position:absolute;inset:0;overflow:hidden;border:1px solid #258ab2aa;background:radial-gradient(circle at 50% 48%,#12517055,transparent 56%);clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px)}.sh-stage::before{content:"";position:absolute;inset:15% 6% 2%;border:1px solid #38cde855;border-radius:50%;transform:rotateX(67deg);box-shadow:0 0 26px #25cce833,0 0 0 20px #25cce814,0 0 0 44px #25cce80d}.sh-stage-halo{position:absolute;left:50%;top:43%;width:75%;height:65%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#22d3ee35 0,transparent 65%);filter:blur(12px);animation:sh-breathe 4s ease-in-out infinite}.sh-hero-image{position:absolute;inset:7% 1% 0;width:98%;height:93%;object-fit:contain;mix-blend-mode:screen;filter:saturate(1.08) contrast(1.05);opacity:.94}.sh-stage-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #5cf5dc99;border-radius:13px;background:#06273bdc;color:#c9fff8;font-size:10px;box-shadow:0 0 14px #39efca55}.sh-stage-chip .sh-icon{width:13px}.sh-chip-market{left:34%;top:31%}.sh-chip-eu{right:23%;top:30%}.sh-chip-sea{right:12%;top:46%;border-color:#56b7ff99;color:#b9e1ff}.sh-stage-caption{position:absolute;z-index:4;left:50%;bottom:21%;transform:translateX(-50%);display:grid;gap:2px;padding:7px 18px;text-align:center;border:1px solid #5cecffaa;border-radius:5px;background:#03263bd9;box-shadow:0 0 20px #24dfff55;white-space:nowrap}.sh-stage-caption b{font-size:15px}.sh-stage-caption span{color:#65dff0;font-size:8px;letter-spacing:1px}.sh-floating-card{position:absolute;z-index:4;border:1px solid #51c8f488;border-radius:10px;background:#041a2bdb;box-shadow:0 0 18px #22c9f644;color:#bceeff}.sh-market-chart{left:2.5%;top:18%;width:26%;padding:10px}.sh-market-chart>b{display:block;font-size:11px}.sh-market-chart>small{display:block;margin-top:2px;color:#8db4c8;font-size:8px}.sh-bars{display:flex;align-items:flex-end;gap:10px;height:77px;margin-top:8px;padding:0 5px;border-bottom:1px solid #4fc9e255}.sh-bars i{position:relative;display:block;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#35e9dd,#1d8ac3);box-shadow:0 0 12px #2cdae677}.sh-bars em{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:7px;color:#bbfaff;font-style:normal}.sh-years{display:flex;justify-content:space-between;margin-top:4px;color:#759bad;font-size:7px}.sh-logistics{right:1%;top:26%;display:grid;gap:5px;width:25%;padding:9px;font-size:9px}.sh-logistics>.sh-icon{width:20px;color:#7ceeff}.sh-logistics>b{font-size:11px}.sh-logistics span{display:flex;justify-content:space-between;color:#9bbbd0}.sh-logistics strong{color:#6fe6dc}.sh-product-card{position:absolute;z-index:5;padding:7px 9px;border:1px solid #62dfffa8;border-radius:7px;color:#e1ffff;background:linear-gradient(145deg,#0e4668db,#071b2ede);box-shadow:0 8px 20px #0008,0 0 13px #43dfff55;font-size:9px}.sh-product-card b{display:block;color:#55f3d1;font-size:8px;letter-spacing:2px}.sh-product-a{left:13%;bottom:25%;transform:rotate(-7deg)}.sh-product-b{left:27%;bottom:17%;transform:rotate(4deg)}.sh-product-c{right:26%;bottom:17%;transform:rotate(-4deg)}.sh-product-d{right:10%;bottom:25%;transform:rotate(7deg)}
.sh-insights{display:grid;grid-template-rows:minmax(165px,.8fr) minmax(185px,1fr);gap:10px;min-height:0}.sh-progress-card,.sh-trend-card{padding:15px;min-height:0;animation:sh-in .55s 130ms both}.sh-progress-body{display:flex;align-items:center;gap:17px;margin-top:14px}.sh-ring{position:relative;width:105px;height:105px;flex:none}.sh-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sh-ring circle{fill:none;stroke:#154258;stroke-width:9}.sh-ring .sh-ring-value{stroke:#2de0c1;stroke-dasharray:251.2;stroke-dashoffset:80;stroke-linecap:round;filter:drop-shadow(0 0 7px #35ecd1)}.sh-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:21px}.sh-progress-list{flex:1}.sh-progress-list p{display:flex;justify-content:space-between;margin:11px 0;border-bottom:1px solid #2d617477;padding-bottom:7px;font-size:10px}.sh-progress-list b{color:#67e8dd;font-size:16px}.sh-trend-card{overflow:hidden}.sh-trend{display:block;width:100%;height:135px;margin-top:4px;overflow:visible}.sh-grid-line{stroke:#36748c55;stroke-width:1}.sh-area{fill:url(#shArea)}.sh-line{fill:none;stroke-width:2}.na-line{stroke:#4be9d1}.eu-line{stroke:#63a5ff}.sea-line{stroke:#a78bfa}.sh-axis text{fill:#7898a9;font-size:9px}.sh-callout rect{fill:#0c2939e8;stroke:#51cbdb99}.sh-callout text{fill:#bceef0;font-size:9px}.sh-callout tspan{fill:#63efc8;font-size:12px;font-weight:bold}.sh-legend{display:flex;gap:11px;margin-top:11px;color:#9ebdca;font-size:9px}.sh-dot{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}.sh-dot.na{background:#4be9d1}.sh-dot.eu{background:#63a5ff}.sh-dot.sea{background:#a78bfa}
.sh-modules{min-height:0;display:grid;grid-template-rows:24px minmax(0,1fr);gap:5px}.sh-section-heading{display:flex;align-items:center;justify-content:space-between}.sh-section-heading>span{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800}.sh-section-heading small{margin-left:6px;color:#62bfd4;font-size:8px;letter-spacing:1px}.sh-section-heading button{min-height:22px;border:0;background:transparent;color:#93dcee;font-size:10px;cursor:pointer}.sh-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:0}.sh-module-card{position:relative;display:flex;min-width:0;min-height:0;overflow:hidden;padding:0;border:1px solid #45d9e88c;border-radius:13px;color:var(--sh-text);background:#071a2bdd;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff16,0 9px 25px #0009;animation:sh-in .55s var(--sh-delay) both;transition:.2s}.sh-module-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff2c,0 0 22px #39dfff77}.sh-module-card>img{width:39%;height:100%;object-fit:cover;opacity:.9;mix-blend-mode:screen}.sh-module-copy{display:flex;flex:1;min-width:0;flex-direction:column;padding:10px 8px 8px}.sh-module-copy>strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-module-copy>em{align-self:flex-start;margin-top:3px;padding:2px 6px;border:1px solid currentColor;border-radius:9px;color:#69eccc;font-size:8px;font-style:normal}.tone-blue{border-color:#5aa8ff99}.tone-blue .sh-module-copy>em{color:#79b8ff}.tone-amber{border-color:#ffd16699}.tone-amber .sh-module-copy>em{color:#ffd166}.tone-purple{border-color:#9e82ff99}.tone-purple .sh-module-copy>em{color:#ae94ff}.sh-module-copy>small{display:-webkit-box;min-height:31px;margin-top:5px;overflow:hidden;color:#a9c4d2;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sh-module-copy label{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px;margin-top:auto;color:#9ac4d3;font-size:9px}.sh-module-copy label i{height:5px}.sh-module-copy label>strong{color:#68ead8;font-size:15px}.sh-card-arrow{align-self:flex-end;margin:0 9px 9px 0;display:grid;place-items:center;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;color:#66e7df;font-size:17px}.tone-blue .sh-card-arrow{color:#71b8ff}.tone-amber .sh-card-arrow{color:#ffd166}.tone-purple .sh-card-arrow{color:#a993ff}.is-planned{opacity:.78}.is-planned .sh-module-copy label>strong{color:#a793f7}.sh-footer{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid #267b99aa;color:#7096a7;font-size:9px}.sh-footer span:last-child{color:#4d7588;letter-spacing:1px}
@keyframes sh-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sh-breathe{50%{transform:translate(-50%,-50%) scale(1.04);opacity:.72}}.sh-pulse .sh-stage-halo{opacity:.95}
@media (max-width:1450px){.student-home-cockpit-v1{grid-template-rows:56px minmax(0,1fr) 175px 24px;gap:6px}.sh-brand{min-width:245px}.sh-brand strong{font-size:14px}.sh-nav button{padding:0 12px;font-size:12px}.sh-head-actions{min-width:330px}.sh-search{width:140px}.sh-task{padding:12px}.sh-task-thumb img{height:75px}.sh-task-thumb strong{font-size:14px}.sh-stage-caption{bottom:18%}.sh-module-copy>strong{font-size:13px}.sh-module-copy>small{font-size:8px}}
@media (max-height:780px) and (min-width:901px){.student-home-cockpit-v1{grid-template-rows:52px minmax(0,1fr) 160px 22px;gap:4px}.sh-header{gap:10px}.sh-brand small{display:none}.sh-brand{min-width:220px}.sh-nav button{padding:0 9px}.sh-head-actions{min-width:290px}.sh-task{padding:10px}.sh-task-thumb{margin-top:8px}.sh-task-thumb img{height:58px}.sh-task-metrics{gap:7px;margin-top:8px}.sh-progress-body{margin-top:7px}.sh-ring{width:84px;height:84px}.sh-progress-list p{margin:6px 0;padding-bottom:4px}.sh-trend{height:111px}.sh-stage-caption{bottom:15%;padding:5px 12px}.sh-stage-caption b{font-size:12px}.sh-product-card{padding:4px 6px}.sh-module-copy{padding:7px 6px}.sh-module-copy>small{display:none}.sh-module-copy label{font-size:8px}}
@media (max-width:900px){.student-session .portal-shell{height:auto;min-height:100dvh;padding:0 10px}.student-session main{height:auto}.student-session #platformView.student-mode{height:auto;overflow:visible}.student-home-cockpit-v1{height:auto;min-height:100dvh;grid-template-rows:52px auto auto 22px;overflow:visible}.sh-header{gap:6px}.sh-brand{min-width:0;flex:1}.sh-brand strong{font-size:11px}.sh-brand small,.sh-nav{display:none}.sh-head-actions{min-width:0}.sh-search{display:none}.sh-user small{display:none}.sh-main{grid-template-columns:1fr;min-height:0}.sh-task{order:2;min-height:330px}.sh-hero{order:1;min-height:380px}.sh-insights{order:3;grid-template-columns:1fr 1fr;grid-template-rows:240px 240px}.sh-progress-card,.sh-trend-card{min-height:0}.sh-modules{margin-top:6px}.sh-module-grid{grid-template-columns:1fr 1fr;min-height:220px}.sh-module-card>img{width:34%}.sh-footer{margin-top:6px;font-size:8px}.sh-footer span:first-child,.sh-footer span:last-child{display:none}}

/* Keep the four student tabs on one line when the header is narrow. */
.sh-nav{min-width:0;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:none}
.sh-nav::-webkit-scrollbar{display:none}
.sh-nav button{flex:0 0 auto;white-space:nowrap;word-break:keep-all}
@media (max-width:1450px) and (min-width:901px){
  .student-home-cockpit-v1{grid-template-rows:96px minmax(0,1fr) 175px 24px}
  .sh-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px 40px;gap:0 10px;padding:0 12px}
  .sh-brand{min-width:0}
  .sh-head-actions{min-width:0}
  .sh-nav{grid-column:1/-1;grid-row:2;gap:2px;justify-content:center;border-top:1px solid rgba(74,222,255,.18)}
  .sh-nav button{padding-left:18px;padding-right:18px}
}
@media (max-width:900px){
  .student-home-cockpit-v1{grid-template-rows:auto auto auto 22px}
  .sh-header{display:flex;min-height:92px;flex-wrap:wrap;padding:8px 6px;align-content:center}
  .sh-brand{flex:1 1 auto}
  .sh-nav{display:flex;order:3;flex:0 0 100%;width:100%;min-height:36px;justify-content:flex-start}
  .sh-nav button{padding:7px 14px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.student-home-cockpit-v1 *,.student-home-cockpit-v1 *::before,.student-home-cockpit-v1 *::after{animation:none!important;transition:none!important}}

/* Student homepage de-framing. Keep hierarchy, data graphics and focus feedback. */
.student-home-cockpit-v1 .sh-glass{
  border:0;
  clip-path:none;
  background:linear-gradient(145deg,rgba(8,27,45,.72),rgba(3,14,26,.48));
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.student-home-cockpit-v1 .sh-task{background:linear-gradient(90deg,rgba(7,30,45,.7),rgba(4,18,31,.34) 82%,transparent)}
.student-home-cockpit-v1 .sh-task-thumb{padding:0;border:0;border-radius:0;background:transparent}
.student-home-cockpit-v1 .sh-task-thumb img{border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.student-home-cockpit-v1 .sh-insights{background:linear-gradient(90deg,transparent,rgba(8,28,45,.2))}
.student-home-cockpit-v1 .sh-progress-card,.student-home-cockpit-v1 .sh-trend-card{box-shadow:none}
.student-home-cockpit-v1 .sh-progress-card{background:linear-gradient(180deg,rgba(8,31,47,.58),rgba(4,18,31,.24))}
.student-home-cockpit-v1 .sh-trend-card{background:linear-gradient(180deg,rgba(5,21,35,.35),rgba(5,18,30,.14))}
.student-home-cockpit-v1 .sh-stage{border:0;clip-path:none;background:radial-gradient(circle at 50% 48%,rgba(18,81,112,.34),transparent 60%)}
.student-home-cockpit-v1 .sh-stage::before{border-color:rgba(56,205,232,.24);box-shadow:0 0 26px rgba(37,204,232,.15)}
.student-home-cockpit-v1 .sh-primary{border:0;background:linear-gradient(100deg,#59f3c0,#34d7d5);box-shadow:0 9px 22px rgba(76,234,196,.25)}
.student-home-cockpit-v1 .sh-primary:hover{box-shadow:0 11px 28px rgba(76,234,196,.38)}
.student-home-cockpit-v1 .sh-module-grid{gap:18px;background:linear-gradient(180deg,rgba(3,18,31,.13),rgba(3,18,31,.32));border-radius:18px;padding:2px 8px 0}
.student-home-cockpit-v1 .sh-module-card{
  isolation:isolate;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:transform .2s,background .2s;
}
.student-home-cockpit-v1 .sh-module-card::before{content:"";position:absolute;z-index:-1;inset:7% -4% 2%;pointer-events:none;opacity:.56;filter:blur(25px);background:radial-gradient(ellipse at 24% 50%,rgba(72,230,190,.25),transparent 66%)}
.student-home-cockpit-v1 .sh-module-card.tone-blue::before{background:radial-gradient(ellipse at 24% 50%,rgba(72,207,255,.25),transparent 66%)}
.student-home-cockpit-v1 .sh-module-card.tone-amber::before{background:radial-gradient(ellipse at 24% 50%,rgba(239,189,105,.23),transparent 66%)}
.student-home-cockpit-v1 .sh-module-card.tone-purple::before{background:radial-gradient(ellipse at 24% 50%,rgba(162,152,255,.24),transparent 66%)}
.student-home-cockpit-v1 .sh-module-card:hover{transform:translateY(-3px);background:linear-gradient(90deg,rgba(255,255,255,.035),transparent);box-shadow:none}
.student-home-cockpit-v1 .sh-module-card:focus-visible{outline:2px solid #b9fff2;outline-offset:4px;border-radius:8px}
.student-home-cockpit-v1 .sh-module-card>img{width:39%;height:100%;object-fit:contain;object-position:center;opacity:1;mix-blend-mode:normal;filter:drop-shadow(0 12px 14px rgba(0,0,0,.38))}
.student-home-cockpit-v1 .sh-module-copy{position:relative;z-index:1}
.student-home-cockpit-v1 .sh-module-copy>em{border:0;padding:2px 0;border-radius:0}
.student-home-cockpit-v1 .sh-card-arrow{border:0;background:transparent;box-shadow:none}
.student-home-cockpit-v1 button:focus-visible,.student-home-cockpit-v1 a:focus-visible,.student-home-cockpit-v1 select:focus-visible,.student-home-cockpit-v1 input:focus-visible{outline:2px solid #b9fff2;outline-offset:3px}