header.hz-site-banner, #hz-editorial header.hz-site-banner {
  box-sizing: border-box;
  min-height: 0;
  display: block;
  padding: 0;
  background: #101e2d !important;
  color: #f4efe6;
  border-bottom: calc(1px + 1pt) solid #ad906d !important;
}
header.hz-site-banner .site-header-inner, #hz-editorial header.hz-site-banner .site-header-inner {
  box-sizing: border-box;
  width: 72%;
  max-width: none;
  min-height: 0;
  margin: 0 auto;
  padding: 13px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
header.hz-site-banner .hz-home-link, #hz-editorial header.hz-site-banner .hz-home-link {
  color: inherit;
  font: 24px Georgia, serif;
  text-decoration: none;
  white-space: nowrap;
  padding: 0;
  border: 0;
}
header.hz-site-banner .hz-home-link span { color: #c8a87c; }
header.hz-site-banner nav, #hz-editorial header.hz-site-banner nav {
  display: flex;
  flex: 0 1 auto;
  width: auto;
  margin: 0;
  padding: 0;
  gap: clamp(12px, 2.5vw, 32px);
  align-items: center;
  justify-content: flex-end;
  font-size: 15px;
}
header.hz-site-banner nav a, #hz-editorial header.hz-site-banner nav a {
  color: inherit;
  background: transparent;
  padding: 0;
  line-height: 1.5;
  font-size: inherit;
  text-decoration: none;
}
header.hz-site-banner nav a[aria-current="page"] { border-bottom: 1px solid #ad906d; }
body .system-page-heading, #hz-editorial .system-page-heading { padding: 0; margin: 0 0 14px; }
body .system-page-heading h1, body.audio-page .system-page-heading h1, #hz-editorial .system-page-heading h1 {
  font: 400 clamp(37px, 6.5vw, 68px)/1.04 Georgia, serif;
  letter-spacing: -.045em;
  margin: 8px 0 0;
}
body .system-page-heading > span, #hz-editorial .system-page-heading .hz-kicker {
  font-size: 11px;
  letter-spacing: .16em;
}
#hz-editorial #hz-gallery, #hz-editorial #hz-project { --home-width: 72%; padding-top: 0; }
body.shared-plan:has(.system-page-heading) main {
  width: 72%;
  max-width: none;
  padding: 0 0 16px;
  margin-inline: auto;
}
.products-page .products-main, .settings-main:has(.system-page-heading) {
  width: 72%;
  max-width: none;
  padding: 0 0 16px;
  margin-inline: auto;
}
@media (max-width: 900px) {
  header.hz-site-banner .site-header-inner, #hz-editorial header.hz-site-banner .site-header-inner,
  body.shared-plan:has(.system-page-heading) main, .products-page .products-main,
  .settings-main:has(.system-page-heading) { width: 92%; }
  #hz-editorial #hz-gallery, #hz-editorial #hz-project { --home-width: 92%; }
}
@media print { header.hz-site-banner { display: none !important; } }
@media (min-width: 960px) {
  body.hz-plan-editor:has(.system-page-heading) main {
    grid-template-columns: minmax(0, 1fr) clamp(230px, 18%, 250px);
  }
  .hz-plan-editor #viewport {
    width: calc(100% + var(--drawing-gutter, 0%) - 34px - var(--drawing-inset-adjustment, 0px));
    margin-inline-start: calc(-1 * var(--drawing-gutter, 0%) + var(--drawing-inset-adjustment, 0px));
  }
}
header.hz-site-banner, #hz-editorial header.hz-site-banner{position:sticky;top:0;z-index:40}
body .system-page-heading,#hz-editorial .system-page-heading,#hz-editorial #hz-arrival{
  position:sticky;top:var(--hz-banner-height,55px);z-index:35;
}
body .system-page-heading,#hz-editorial .system-page-heading{background:#f4efe6;padding-block:22px 10px;margin-bottom:4px}
body.shared-plan:has(.system-page-heading) main>.toolbar{
  top:calc(var(--hz-banner-height,55px) + var(--hz-title-height,0px));
}
#hz-editorial .hz-inline-equipment{width:auto;max-width:none;margin:8px 0 0;padding:0;background:none;border:0;border-radius:0}
#hz-editorial .hz-inline-equipment h2{font-size:26px;margin:0}
#hz-editorial .hz-inline-equipment h3{font:400 20px Georgia,serif;margin:16px 0 8px;letter-spacing:0}
#hz-editorial .hz-inline-equipment th{background:#e7dccb}
#hz-editorial .hz-inline-equipment td{border-color:#d9ccba;padding:10px 12px}
#hz-editorial .hz-inline-equipment td small{color:#526274}
#hz-editorial .hz-inline-equipment p{color:inherit}
@media print{
 body .system-page-heading,#hz-editorial .system-page-heading,#hz-editorial #hz-arrival{position:static}
}

#hz-editorial .hz-system-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#hz-editorial .hz-open-system[href="audio.html"]{font-weight:700}
#hz-editorial #saveSystemPdf{
  flex-shrink:0;background:#101e2d;color:#f4efe6;border:1px solid #101e2d;border-radius:4px;padding:7px 12px;font:inherit;
}
.hz-plan-editor #viewEquipment[hidden]{display:none!important}
.lutron-page #controlKey{border:0;border-radius:0;background:transparent;padding:0}
.lutron-page #controlKey>h3{
  background:transparent;color:#172a3e;font:400 24px Georgia,serif;
  margin:0 0 8px;padding:0 0 8px;border:0;border-bottom:1px solid #d6dce1;border-radius:0;
}
@media print{
  #hz-editorial #saveSystemPdf{display:none}
  #hz-editorial .hz-inline-equipment .equipment-table-wrap{overflow:visible}
}

/* Cover the floorplan at the sides of the sticky title as it scrolls underneath. */
.hz-plan-editor .system-page-heading{box-shadow:-2px 0 #f4efe6,2px 0 #f4efe6}

#hz-project .hz-systems-sticky{padding-bottom:20px;background:#f4efe6}
#hz-project .hz-systems-sticky .system-page-heading{position:static}
#hz-editorial .hz-schedule-layout>.hz-inline-equipment{grid-column:-2/-1;min-width:0;margin-top:0}
#hz-editorial .hz-schedule-layout>.hz-inline-equipment>h3:first-child{margin-top:0}
@media screen and (min-height:560px){
 #hz-project .hz-systems-sticky{position:sticky;top:var(--hz-banner-height,55px);z-index:35}
}

.system-page-heading .hz-back-link{display:inline-block;color:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.system-page-heading .hz-back-link:hover{text-decoration:underline}
#hz-editorial .hz-open-system[href="shades.html"]{font-weight:700}
#hz-editorial .hz-inline-equipment :is(.shade-room-table,.shade-assigned-table){width:100%;table-layout:fixed}
#hz-editorial .hz-inline-equipment :is(.shade-room-table,.shade-assigned-table) :is(th,td){padding-inline:12px;min-width:0;overflow-wrap:anywhere}
#hz-editorial .hz-inline-equipment :is(.shade-room-table,.shade-assigned-table) th:last-child{width:22%;box-sizing:border-box}
#hz-editorial .hz-inline-equipment :is(.shade-room-table,.shade-assigned-table) th:nth-child(2){width:30%;box-sizing:border-box}