/* Venue marketing: match this page's blue badges, white cards and section rhythm. */
.media-refresh :is(#venue-marketing,#project-marketing).mr-section{padding:56px 0!important;min-height:calc(100svh - 72px)!important;display:flex;align-items:center;scroll-margin-top:72px}
.media-refresh #venue-marketing{background:#F5F8FF}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-shell{width:min(1280px,calc(100% - 64px))}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-head{max-width:1100px;margin:0 auto 32px}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-kicker{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid rgba(0,73,255,.18);border-radius:999px;background:rgba(0,73,255,.06);font:700 13px/1.5 Inter,sans-serif;letter-spacing:.04em;margin:0 0 16px;color:#0049FF}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-head h2{font:800 clamp(28px,2.8vw,42px)/1.3 'Noto Serif SC',serif;color:#071A35;margin:0 0 16px}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-head>p{font-size:16px;line-height:1.75;color:#5A6B8C}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-content:start;column-gap:12px;row-gap:0;padding:24px;border:1px solid #E5ECF6;border-radius:16px;background:#fff;box-shadow:0 8px 24px -20px rgba(20,56,105,.2)}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-no{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #DCE7FF;border-radius:10px;background:#F4F8FF;color:#0049FF;font:700 13px/1 'JetBrains Mono',monospace;margin:0}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-card h3{align-self:center;margin:0;font:700 19px/1.4 'Noto Serif SC',serif;color:#1A1A2E}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-card>p{grid-column:1/-1;margin:16px 0 0;font-size:14px;line-height:1.75;color:#5B6478}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-card>ul{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #E5ECF6}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-card li{margin:0;padding:6px 9px;border-radius:6px;background:#F4F8FF;color:#31527B;font-size:12px;line-height:1.5}
.media-refresh :is(#venue-marketing,#project-marketing) .mr-card li::before{display:none}
.media-refresh #venue-marketing .mr-card>p{min-height:49px}
.media-refresh #project-marketing .mr-card{padding:28px 24px;background:linear-gradient(180deg,#fff 66%,#F8FAFF 100%);grid-template-rows:38px minmax(74px,auto) auto auto 1fr}
.media-refresh #project-marketing .mr-no{border-color:transparent;background:linear-gradient(135deg,#0049FF,#1A72FF);color:#fff}
.media-refresh #project-marketing .mr-card>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:20px}
.media-refresh #project-marketing .mr-card li{padding:10px 12px;font-size:13px}
.media-refresh #project-marketing .mr-card>.mr-rank-subtitle{margin:24px 0 0;padding-top:22px;border-top:1px solid #E5ECF6;color:#0049FF;font-size:16px;font-weight:700;line-height:1.5}
.media-refresh #project-marketing .mr-rank-subtitle+p{margin-top:8px;line-height:1.75}
@media(max-width:1100px){
 .media-refresh :is(#venue-marketing,#project-marketing).mr-section{min-height:0!important;padding:52px 0!important}
 .media-refresh :is(#venue-marketing,#project-marketing) .mr-shell{width:calc(100% - 48px)}
 .media-refresh #venue-marketing .mr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .media-refresh #project-marketing .mr-card{padding:22px 18px;grid-template-columns:32px minmax(0,1fr);column-gap:10px}
 .media-refresh #project-marketing .mr-no{width:32px;height:32px}
 .media-refresh #project-marketing .mr-card h3{font-size:17px}
 .media-refresh #project-marketing .mr-card li{padding:8px;font-size:12px}
}
@media(max-width:760px){
 .media-refresh :is(#venue-marketing,#project-marketing).mr-section{padding:40px 0!important}
 .media-refresh :is(#venue-marketing,#project-marketing) .mr-shell{width:calc(100% - 32px)}
 .media-refresh :is(#venue-marketing,#project-marketing) .mr-head{margin-bottom:24px}
 .media-refresh :is(#venue-marketing,#project-marketing) .mr-head h2{font-size:28px;line-height:1.4}
 .media-refresh :is(#venue-marketing,#project-marketing) .mr-head>p{font-size:14px}
 .media-refresh :is(#venue-marketing,#project-marketing) .mr-grid{grid-template-columns:1fr;gap:16px}
 .media-refresh :is(#venue-marketing,#project-marketing) .mr-card{padding:22px}
 .media-refresh #venue-marketing .mr-card>p{min-height:0}
 .media-refresh #project-marketing .mr-card{grid-template-rows:auto auto auto auto auto}
 .media-refresh #project-marketing .mr-card h3{font-size:19px}
}