/* Only the existing lab introduction, WordPress page 828. */
body.page-id-828 { --ms-lab-ink:#17334b; --ms-lab-muted:#536978; --ms-lab-blue:#176bb3; --ms-lab-line:#dbe5ec; }
body.page-id-828 #content > .section-block-upper { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; align-items:start; }
body.page-id-828 #primary,body.page-id-828 #secondary { width:auto; min-width:0; float:none; padding:0; }
body.page-id-828 #main,body.page-id-828 #primary,body.page-id-828 .entry-content-wrap,body.page-id-828 .entry-content { padding:0; background:transparent; }
body.page-id-828 #main > article > .entry-header { padding:20px 24px; background:#fff; border:1px solid var(--ms-lab-line); border-radius:8px; margin:0 0 20px; }
body.page-id-828 #main .entry-title { margin:0; color:var(--ms-lab-ink); font-size:28px; line-height:1.4; }
body.page-id-828 .ms-lab-intro { color:var(--ms-lab-ink); font-family:system-ui,'Microsoft YaHei',sans-serif; }
body.page-id-828 .ms-lab-intro p { margin:0 0 18px; color:var(--ms-lab-muted); font-size:16px; line-height:1.9; }
body.page-id-828 .ms-lab-intro p:last-child { margin-bottom:0; }
body.page-id-828 .ms-lab-intro a { color:var(--ms-lab-blue); text-decoration:none; overflow-wrap:anywhere; }
body.page-id-828 .ms-lab-intro a:hover { text-decoration:underline; }
body.page-id-828 .ms-lab-intro h2 { margin:0 0 18px; font-size:28px; line-height:1.45; color:var(--ms-lab-ink); scroll-margin-top:90px; }
body.page-id-828 .ms-lab-intro h3 { margin:0 0 12px; font-size:20px; line-height:1.5; color:var(--ms-lab-ink); }
body.page-id-828 .ms-lab-intro .ms-lab-kicker { font-size:13px; font-weight:650; line-height:1.7; color:var(--ms-lab-blue); margin:0 0 10px; }
body.page-id-828 .ms-lab-hero { display:grid; grid-template-columns:1.08fr 1fr; gap:26px; align-items:center; padding:28px; border:1px solid var(--ms-lab-line); border-radius:8px; background:linear-gradient(135deg,#edf5fc,#fff 70%); margin-bottom:22px; }
body.page-id-828 .ms-lab-hero h2 { font-size:clamp(28px,3.4vw,42px); line-height:1.35; margin-bottom:18px; }
body.page-id-828 .ms-lab-hero .ms-lab-lead { font-size:16px; line-height:1.9; }
body.page-id-828 .ms-lab-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
body.page-id-828 .ms-lab-intro .ms-lab-button { display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; min-height:44px; border:1px solid var(--ms-lab-blue); border-radius:5px; background:var(--ms-lab-blue); color:white; font-size:14px; font-weight:650; }
body.page-id-828 .ms-lab-intro .ms-lab-button-secondary { background:#fff; color:var(--ms-lab-blue); }
body.page-id-828 .ms-lab-jump { display:flex; flex-wrap:wrap; gap:10px; padding:14px 18px; border:1px solid var(--ms-lab-line); border-radius:8px; background:#fff; margin-bottom:24px; }
body.page-id-828 .ms-lab-jump a,body.page-id-828 .ms-lab-resource-links a { display:inline-flex; align-items:center; min-height:44px; padding:7px 12px; border:1px solid var(--ms-lab-line); border-radius:5px; background:#edf5fc; font-size:14px; font-weight:600; }
body.page-id-828 .ms-lab-section { padding:28px; margin:0 0 24px; border:1px solid var(--ms-lab-line); border-radius:8px; background:#fff; }
body.page-id-828 .ms-lab-photo,body.page-id-828 .ms-lab-research-card figure { margin:0; min-width:0; }
body.page-id-828 .ms-lab-photo a { display:block; }
body.page-id-828 .ms-lab-photo img { display:block; width:100%; height:auto; margin:0!important; border-radius:6px; }
body.page-id-828 .ms-lab-photo figcaption,body.page-id-828 .ms-lab-research-card figcaption { font-size:12px; line-height:1.7; color:var(--ms-lab-muted); margin:8px 0 0; }
body.page-id-828 .ms-lab-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:20px; }
body.page-id-828 .ms-lab-gallery-office { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.page-id-828 .ms-lab-research-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:22px; }
body.page-id-828 .ms-lab-research-card { min-width:0; overflow:hidden; border:1px solid var(--ms-lab-line); border-radius:7px; background:#f8fafc; }
body.page-id-828 .ms-lab-research-card figure { padding:14px 14px 0; }
body.page-id-828 .ms-lab-research-card img { display:block; width:100%; height:auto; margin:0!important; border-radius:5px; }
body.page-id-828 .ms-lab-research-copy { padding:18px; }
body.page-id-828 .ms-lab-research-copy h3 { font-size:21px; }
body.page-id-828 .ms-lab-research-copy p { font-size:15px; line-height:1.85; }
body.page-id-828 .ms-lab-research-copy a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:600; }
body.page-id-828 .ms-lab-intro .ms-lab-small { font-size:13px; margin-top:18px; }
body.page-id-828 .ms-lab-facility-block + .ms-lab-facility-block { padding-top:24px; margin-top:24px; border-top:1px solid var(--ms-lab-line); }
body.page-id-828 .ms-lab-resource-links { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
body.page-id-828 .ms-lab-community-grid,body.page-id-828 .ms-lab-contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; }
body.page-id-828 .ms-lab-community-grid article,body.page-id-828 .ms-lab-contact-card { min-width:0; border:1px solid var(--ms-lab-line); border-radius:6px; padding:18px; background:#f8fafc; }
body.page-id-828 .ms-lab-community-grid h3 { font-size:19px; }
body.page-id-828 .ms-lab-community-grid p { font-size:14px; }
body.page-id-828 .ms-lab-community-grid a,body.page-id-828 .ms-lab-contact-card a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; }
body.page-id-828 .ms-lab-contact { background:#f3f8fc; }
body.page-id-828 .ms-lab-contact-card h3 a { font-size:20px; font-weight:650; }
body.page-id-828 .ms-lab-email { display:block!important; min-height:44px; line-height:1.8; padding:7px 0; overflow-wrap:anywhere; }
body.page-id-828 .ms-lab-profile { border-top:1px solid var(--ms-lab-line); margin-top:8px; padding-top:8px; }
body.page-id-828 .ms-lab-address { margin-top:24px; padding:22px; background:#fff; border:1px solid var(--ms-lab-line); border-radius:6px; }
body.page-id-828 #content a:focus-visible,body.page-id-828 .ms-lab-intro h2:focus-visible { outline:3px solid #b56b00; outline-offset:3px; }
body.page-id-828 #secondary { position:static!important; }
body.page-id-828 #secondary .widget-area { padding:0; background:transparent; }
body.page-id-828 #secondary .widget { padding:20px; margin:0 0 20px; border:1px solid var(--ms-lab-line); border-radius:8px; background:#fff; box-shadow:none; font:14px/1.8 system-ui,'Microsoft YaHei',sans-serif; color:var(--ms-lab-muted); }
body.page-id-828 #secondary .textwidget { display:flow-root; }
body.page-id-828 #secondary h2 { text-align:left!important; color:var(--ms-lab-ink)!important; font-size:20px!important; line-height:1.4; margin:0 0 16px!important; }
body.page-id-828 #secondary table,body.page-id-828 #secondary tbody { display:block; width:100%; border:0; margin:0!important; }
body.page-id-828 #secondary tr { display:flex; flex-direction:column; padding:16px 0; margin:0!important; border-top:1px solid var(--ms-lab-line); }
body.page-id-828 #secondary td { display:block; width:100%!important; padding:0!important; border:0; }
body.page-id-828 #secondary td:nth-child(2) { order:-1; margin-bottom:10px; }
body.page-id-828 #secondary td img { display:block; width:82px; max-width:82px; height:auto; margin:0!important; border-radius:5px; }
body.page-id-828 #secondary .textwidget > span { float:none!important; display:block; padding:12px 0 0!important; margin:0!important; border-top:1px solid var(--ms-lab-line); }
body.page-id-828 #secondary p { margin:0 0 16px; }
body.page-id-828 #secondary p:last-child { margin-bottom:0; }
body.page-id-828 #secondary a { color:var(--ms-lab-blue); }
@media(max-width:1199px) {
 body.page-id-828 #content > .section-block-upper { grid-template-columns:minmax(0,1fr); }
 body.page-id-828 #secondary .widget-area { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
 body.page-id-828 #secondary .widget { margin:0; }
}
@media(max-width:800px) {
 body.page-id-828 .ms-lab-hero { grid-template-columns:minmax(0,1fr); }
 body.page-id-828 .ms-lab-gallery-office { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.page-id-828 .ms-lab-community-grid,body.page-id-828 .ms-lab-contact-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
 body.page-id-828 .ms-lab-section,body.page-id-828 .ms-lab-hero { padding:20px; }
 body.page-id-828 #main > article > .entry-header { padding:18px 20px; }
 body.page-id-828 .ms-lab-intro h2 { font-size:24px; }
 body.page-id-828 .ms-lab-hero h2 { font-size:32px; }
 body.page-id-828 .ms-lab-gallery,body.page-id-828 .ms-lab-gallery-office,body.page-id-828 .ms-lab-research-grid { grid-template-columns:minmax(0,1fr); }
 body.page-id-828 #secondary .widget-area { grid-template-columns:minmax(0,1fr); }
 body.page-id-828 .ms-lab-actions { flex-direction:column; }
 body.page-id-828 .ms-lab-actions a { width:100%; }
 body.page-id-828 .ms-lab-intro p { font-size:15px; }
}
@media(max-width:360px) { body.page-id-828 .ms-lab-section,body.page-id-828 .ms-lab-hero { padding:16px; } body.page-id-828 .ms-lab-hero h2 { font-size:29px; } }
