/* MR LEE Culture landing V2: actual split-hero design.
   Existing 22-topic search/filter, URLs, and credit-aware photo galleries stay intact. */
html[data-mrlee-culture-v2="1"]{--cv-ink:#173953;--cv-muted:#506e81;--cv-bg:#eef5fa;--cv-accent:#1366ba}
html[data-mrlee-culture-v2="1"][data-mrlee-theme="future"]{--cv-ink:#f0faff;--cv-muted:#b4d3e8;--cv-bg:#08192d;--cv-accent:#4bdbeb}
html[data-mrlee-culture-v2="1"] main.wrap{
 width:min(1440px,calc(100% - 24px))!important;max-width:none!important;
}
html[data-mrlee-culture-v2="1"] main.wrap > .hero{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.95fr)!important;
 align-items:stretch!important;gap:0!important;position:relative!important;
 min-height:0!important;max-height:none!important;height:auto!important;grid-template-rows:auto!important;
 margin:7px 0 11px!important;padding:0!important;
 overflow:hidden!important;border-radius:24px!important;
 border:1px solid #b5d2e5!important;box-shadow:0 16px 35px #18395521!important;
 background:linear-gradient(125deg,#e8f5fc,#f5faff)!important;
 color:#173953!important;
}
html[data-mrlee-culture-v2="1"][data-mrlee-theme="future"] main.wrap > .hero{
 background:linear-gradient(130deg,#0c2544,#07182f)!important;
 border-color:#397396!important;color:#f6fbff!important;
}
html[data-mrlee-culture-v2="1"] main.wrap > .hero > div:first-child{
 position:relative;z-index:2;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:flex-start!important;
 min-width:0!important;padding:clamp(20px,2.4vw,34px)!important;
 margin:0!important;background:none!important;
}
html[data-mrlee-culture-v2="1"] main.wrap > .hero :is(.chip,h1,p){
 max-width:100%!important;text-shadow:none!important
}
html[data-mrlee-culture-v2="1"] main.wrap > .hero h1{
 color:var(--cv-ink)!important;
 font:900 clamp(29px,3.1vw,50px)/1.14 "Be Vietnam Pro","Noto Sans KR",system-ui,sans-serif!important;
 letter-spacing:-.04em!important;margin:13px 0 10px!important;
}
html[data-mrlee-culture-v2="1"] main.wrap > .hero p{
 color:var(--cv-muted)!important;font:500 clamp(12px,1.08vw,15px)/1.65 "Be Vietnam Pro",system-ui,sans-serif!important;
 margin:0 0 12px!important;
}
html[data-mrlee-culture-v2="1"] main.wrap > .hero .chip{
 font:850 10px/1.3 "Be Vietnam Pro",system-ui,sans-serif!important;
 letter-spacing:.1em!important;color:var(--cv-accent)!important;
 background:transparent!important;border:0!important;padding:0!important
}
html[data-mrlee-culture-v2="1"] main.wrap > .hero .btn{
 display:inline-flex!important;min-height:44px;align-items:center!important;
 border-radius:11px!important;padding:10px 16px!important;
 background:#1168bd!important;color:#fff!important;
 font:800 12px/1.3 "Be Vietnam Pro",system-ui,sans-serif!important
}
html[data-mrlee-culture-v2="1"] .mr27-culture-visual{
 position:relative!important;min-height:0!important;overflow:hidden!important;
 margin:0!important;background:#15395d;
}
html[data-mrlee-culture-v2="1"] .mr27-culture-visual img{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 min-height:0!important;display:block!important;object-fit:cover!important;filter:none!important;
}
html[data-mrlee-culture-v2="1"] .mr27-culture-visual::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(0deg,rgba(2,15,33,.65),transparent 55%);
}
html[data-mrlee-culture-v2="1"] .mr27-culture-label{
 position:absolute;z-index:1;left:17px;bottom:15px;
 color:#fff;padding:8px 12px;border-radius:10px;
 background:#062b4fb8;border:1px solid #ffffff57;
 font:750 11px/1.5 "Be Vietnam Pro",system-ui,sans-serif;
}
html[data-mrlee-culture-v2="1"] #topicSection .sectionHeading :is(h1,h2){
 font:900 clamp(21px,2vw,29px)/1.35 "Be Vietnam Pro",system-ui,sans-serif!important;
 color:var(--cv-ink)!important;letter-spacing:-.03em!important;
}
html[data-mrlee-culture-v2="1"] #topicSection .sectionHeading p{
 color:var(--cv-muted)!important;font-size:13px!important;line-height:1.7!important
}
html[data-mrlee-culture-v2="1"] #topicSection .tools{
 border-radius:13px!important;gap:8px!important
}
html[data-mrlee-culture-v2="1"] #topics.cards{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
}
html[data-mrlee-culture-v2="1"] #topics a.topic{
 min-width:0!important;border-radius:16px!important;overflow:hidden!important;
 border:1px solid #bcd3e6!important;
 box-shadow:0 8px 21px #0c31531b!important;
}
html[data-mrlee-culture-v2="1"] #topics a.topic>img{
 height:185px!important;max-height:185px!important;aspect-ratio:3/2;
 object-fit:cover!important
}
html[data-mrlee-culture-v2="1"] #topics a.topic .topicText h3{
 font-size:clamp(14px,1.25vw,18px)!important;line-height:1.38!important;
}
@media(max-width:1080px){
 html[data-mrlee-culture-v2="1"] #topics.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
 html[data-mrlee-culture-v2="1"] main.wrap > .hero{
  grid-template-columns:1fr!important;grid-template-rows:auto 205px!important;
  max-height:none!important
 }
 html[data-mrlee-culture-v2="1"] main.wrap > .hero > div:first-child{padding:24px 19px!important}
 html[data-mrlee-culture-v2="1"] main.wrap > .hero h1{font-size:clamp(29px,7vw,42px)!important}
 html[data-mrlee-culture-v2="1"] .mr27-culture-visual,.mr27-culture-visual img{
  min-height:205px!important;max-height:205px!important
 }
 html[data-mrlee-culture-v2="1"] #topics.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html[data-mrlee-culture-v2="1"] #topics a.topic>img{height:155px!important;max-height:155px!important}
}
@media(max-width:500px){
 html[data-mrlee-culture-v2="1"] #topics.cards{grid-template-columns:minmax(0,1fr)!important}
 html[data-mrlee-culture-v2="1"] #topics a.topic>img{height:200px!important;max-height:200px!important}
}

