/* Header hierarchy requested by the publisher. */
.home-masthead .masthead-top {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  min-height:98px;
  padding:9px 0 7px;
}
.home-brand { grid-column:2; grid-row:1; justify-self:center; }
.home-brand-copy { display:flex; align-items:baseline; gap:12px; white-space:nowrap; }
.home-brand-copy .wmm-mark,
.home-brand-copy strong { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.home-brand-copy strong { font-size:12px; letter-spacing:1.2px; }
.home-positioning {
  grid-column:2; grid-row:2; justify-self:center; align-self:start;
  margin:2px 0 0; white-space:nowrap; text-align:center;
  font:400 12px/1.3 var(--font-body,Arial,sans-serif); color:#555;
}
.home-masthead .masthead-actions { grid-column:3; grid-row:1/3; justify-self:end; align-self:center; }
.home-masthead #menu { display:none; }

/* The editor's article remains visible as a compact Psychology feature, not a full-screen banner. */
.home-editorial-card { min-width:0; }
.home-editorial-card > a {
  display:grid; grid-template-columns:minmax(180px,34%) minmax(0,1fr);
  align-items:stretch; min-height:250px; height:auto; background:#f5f1e9;
  color:#161616; text-decoration:none;
}
.home-editorial-card img {
  display:block; width:100%; height:100%; min-height:250px; max-height:330px;
  aspect-ratio:auto; object-fit:cover; object-position:50% 24%;
}
.home-editorial-copy { position:static; align-self:center; padding:28px 30px; }
.home-editorial-copy .eyebrow { margin:0 0 10px; color:#876b38; font-size:10px; }
.home-editorial-copy h2 {
  margin:0 0 16px; color:#161616;
  font:400 clamp(25px,2.8vw,39px)/1.08 var(--font-heading,Georgia,serif);
}
.home-editorial-copy .read-more { color:#9b1833; }

@media(max-width:1050px) {
  .home-masthead .masthead-top { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
  .home-brand-copy strong { display:inline; }
}
@media(max-width:760px) {
  .home-masthead .masthead-top {
    grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto;
    min-height:76px; padding:6px 0 7px; gap:2px 8px;
  }
  .home-brand { grid-column:1; grid-row:1; justify-self:start; }
  .home-brand img { width:38px!important; height:38px!important; }
  .home-brand-copy { gap:8px; }
  .home-brand-copy .wmm-mark { font-size:20px; }
  .home-brand-copy strong { display:block; font-size:8px; letter-spacing:.75px; }
  .home-positioning {
    grid-column:1; grid-row:2; justify-self:start; margin:0;
    font-size:10px; text-align:left; white-space:normal;
  }
  .home-masthead .masthead-actions { display:none; }
  .home-masthead #menu { display:block; grid-column:2; grid-row:1; min-width:44px; margin:0; }
  .home-editorial-card > a { grid-template-columns:1fr; }
  .home-editorial-card img { width:100%; height:auto; min-height:0; max-height:240px; aspect-ratio:1.6; }
  .home-editorial-copy { padding:18px 20px 20px; }
  .home-editorial-copy h2 { font-size:28px; }
}

/* Center WMM precisely; keep the media name beside it and the descriptor below. */
.home-masthead .masthead-top {
  position:relative;
  grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr);
}
.home-brand {
  display:block; width:100%; grid-column:2; grid-row:1; justify-self:stretch;
}
.home-brand img { position:absolute; left:0; top:12px; }
.home-brand-copy {
  display:grid; width:100%; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-rows:auto; align-items:baseline; gap:0;
}
.home-brand-copy .wmm-mark { grid-column:2; justify-self:center; }
.home-brand-copy strong { grid-column:3; justify-self:start; margin-left:16px; }
.home-positioning { width:100%; }
@media(max-width:1050px) {
  .home-masthead .masthead-top { grid-template-columns:minmax(0,1fr) minmax(0,580px) minmax(0,1fr); }
}
@media(max-width:760px) {
  .home-masthead .masthead-top { grid-template-columns:minmax(0,1fr) auto; }
  .home-brand { display:flex; width:auto; grid-column:1; grid-row:1; justify-self:start; }
  .home-brand img { position:static; }
  .home-brand-copy { display:flex; width:auto; align-items:baseline; gap:8px; }
  .home-brand-copy .wmm-mark { grid-column:auto; }
  .home-brand-copy strong { grid-column:auto; margin-left:0; }
  .home-positioning { width:auto; }
}
