/* DR UK Institute — R5.53 About-menu Corporate Content Family A
   Shared by Faculty, Facilities and Laboratories.
   One spacing scale, section rhythm, card language and responsive behaviour. */

body.aboutcorp-v553{
  --ac552-navy:#082f57;
  --ac552-teal:#087f79;
  --ac552-ink:#173852;
  --ac552-muted:#526b82;
  --ac552-line:#d8e5ec;
  --ac552-light:#f4f7fa;
  --ac552-soft:#f8fbfc;
  --ac552-white:#ffffff;
  --ac552-max:1180px;
  --ac552-radius:0px;
  --ac552-shadow:0 10px 28px rgba(8,47,87,.06);
  background:#fff;
  color:var(--ac552-ink);
}
body.aboutcorp-v553 main{overflow:hidden;background:#fff;}
body.aboutcorp-v553 .aboutmenu-title .container,
body.aboutcorp-v553 main > .section > .container{
  width:min(var(--ac552-max),calc(100% - 48px));
  margin-inline:auto;
}
body.aboutcorp-v553 main > .section{
  padding:56px 0;
  margin:0;
  background:var(--ac552-white);
}
body.aboutcorp-v553 main > .section.section-tint{
  background:var(--ac552-light);
}
body.aboutcorp-v553 main > .section:first-of-type + .section{
  padding-top:44px;
}
body.aboutcorp-v553 main h2{
  margin:0 0 16px;
  color:var(--ac552-navy);
  font-size:clamp(1.75rem,2.5vw,2.35rem);
  line-height:1.1;
  letter-spacing:-.025em;
}
body.aboutcorp-v553 main h3{
  color:var(--ac552-navy);
}
body.aboutcorp-v553 main p{
  color:var(--ac552-muted);
  line-height:1.68;
}
body.aboutcorp-v553 .section-head.compact-head{
  margin:0 0 24px;
}
body.aboutcorp-v553 .section-head.compact-head h2{margin:0;}
body.aboutcorp-v553 .eyebrow{
  display:block;
  margin:0 0 9px;
  color:var(--ac552-teal);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

/* Shared split-card language */
body.aboutcorp-v553 .facilities-feature-visual,
body.aboutcorp-v553 .lab-intro-grid,
body.aboutcorp-v553 .facility-story-row{
  display:grid;
  grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);
  gap:0;
  align-items:stretch;
  overflow:hidden;
  border:1px solid var(--ac552-line);
  border-radius:var(--ac552-radius);
  background:#fff;
  box-shadow:var(--ac552-shadow);
}
body.aboutcorp-v553 .facility-story-row.reverse{
  grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);
}
body.aboutcorp-v553 .facility-story-row.reverse figure{order:2;}
body.aboutcorp-v553 .facility-story-row.reverse > div{order:1;}
body.aboutcorp-v553 .facilities-feature-visual figure,
body.aboutcorp-v553 .lab-intro-grid figure,
body.aboutcorp-v553 .facility-story-row figure{
  margin:0;
  min-height:330px;
  overflow:hidden;
  background:#e6eef3;
}
body.aboutcorp-v553 .facilities-feature-visual figure img,
body.aboutcorp-v553 .lab-intro-grid figure img,
body.aboutcorp-v553 .facility-story-row figure img{
  display:block;
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
}
body.aboutcorp-v553 .facilities-feature-visual > div,
body.aboutcorp-v553 .lab-intro-grid > div,
body.aboutcorp-v553 .facility-story-row > div{
  min-width:0;
  padding:32px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.aboutcorp-v553 .facilities-feature-visual p,
body.aboutcorp-v553 .lab-intro-grid p,
body.aboutcorp-v553 .facility-story-row p{margin:0 0 12px;}
body.aboutcorp-v553 .facilities-feature-visual p:last-child,
body.aboutcorp-v553 .lab-intro-grid p:last-child,
body.aboutcorp-v553 .facility-story-row p:last-child{margin-bottom:0;}
body.aboutcorp-v553 .text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:var(--ac552-teal);
  font-weight:800;
  text-decoration:none;
}

