/* MR LEE 2027 / Phase 3: four genuine workspace designs.
   Guarded by data-mrlee-phase3; legacy features, auth and forms remain native. */
html[data-mrlee-phase3]{--p3-font:"Be Vietnam Pro","Noto Sans KR",system-ui,sans-serif;--p3-ink:#183953;--p3-muted:#526d84;--p3-surface:#fff;--p3-border:#d5e3f0;--p3-wash:#f1f6fd;--p3-accent:#1768c7}
html[data-mrlee-phase3][data-mrlee-theme="future"]{--p3-ink:#eff8ff;--p3-muted:#bccee1;--p3-surface:#0d2642;--p3-border:#385b7b;--p3-wash:#07172e;--p3-accent:#4cdded}
html[data-mrlee-phase3] body{overflow-x:clip!important}
html[data-mrlee-phase3] :is(a,button,input,select,textarea):focus-visible{outline:3px solid #f8ab35!important;outline-offset:3px!important}
html[data-mrlee-phase3] :is(.mrlee27-map-intro,.mrlee27-map-quick,.mrlee27-admission-steps,.mrlee27-student-links,.mrlee27-admin-focus){font-family:var(--p3-font)!important;box-sizing:border-box}
html[data-mrlee-phase3] :is(.mrlee27-map-intro,.mrlee27-map-quick,.mrlee27-admission-steps,.mrlee27-student-links,.mrlee27-admin-focus) *{box-sizing:border-box}
/* University explorer: real 2-column editorial banner, existing live counters/filters untouched */
html[data-mrlee-phase3="map"] main.mrlee-next-main{width:min(1500px,calc(100% - 28px))!important;max-width:none!important;margin-inline:auto!important}
html[data-mrlee-phase3="map"] .mrlee-next-hero.mrlee27-map-intro{
 display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;align-items:stretch!important;
 gap:0!important;min-height:0!important;height:auto!important;border-radius:22px!important;overflow:hidden!important;
 background:var(--p3-surface)!important;border:1px solid var(--p3-border)!important;box-shadow:0 13px 33px #092b4920!important;
 padding:0!important;margin:15px 0 12px!important;isolation:isolate;
}
html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-next-hero-copy{
 padding:clamp(20px,2.4vw,34px)!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;
 min-width:0!important;position:relative!important;z-index:2!important;text-align:left!important;
}
html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-next-hero-copy h1{
 color:var(--p3-ink)!important;font:900 clamp(32px,3.1vw,52px)/1.14 var(--p3-font)!important;
 letter-spacing:-.045em!important;white-space:normal!important;margin:0!important;text-shadow:none!important;
}
html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-next-hero-copy h1 em{color:var(--p3-accent)!important;font-style:normal!important}
html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-next-hero-copy p{
 margin:0!important;color:var(--p3-muted)!important;font:550 14px/1.65 var(--p3-font)!important;max-width:57ch;text-shadow:none!important;
}
html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-kicker{color:var(--p3-accent)!important;font:850 11px/1.4 var(--p3-font)!important;letter-spacing:.12em}
html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-hero-tags{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:3px 0!important;padding:0!important}
html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-hero-tags span{
 background:var(--p3-wash)!important;color:var(--p3-ink)!important;border:1px solid var(--p3-border)!important;
 padding:7px 9px!important;border-radius:100px!important;font-size:11px!important;
}
html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-next-button{
 display:inline-flex!important;align-items:center!important;min-height:44px!important;
 padding:11px 17px!important;background:var(--p3-accent)!important;color:#fff!important;border-radius:12px!important;font-size:12px!important;
}
html[data-mrlee-phase3="map"][data-mrlee-theme="future"] .mrlee27-map-intro .mrlee-next-button{color:#061b30!important}
html[data-mrlee-phase3="map"] .mrlee27-map-photo{
 position:relative;overflow:hidden;min-width:0;background:#0a2b4e;
}
html[data-mrlee-phase3="map"] .mrlee27-map-photo img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
html[data-mrlee-phase3="map"] .mrlee27-map-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061a32a8,transparent 52%);pointer-events:none}
html[data-mrlee-phase3="map"] .mrlee27-map-photo span{
 position:absolute;left:15px;bottom:14px;z-index:1;color:#fff;
 font:800 11px/1.4 var(--p3-font);background:#062745a8;
 border:1px solid #ffffff67;border-radius:10px;padding:8px 12px
}
html[data-mrlee-phase3="map"] .mrlee27-map-quick{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:8px!important;margin:0 0 11px!important;
}
html[data-mrlee-phase3="map"] .mrlee27-map-quick a{
 display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:48px;
 padding:10px 13px;border:1px solid var(--p3-border);border-radius:12px;
 background:var(--p3-surface);color:var(--p3-ink)!important;text-decoration:none!important;
 font:800 12px/1.4 var(--p3-font);box-shadow:0 4px 16px #06294414;
}
html[data-mrlee-phase3="map"] .mrlee27-map-quick a:hover{border-color:var(--p3-accent)}
html[data-mrlee-phase3="map"] .mrlee-school-filters :is(input,select,button){min-height:44px!important}
html[data-mrlee-phase3="map"] :is(.mrlee-map-shell,.mrlee-university-results,.mrlee-school-search){scroll-margin-top:20px}
html[data-mrlee-phase3="map"] :is(.mrlee-map-shell,.mrlee-university-results) h2{letter-spacing:-.025em!important}
/* Admissions: editorial spotlight with a deliberate path to the existing intake popup and form */
html[data-mrlee-phase3="admission"] .ts-hero{
 padding:8px 0!important;min-height:0!important;background:var(--p3-wash)!important;
}
html[data-mrlee-phase3="admission"] .ts-hero-grid{
 display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
 min-height:0!important;height:auto!important;gap:0!important;max-width:1440px!important;
 border:1px solid var(--p3-border)!important;border-radius:24px!important;overflow:hidden!important;
 background:var(--p3-surface)!important;box-shadow:0 14px 33px #092b4822!important;
}
html[data-mrlee-phase3="admission"] .ts-hero-copy{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:flex-start!important;gap:9px!important;
 min-width:0!important;margin:0!important;padding:clamp(22px,2.5vw,36px)!important;
 background:var(--p3-surface)!important;position:relative!important;z-index:3!important;
}
html[data-mrlee-phase3="admission"] .ts-hero-copy h1{
 margin:0!important;font:900 clamp(32px,3.15vw,53px)/1.14 var(--p3-font)!important;
 color:var(--p3-ink)!important;letter-spacing:-.05em!important;text-shadow:none!important;
}
html[data-mrlee-phase3="admission"] .ts-hero-copy h1 em{color:var(--p3-accent)!important;font-style:normal!important}
html[data-mrlee-phase3="admission"] .ts-hero-copy .ts-hero-desc{
 margin:0!important;max-width:55ch!important;color:var(--p3-muted)!important;
 font:550 14px/1.7 var(--p3-font)!important;text-shadow:none!important;
}
html[data-mrlee-phase3="admission"] .ts-hero-copy .ts-eyebrow{color:var(--p3-accent)!important;font:800 11px/1.4 var(--p3-font)!important}
html[data-mrlee-phase3="admission"] .ts-hero-buttons{
 display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;
 gap:9px!important;margin:5px 0 0!important;
}
html[data-mrlee-phase3="admission"] .ts-hero-buttons .ts-btn{
 min-height:44px!important;display:inline-flex!important;align-items:center!important;
 padding:10px 15px!important;border-radius:12px!important;
 text-decoration:none!important;font:800 12px/1.3 var(--p3-font)!important;
}
html[data-mrlee-phase3="admission"] .ts-hero-highlights,.ts-hero-tags{display:none!important}
html[data-mrlee-phase3="admission"] .ts-hero-visual{
 display:block!important;position:relative!important;width:100%!important;min-height:0!important;
 background:#173c64!important;overflow:hidden!important;padding:0!important;
}
html[data-mrlee-phase3="admission"] .ts-cover-photo{
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 margin:0!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;
}
html[data-mrlee-phase3="admission"] .ts-cover-photo img{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;
 transform:none!important;filter:none!important;
}
html[data-mrlee-phase3="admission"] .ts-cover-halo,.ts-cover-ticket{display:none!important}
html[data-mrlee-phase3="admission"] .ts-cover-caption{
 position:absolute!important;bottom:18px!important;left:17px!important;
 color:#fff!important;background:#082d4bc7!important;border:1px solid #ffffff80!important;
 padding:8px 12px!important;border-radius:10px!important;z-index:4!important;font:700 11px/1.4 var(--p3-font)!important;
}
html[data-mrlee-phase3="admission"] .ts-hero-bottom{display:none!important}
html[data-mrlee-phase3="admission"] .mrlee27-admission-steps{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
 width:min(1440px,calc(100% - 28px));margin:0 auto 12px;
}
html[data-mrlee-phase3="admission"] .mrlee27-admission-steps a{
 display:flex;flex-direction:column;gap:6px;min-height:88px;
 padding:13px;border:1px solid var(--p3-border);border-radius:13px;
 background:var(--p3-surface);text-decoration:none!important;color:var(--p3-ink)!important;
 box-shadow:0 6px 18px #0a34531a;
}
html[data-mrlee-phase3="admission"] .mrlee27-admission-steps strong{
 color:var(--p3-accent);font:850 10px/1.4 var(--p3-font);letter-spacing:.09em;
}
html[data-mrlee-phase3="admission"] .mrlee27-admission-steps span{
 color:var(--p3-ink);font:850 14px/1.45 var(--p3-font);
}
/* Student: a readable private activity dashboard with independent photographic panel */
html[data-mrlee-phase3="student"] main.main{width:min(1430px,calc(100% - 26px))!important;max-width:none!important}
html[data-mrlee-phase3="student"] main.main>.intro{
 display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important;
 grid-auto-flow:row!important;gap:13px!important;align-items:center!important;
 padding:18px!important;min-height:195px!important;
 border:1px solid var(--p3-border)!important;border-radius:22px!important;
 background:var(--p3-surface)!important;box-shadow:0 10px 28px #0b355519!important;
}
html[data-mrlee-phase3="student"] main.main>.intro>div:not(.mrlee27-student-photo):not(.mrlee-avatar-dashboard){min-width:0}
html[data-mrlee-phase3="student"] .mrlee27-student-photo{
 grid-column:2;grid-row:1 / span 3;position:relative;
 height:100%;min-height:195px;border-radius:15px;overflow:hidden;
 background:#173b60;
}
html[data-mrlee-phase3="student"] .mrlee27-student-photo img{
 display:block!important;width:100%!important;height:100%!important;min-height:195px;
 object-fit:cover!important;filter:none!important
}
html[data-mrlee-phase3="student"] .mrlee27-student-photo span{
 position:absolute;left:12px;bottom:12px;color:#fff;background:#082c4cbe;
 border:1px solid #ffffff60;padding:7px 11px;border-radius:9px;font:800 10px/1.4 var(--p3-font)
}
html[data-mrlee-phase3="student"] .intro h1{color:var(--p3-ink)!important;font:900 clamp(28px,2.8vw,44px)/1.2 var(--p3-font)!important;letter-spacing:-.04em!important}
html[data-mrlee-phase3="student"] .intro .muted{color:var(--p3-muted)!important;overflow-wrap:anywhere}
html[data-mrlee-phase3="student"] .mrlee27-student-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:9px 0!important}
html[data-mrlee-phase3="student"] .mrlee27-student-links a{
 display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:49px;
 background:var(--p3-surface);border:1px solid var(--p3-border);border-radius:12px;
 padding:13px;color:var(--p3-ink)!important;text-decoration:none!important;
 font:800 12px/1.4 var(--p3-font)
}
html[data-mrlee-phase3="student"] :is(.stats .stat,.panel){
 border-radius:15px!important;border:1px solid var(--p3-border)!important;
 background:var(--p3-surface)!important;color:var(--p3-ink)!important
}
html[data-mrlee-phase3="student"] .stats .stat strong{color:var(--p3-ink)!important}
html[data-mrlee-phase3="student"] .panel h2{color:var(--p3-ink)!important;letter-spacing:-.03em}
/* Preserve original AI/audio tools; they serve a different purpose than four primary links. */
html[data-mrlee-phase3="student"] .ml-home-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin:0 0 12px!important}
/* Admin: authenticated overview only; existing Supabase sign-in + RLS + charts are untouched */
html[data-mrlee-phase3="admin"] #app .main-pad{max-width:none!important;padding:clamp(15px,2.2vw,28px)!important}
html[data-mrlee-phase3="admin"] #app .sidebar{background:#102e52!important}
html[data-mrlee-theme="future"][data-mrlee-phase3="admin"] #app .sidebar{background:#07182f!important}
html[data-mrlee-phase3="admin"] #app .sidebrand img{object-fit:contain!important;max-width:168px!important}
html[data-mrlee-phase3="admin"] #app .side-menu button{
 min-height:42px!important;border-radius:10px!important;font-family:var(--p3-font)!important;font-size:13px!important
}
html[data-mrlee-phase3="admin"] #app .mrlee-smart-admin-hero,
html[data-mrlee-phase3="admin"] #app .mrlee-smart-admin-actions{display:none!important}
html[data-mrlee-phase3="admin"] #app .mrlee27-admin-focus{
 display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
 gap:14px;align-items:center;min-height:0;
 margin:0 0 11px;padding:18px 20px;
 border-radius:19px;border:1px solid var(--p3-border);
 background:var(--p3-surface);color:var(--p3-ink);
 box-shadow:0 12px 28px #081f3815
}
html[data-mrlee-phase3="admin"] #app .mrlee27-admin-focus .mr27-eyebrow{
 color:var(--p3-accent);font:800 11px/1.4 var(--p3-font);letter-spacing:.12em;
}
html[data-mrlee-phase3="admin"] #app .mrlee27-admin-focus h2{
 color:var(--p3-ink)!important;margin:8px 0!important;
 font:900 clamp(23px,2.2vw,34px)/1.23 var(--p3-font)!important;letter-spacing:-.04em!important;
}
html[data-mrlee-phase3="admin"] #app .mrlee27-admin-focus p{
 color:var(--p3-muted)!important;margin:0;font:500 12px/1.65 var(--p3-font)
}
html[data-mrlee-phase3="admin"] #app .mrlee27-admin-buttons{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
html[data-mrlee-phase3="admin"] #app .mrlee27-admin-buttons button{
 min-height:52px;padding:10px 13px;background:var(--p3-wash)!important;color:var(--p3-ink)!important;
 border:1px solid var(--p3-border)!important;border-radius:12px;
 text-align:left;font:800 12px/1.4 var(--p3-font)!important;cursor:pointer;
}
html[data-mrlee-phase3="admin"] #app .mrlee27-admin-buttons button:hover{border-color:var(--p3-accent)!important}
html[data-mrlee-phase3="admin"] #app .mrlee27-admin-notice{
 grid-column:1/-1;margin:0;color:var(--p3-muted);font-size:11px;line-height:1.5;
}
html[data-mrlee-phase3="admin"] #app :is(.kpi,.panel,.mrlee-admin-analytics){
 border-radius:15px!important
}
html[data-mrlee-phase3="admin"] #app .topbar h2{font-family:var(--p3-font)!important;font-size:clamp(20px,2vw,29px)!important}
@media(max-width:1050px){
 html[data-mrlee-phase3="map"] .mrlee27-map-quick a{padding:11px;font-size:11px}
 html[data-mrlee-phase3="student"] .mrlee27-student-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 html[data-mrlee-phase3="map"] .mrlee-next-hero.mrlee27-map-intro,
 html[data-mrlee-phase3="admission"] .ts-hero-grid{grid-template-columns:minmax(0,1fr)!important}
 html[data-mrlee-phase3="map"] .mrlee27-map-intro .mrlee-next-hero-copy,
 html[data-mrlee-phase3="admission"] .ts-hero-copy{padding:23px 20px!important}
 html[data-mrlee-phase3="map"] .mrlee27-map-photo{min-height:195px!important}
 html[data-mrlee-phase3="admission"] .ts-hero-visual{min-height:205px!important}
 html[data-mrlee-phase3="admission"] .ts-cover-photo{height:205px!important}
 html[data-mrlee-phase3="map"] .mrlee27-map-quick,
 html[data-mrlee-phase3="admission"] .mrlee27-admission-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-mrlee-phase3="student"] main.main>.intro{grid-template-columns:1fr!important}
 html[data-mrlee-phase3="student"] .mrlee27-student-photo{grid-column:1;grid-row:auto;min-height:170px;max-height:190px}
 html[data-mrlee-phase3="admin"] #app .mrlee27-admin-focus{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:420px){
 html[data-mrlee-phase3="map"] .mrlee27-map-quick,
 html[data-mrlee-phase3="admission"] .mrlee27-admission-steps,
 html[data-mrlee-phase3="student"] .mrlee27-student-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 html[data-mrlee-phase3="admin"] #app .mrlee27-admin-buttons{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html[data-mrlee-phase3] *{scroll-behavior:auto!important}}

