/* Editorial composition with the cabinet's existing illustrations. */
#ovHero.ov-hero,
.has-art.editorial-header,.sec-head.editorial-header{
  position:relative;display:flex;flex-direction:row;align-items:center;
  min-height:300px;padding:30px 46% 30px 0;margin-bottom:24px;
  border-bottom:1px solid var(--line2);isolation:isolate;
}
#ovHero .ov-hero-tx,.editorial-header .editorial-text{min-width:0;width:100%}
#ovHero .editorial-kicker,.editorial-header .editorial-kicker{
  margin:0 0 22px;font-size:10px;letter-spacing:.18em;line-height:1.6;
}
#ovHero .dash-hello,.editorial-header .editorial-title{
  font-family:var(--serif);font-size:36px;
  font-weight:400;line-height:1.08;letter-spacing:-.035em;
  margin:0;text-wrap:balance;overflow-wrap:anywhere;
}
#ovHero .dash-date,.editorial-header .editorial-description{
  margin:20px 0 0;max-width:410px;font-size:13px;line-height:1.8;color:var(--muted);
}
#ovHero .ov-hero-pic,.editorial-header .sec-art{
  display:flex;position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:39%;max-width:420px;height:auto;align-items:center;justify-content:center;
}
#ovHero .ov-hero-pic img,#ovHero .ov-hero-pic svg,
.editorial-header .sec-art img,.editorial-header .sec-art svg{
  width:100%;height:auto;max-height:275px;object-fit:contain;
}
/* Cards in the same rail share one height, including expanded notes. */
.uc-grid{align-items:stretch}
.uc-card{gap:12px;padding:18px}
.uc-card>.uc-actions{margin-top:auto}
.uc-card>.uc-parent{margin:0;padding-top:8px}
.uc-card>.uc-note{margin:0;padding-top:8px}
.uc-note summary{padding:3px 0;min-height:28px}
.uc-note-form{padding-top:8px}
.uc-note textarea{margin-top:6px;margin-bottom:10px}
@media(max-width:1000px){
  #ovHero.ov-hero,.has-art.editorial-header,.sec-head.editorial-header{min-height:260px;padding-right:44%;}
  #ovHero .ov-hero-pic,.editorial-header .sec-art{width:38%}
  #ovHero .dash-hello,.editorial-header .editorial-title{font-size:36px}
}
@media(max-width:600px){
  #ovHero.ov-hero,.has-art.editorial-header,.sec-head.editorial-header{
    min-height:158px;padding:12px 40% 14px 0;margin-bottom:14px;
  }
  #ovHero .dash-hello,.editorial-header .editorial-title{font-size:28px;line-height:1.15}
  #ovHero .editorial-kicker,.editorial-header .editorial-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:8px;gap:8px}
  #ovHero .editorial-kicker:after,.editorial-header .editorial-kicker:after{width:20px}
  #ovHero .dash-date,.editorial-header .editorial-description{margin-top:8px;font-size:11px;line-height:1.6}
  #ovHero .ov-hero-pic,.editorial-header .sec-art{display:flex;width:37%}
  #ovHero .ov-hero-pic img,#ovHero .ov-hero-pic svg,.editorial-header .sec-art img{max-height:140px}
  .uc-card{padding:16px;gap:10px}
}
@media(prefers-reduced-motion:reduce){#ovHero .ov-hero-pic,.editorial-header .sec-art{animation:none!important}}

/* Controls stay in the text column; the illustration has its own space. */
.has-art.editorial-header,.sec-head.editorial-header{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:center}
.editorial-header .editorial-tools{position:relative;justify-self:start;max-width:100%;flex-wrap:wrap}
.editorial-header .sch-tools-right{justify-content:flex-start;gap:12px}
.editorial-header .sch-weeknav{margin-top:20px;flex-wrap:wrap}
.editorial-header .prog-back{grid-area:auto;position:absolute;left:0;top:16px}
.editorial-header.prog-head{padding-top:64px}
/* Animate children, not the positioned wrapper, to retain picture centering. */
#ovHero.editorial-header.art-in .dash-hello,#ovHero.editorial-header.art-in .dash-date,
#ovHero.editorial-header.art-in .ov-hero-pic,.editorial-header .sec-art.art-in{animation:none}
#dashContent.anim>.editorial-header{animation:none!important}
.header-enter-pending .editorial-text,.header-enter-pending .sec-art img,
.header-enter-pending .ov-hero-pic img{opacity:0}
@media(max-width:600px){
  .editorial-header .sch-tools-right{font-size:11px}
  .editorial-header .sch-addbtn{white-space:normal;font-size:12px}
  .editorial-header .sch-weeklabel{font-size:12px;min-width:0;flex:1}
  .editorial-header .sch-weeknav{gap:5px;margin-top:12px}
  .editorial-header .sch-navbtn{width:27px;height:27px}
  .editorial-header .sch-tz{font-size:10px}
}

.editorial-header .sch-tz{display:inline-flex;margin-top:16px;padding:6px 9px;background:transparent}
@media(max-width:600px){.has-art.editorial-header,.sec-head.editorial-header{gap:10px}.editorial-header .sch-tz{margin-top:10px;padding:4px 6px;gap:4px}.editorial-header .sch-tzlabel{font-size:10px;white-space:normal}.editorial-header .sch-tz svg{width:13px;height:13px}}

/* More air below the title, smaller artwork on desktop. Mobile stays compact. */
@media(min-width:861px){
 #ovHero.ov-hero,.has-art.editorial-header,.sec-head.editorial-header{min-height:244px;padding-top:10px;padding-bottom:30px;margin-bottom:20px}
 #ovHero .ov-hero-pic,.editorial-header .sec-art{width:30%;max-width:320px;top:calc(50% - 12px)}
 #ovHero .ov-hero-pic img,#ovHero .ov-hero-pic svg,.editorial-header .sec-art img,.editorial-header .sec-art svg{max-height:208px}
 .editorial-header.prog-head{padding-top:48px}
}