/* Shared card-grid language */
body.aboutcorp-v553 .feature-card-grid,
body.aboutcorp-v553 .editorial-card-grid,
body.aboutcorp-v553 .lab545-core-grid{
  display:grid;
  column-gap:24px;
  row-gap:24px;
  margin:0;
}
body.aboutcorp-v553 .feature-card-grid.six{grid-template-columns:repeat(3,minmax(0,1fr));}
body.aboutcorp-v553 .editorial-card-grid.four,
body.aboutcorp-v553 .lab545-core-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
body.aboutcorp-v553 .feature-card-grid article,
body.aboutcorp-v553 .editorial-card-grid article,
body.aboutcorp-v553 .lab545-core-grid article{
  min-width:0;
  padding:23px;
  border:1px solid var(--ac552-line);
  border-radius:0;
  background:#fff;
  box-shadow:0 7px 20px rgba(8,47,87,.045);
}
body.aboutcorp-v553 .feature-card-grid article > i,
body.aboutcorp-v553 .lab545-core-grid article > i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin:0 0 13px;
  border-radius:0;
  background:#eaf7f7;
  color:var(--ac552-teal);
  font-size:1rem;
}
body.aboutcorp-v553 .feature-card-grid h3,
body.aboutcorp-v553 .editorial-card-grid h3,
body.aboutcorp-v553 .lab545-core-grid h3{
  margin:0 0 8px;
  font-size:1rem;
  line-height:1.3;
}
body.aboutcorp-v553 .feature-card-grid p,
body.aboutcorp-v553 .editorial-card-grid p,
body.aboutcorp-v553 .lab545-core-grid p{
  margin:0;
  font-size:.9rem;
  line-height:1.58;
}

/* Laboratories core shell uses the same corporate card language */
body.aboutcorp-v553 .lab545-core-section{padding:56px 0;}
body.aboutcorp-v553 .lab545-core-shell{
  width:100%;
  padding:28px;
  border:1px solid var(--ac552-line);
  border-radius:var(--ac552-radius);
  background:#fff;
  box-shadow:var(--ac552-shadow);
}
body.aboutcorp-v553 .lab545-core-head{margin:0 0 24px;}
body.aboutcorp-v553 .lab545-core-head h2{margin:0;}

/* Faculty table follows the same bordered white content-card language */
body.aboutcorp-v553 .faculty547-directory{
  padding-top:44px;
  padding-bottom:56px;
  background:var(--ac552-light);
}
body.aboutcorp-v553 .faculty547-table{
  margin:0;
  overflow:hidden;
  border:1px solid var(--ac552-line);
  border-radius:var(--ac552-radius);
  background:#fff;
  box-shadow:var(--ac552-shadow);
}
body.aboutcorp-v553 .faculty547-table .v85-faculty-row{
  padding:16px 20px;
  border-bottom:1px solid var(--ac552-line);
}
body.aboutcorp-v553 .faculty547-table .v85-faculty-row:last-child{border-bottom:0;}
body.aboutcorp-v553 .faculty547-table .v85-faculty-head{
  background:#eef6f7;
  color:var(--ac552-navy);
  font-weight:850;
}

/* CTA follows the same contained-card width/radius */
body.aboutcorp-v553 .cta-box.cta-v2{
  margin:0;
  padding:28px 30px;
  border:1px solid var(--ac552-line);
  border-radius:var(--ac552-radius);
  background:#fff;
  box-shadow:var(--ac552-shadow);
}