/* Legacy V4/V5 launch panels must not replace the functional Phase 3 pages. */
html[data-mrlee-phase3="map"] main > .mrlee-v4-root,
html[data-mrlee-phase3="student"] main > .mrlee-v4-root,
html[data-mrlee-phase3="map"] .mrlee-v2-primary-nav,
html[data-mrlee-phase3="student"] .mrlee-v2-primary-nav{display:none!important}
html[data-mrlee-phase3="map"],html[data-mrlee-phase3="map"] body,
html[data-mrlee-phase3="student"],html[data-mrlee-phase3="student"] body{
 overflow-y:auto!important;max-height:none!important
}
html[data-mrlee-phase3="map"][data-mrlee-v4][data-mrlee-v4-folded="true"]
 main > .mrlee-v4-root ~ .mrlee27-map-intro{display:grid!important}
html[data-mrlee-phase3="student"][data-mrlee-v4][data-mrlee-v4-folded="true"]
 main > .mrlee-v4-root ~ :is(.intro,.stats,.columns,.ml-home-tools,.mrlee27-student-links){display:grid!important}
/* The new admissions steps replace the redundant four generic shortcuts. */
html[data-mrlee-phase3="admission"] .ts-v15-shortcuts{display:none!important}
html[data-mrlee-phase3="admission"][data-mrlee-theme="future"] .ts-hero-copy .ts-btn-outline{color:var(--p3-ink)!important}
/* Private-account status and filters remain visible and operable. */
html[data-mrlee-phase3="student"] :is(.controls select,.controls button){min-height:44px!important}
html[data-mrlee-phase3="student"][data-mrlee-theme="future"] .ml-home-tool{
 background:var(--p3-surface)!important;color:var(--p3-ink)!important;border-color:var(--p3-border)!important
}
html[data-mrlee-phase3="student"][data-mrlee-theme="future"] .ml-home-tool :is(strong,small){color:var(--p3-ink)!important}
@media(max-width:900px){
 html[data-mrlee-phase3="student"] .ml-home-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* A single intentional interface chooser replaces two top-bar toggles on university map. */
html[data-mrlee-phase3="map"] .mrlee27-theme-change{
 display:inline-flex;align-items:center;justify-content:center;min-height:42px;
 padding:10px 13px;border-radius:11px;border:1px solid var(--p3-border);
 color:var(--p3-ink)!important;background:var(--p3-surface)!important;
 font:800 12px/1.3 var(--p3-font)!important;text-decoration:none!important;
 white-space:nowrap
}
html[data-mrlee-phase3="map"] .mrlee27-theme-change:hover{border-color:var(--p3-accent)!important}
@media(max-width:760px){
 html[data-mrlee-phase3="map"] .mrlee27-theme-change{min-height:40px;font-size:11px!important}
}


/* Phase 7: verified Chromium regression — map mobile photo was overlapping copy.
   Use a strict vertically stacked flex hero instead of an inherited grid,
   and reset old media/transform styles coming from the legacy university CSS. */
@media (max-width:760px) {
 html[data-mrlee-phase3="map"] main.mrlee-next-main > .mrlee-next-hero.mrlee27-map-intro {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
 }
 html[data-mrlee-phase3="map"] .mrlee-next-hero.mrlee27-map-intro > .mrlee-next-hero-copy {
  display:flex!important;
  flex:0 0 auto!important;
  order:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:24px 20px!important;
  background:var(--p3-surface)!important;
 }
 html[data-mrlee-phase3="map"] .mrlee-next-hero.mrlee27-map-intro > .mrlee27-map-photo {
  display:block!important;
  flex:0 0 210px!important;
  order:1!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  height:210px!important;
  min-height:210px!important;
  max-height:210px!important;
  margin:0!important;
  padding:0!important;
 }
 html[data-mrlee-phase3="map"] .mrlee-next-hero.mrlee27-map-intro .mrlee27-map-photo img {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
 }
}