/* Preserve the actual 22 topic filters; suppress only duplicated V4/V5 launch panels. */
html[data-mrlee-culture-v2="1"] :is(
 main > .mrlee-v4-root,.mrlee-v2-primary-nav,.mrlee-next-portal,.mrlee-v2-context
){display:none!important}
html[data-mrlee-culture-v2="1"],
html[data-mrlee-culture-v2="1"] body{
 overflow-y:auto!important;max-height:none!important;
}
html[data-mrlee-culture-v2="1"][data-mrlee-v4][data-mrlee-v4-folded="true"]
 main > .mrlee-v4-root ~ :is(.crumb,.stats,#topicSection,.disclaimer){
 display:block!important;
}
html[data-mrlee-culture-v2="1"][data-mrlee-v4][data-mrlee-v4-folded="true"]
 main > .mrlee-v4-root ~ .hero{display:grid!important}

/* V3 compact landing: show the course catalog first, not repeated hero/navigation. */
html[data-mrlee-culture-v2="1"] main.wrap > .crumb{
 margin:12px 0 4px!important;font-size:12px!important;
}
html[data-mrlee-culture-v2="1"] #topicSection{
 margin:6px 0 14px!important;scroll-margin-top:80px;
}
html[data-mrlee-culture-v2="1"] #topicSection .sectionHeading{
 margin:0 0 9px!important;padding:14px clamp(15px,2vw,24px)!important;
 border:1px solid #b9d3e6!important;border-radius:17px!important;
 background:linear-gradient(115deg,#e9f6fc,#f7fbff)!important;
}
html[data-mrlee-culture-v2="1"][data-mrlee-theme="future"] #topicSection .sectionHeading{
 background:linear-gradient(115deg,#0e2c4b,#081d37)!important;
 border-color:#315e80!important;
}
html[data-mrlee-culture-v2="1"] #topicSection .sectionHeading :is(h1,h2){
 margin:0 0 6px!important;font-size:clamp(24px,2.4vw,36px)!important;
 line-height:1.26!important;
}
html[data-mrlee-culture-v2="1"] #topicSection .sectionHeading p{
 max-width:850px!important;margin:0!important;
}
html[data-mrlee-culture-v2="1"] #topicSection .tools{
 margin:0 0 9px!important;padding:8px!important;
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;
}
html[data-mrlee-culture-v2="1"] #topicSection #search{
 flex:1 1 280px;min-width:0;min-height:44px;
}
html[data-mrlee-culture-v2="1"] #topicSection .filter{
 min-height:42px;
}
html[data-mrlee-culture-v2="1"] .v23-editorial{
 display:none!important;
}
@media(max-width:600px){
 html[data-mrlee-culture-v2="1"] #topicSection .sectionHeading{
  padding:15px!important;
 }
 html[data-mrlee-culture-v2="1"] #topicSection .tools{
  gap:6px!important;
 }
 html[data-mrlee-culture-v2="1"] #topicSection .filter{
  flex:1 1 auto;font-size:12px!important;
 }
}