@media(max-width:1000px){
  body.aboutcorp-v553 .feature-card-grid,
  body.aboutcorp-v553 .editorial-card-grid,
  body.aboutcorp-v553 .lab545-core-grid{column-gap:18px;row-gap:18px;}
  body.aboutcorp-v553 .feature-card-grid.six{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.aboutcorp-v553 .editorial-card-grid.four,
  body.aboutcorp-v553 .lab545-core-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.aboutcorp-v553 .facilities-feature-visual,
  body.aboutcorp-v553 .lab-intro-grid,
  body.aboutcorp-v553 .facility-story-row,
  body.aboutcorp-v553 .facility-story-row.reverse{grid-template-columns:1fr;}
  body.aboutcorp-v553 .facility-story-row.reverse figure,
  body.aboutcorp-v553 .facility-story-row.reverse > div{order:initial;}
}
@media(max-width:640px){
  body.aboutcorp-v553 .aboutmenu-title .container,
  body.aboutcorp-v553 main > .section > .container{width:min(100% - 32px,var(--ac552-max));}
  body.aboutcorp-v553 main > .section{padding:38px 0;}
  body.aboutcorp-v553 main > .section:first-of-type + .section{padding-top:30px;}
  body.aboutcorp-v553 main h2{font-size:1.7rem;}
  body.aboutcorp-v553 .feature-card-grid.six,
  body.aboutcorp-v553 .editorial-card-grid.four,
  body.aboutcorp-v553 .lab545-core-grid{grid-template-columns:1fr;column-gap:16px;row-gap:16px;}
  body.aboutcorp-v553 .facilities-feature-visual figure,
  body.aboutcorp-v553 .lab-intro-grid figure,
  body.aboutcorp-v553 .facility-story-row figure,
  body.aboutcorp-v553 .facilities-feature-visual figure img,
  body.aboutcorp-v553 .lab-intro-grid figure img,
  body.aboutcorp-v553 .facility-story-row figure img{min-height:250px;}
  body.aboutcorp-v553 .facilities-feature-visual > div,
  body.aboutcorp-v553 .lab-intro-grid > div,
  body.aboutcorp-v553 .facility-story-row > div{padding:24px 20px;}
  body.aboutcorp-v553 .lab545-core-shell{padding:20px;}
  body.aboutcorp-v553 .faculty547-directory{padding-top:30px;padding-bottom:40px;}
  body.aboutcorp-v553 .faculty547-table .v85-faculty-row{padding:14px 16px;}
  body.aboutcorp-v553 .cta-box.cta-v2{padding:23px 20px;}
}

/* R5.53: straight-edged corporate panels with visible breathing room */
body.aboutcorp-v553 .feature-card-grid,
body.aboutcorp-v553 .editorial-card-grid,
body.aboutcorp-v553 .lab545-core-grid{padding:0;}
body.aboutcorp-v553 .feature-card-grid article,
body.aboutcorp-v553 .editorial-card-grid article,
body.aboutcorp-v553 .lab545-core-grid article,
body.aboutcorp-v553 .facilities-feature-visual,
body.aboutcorp-v553 .lab-intro-grid,
body.aboutcorp-v553 .facility-story-row,
body.aboutcorp-v553 .lab545-core-shell,
body.aboutcorp-v553 .faculty547-table,
body.aboutcorp-v553 .cta-box.cta-v2{border-radius:0;}

/* R5.56 mobile square-card lock — Facilities / Faculty / Laboratories only.
   v85 mobile rules use !important; these page-family rules intentionally
   neutralize only the legacy radius while preserving responsive gaps. */
@media (max-width:640px){
  body.aboutcorp-v553.facilities-v26 .feature-card-grid{
    gap:16px!important;
  }
  body.aboutcorp-v553.facilities-v26 .feature-card-grid article{
    border-radius:0!important;
  }
  body.aboutcorp-v553.faculty-v26 .v85-faculty-table{
    gap:16px!important;
  }
  body.aboutcorp-v553.faculty-v26 .v85-faculty-row{
    border-radius:0!important;
  }
  body.aboutcorp-v553.laboratories-v26 .lab545-core-grid{
    gap:16px!important;
  }
  body.aboutcorp-v553.laboratories-v26 .lab545-core-grid article,
  body.aboutcorp-v553.laboratories-v26 .lab545-core-shell{
    border-radius:0!important;
  }
}

/* R5.57 Faculty directory compact correction */
body.aboutcorp-v553.faculty-v26 .faculty547-directory{
  padding-top:26px!important;
  padding-bottom:44px!important;
  background:#fff!important;
}
body.aboutcorp-v553.faculty-v26 .faculty547-table{
  box-shadow:none!important;
}
body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-head{
  background:#eaf4f6!important;
}
body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-head > div{
  color:#082f57!important;
  font-weight:850!important;
}
@media(max-width:640px){
  body.aboutcorp-v553.faculty-v26 .faculty547-directory{
    padding-top:20px!important;
    padding-bottom:34px!important;
  }
}


/* R5.109 — Facilities requested border/grid lock */
body.aboutcorp-v553 .facilities-feature-visual.no-outer-border{
  border:0!important;
  box-shadow:none!important;
}
body.aboutcorp-v553.facilities-v26 .feature-card-grid.six{
  gap:0!important;
  border:1px solid var(--ac552-line);
  background:#fff;
  overflow:hidden;
}
body.aboutcorp-v553.facilities-v26 .feature-card-grid.six article{
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
}

/* V8.2 Faculty mobile directory correction — preserve the desktop table.
   Earlier v85 mobile CSS transformed each row into a labelled card using
   data-label/::before. On small screens keep the 3-column directory and allow
   horizontal scrolling instead, so headers appear once and values do not get
   repeated field labels. */
@media (max-width: 767px){
  body.aboutcorp-v553.faculty-v26 .faculty547-table{
    display:block!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    border:1px solid var(--ac552-line)!important;
    background:#fff!important;
    box-shadow:none!important;
    gap:0!important;
    scrollbar-width:thin;
  }
  body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-head{
    display:grid!important;
    background:#eaf4f6!important;
  }
  body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-row{
    display:grid!important;
    grid-template-columns:minmax(340px,1.7fr) minmax(180px,.7fr) minmax(220px,.8fr)!important;
    min-width:740px!important;
    align-items:center!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid var(--ac552-line)!important;
    border-radius:0!important;
    background:#fff!important;
    overflow:visible!important;
  }
  body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-row:last-child{
    border-bottom:0!important;
  }
  body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-row > div{
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
    padding:14px 16px!important;
    border-bottom:0!important;
    border-left:0!important;
    font-size:.88rem!important;
    white-space:normal!important;
  }
  body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-row > div + div{
    border-left:1px solid var(--ac552-line)!important;
  }
  body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-row > div::before{
    content:none!important;
    display:none!important;
  }
  body.aboutcorp-v553.faculty-v26 .faculty547-table .v85-faculty-head > div{
    color:#082f57!important;
    font-weight:850!important;
  }
}