@charset "UTF-8";

/* Paired shortcuts belong beside the video identity, above the player. */
.video-dialog .dialog-top {
  display:flex;
  align-items:center;
  gap:14px;
}
.video-dialog .dialog-label,
.video-watch-brand {
  flex:0 0 auto;
  min-width:0;
  color:#526578;
  font-size:14px;
  font-weight:650;
  line-height:1.5;
  white-space:nowrap;
}
.video-header-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:8px;
  width:424px;
  max-width:100%;
  min-width:0;
  margin-left:auto;
}
.video-header-actions>.dialog-community-banner,
.video-header-actions>.dialog-management-banner {
  display:flex;
  grid-column:auto;
  grid-row:auto;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-width:0;
  height:54px;
  min-height:54px;
  margin:0;
  padding:8px 10px;
  border:1px solid;
  border-radius:12px;
  line-height:1.4;
  text-decoration:none;
  transition:background .16s,border-color .16s;
}
.video-header-actions>.dialog-community-banner {
  border-color:#efdc7e;
  background:#fff1a8;
  color:#3d3020;
}
.video-header-actions>.dialog-community-banner:hover {
  border-color:#e7cb4e;
  background:#ffe986;
}
.video-header-actions>.dialog-management-banner {
  border-color:#c8dcfa;
  background:#edf5ff;
  color:#1858b0;
}
.video-header-actions>.dialog-management-banner:hover {
  border-color:#9dc1f5;
  background:#e2efff;
}
.video-header-actions .icon {
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.video-header-actions .community-banner-copy,
.video-header-actions .management-banner-copy {
  display:flex;
  flex:0 1 auto;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  min-width:0;
  line-height:1.4;
  word-break:keep-all;
  overflow-wrap:normal;
}
.video-header-actions .community-banner-copy>span {
  color:#665124;
  font-size:11px;
  font-weight:550;
}
.video-header-actions .community-banner-copy>strong,
.video-header-actions .management-banner-copy>strong {
  color:inherit;
  font-size:12px;
  font-weight:750;
  letter-spacing:-.04em;
  line-height:1.45;
  white-space:normal;
}
.video-header-actions .management-banner-symbol {
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:28px;
  padding:0;
  border-radius:7px;
  background:#dceaff;
  color:#1b64da;
}
.video-header-actions .management-banner-symbol>.icon {
  width:17px;
  height:17px;
}
.video-header-actions .management-banner-copy>span,
.video-header-actions .community-arrow,
.video-header-actions .management-banner-arrow {
  display:none;
}
.video-header-actions>a:focus-visible {
  outline:3px solid #1b64da;
  outline-offset:3px;
}
.video-dialog .dialog-top>#closeDialog {
  flex:0 0 44px;
  margin-left:0;
}

/* The standalone watch page shares the paired header on every screen. */
.watch-layout>.video-watch-top {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 16px;
  grid-column:1 / -1;
  grid-row:1;
  order:-1;
  width:100%;
  min-width:0;
  margin-bottom:18px;
}
.video-watch-top>.video-header-actions {
  flex:0 1 424px;
}
@media(min-width:801px) and (max-width:999px) {
  .watch-layout>.video-stage { grid-row:2 / 4; }
  .watch-layout>.video-heading { grid-row:2; }
  .watch-layout>.video-copy { grid-row:3; }
}
@media(min-width:1000px) {
  .watch-layout>.video-watch-top { order:-1; }
  .video-dialog .dialog-layout {
    grid-template-rows:repeat(4,min-content) minmax(0,1fr);
    align-content:start;
  }
  .video-dialog #dialogSummary { align-self:start; }
  .video-dialog .dialog-related {
    grid-row:1 / span 5;
    max-height:min(680px,max(200px,calc(100vh - 160px)));
    max-height:min(680px,max(200px,calc(100dvh - 160px)));
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
}
@media(max-width:999px) {
  .video-watch-top>.video-header-actions { flex:1 1 100%;width:100%; }
}
@media(max-width:760px) {
  .video-dialog .dialog-top {
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:7px 10px;
    padding:8px 12px 11px;
  }
  .video-dialog .dialog-top>.dialog-label { grid-column:1;grid-row:1; }
  .video-dialog .dialog-top>#closeDialog { grid-column:2;grid-row:1; }
  .video-dialog .dialog-top>.video-header-actions {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    margin:0;
  }
  .video-header-actions>.dialog-community-banner,
  .video-header-actions>.dialog-management-banner {
    height:52px;
    min-height:52px;
    padding:7px 9px;
    border-radius:10px;
  }
  .video-header-actions .community-chat,
  .video-header-actions .management-banner-symbol { display:none; }
  .video-header-actions .community-banner-copy,
  .video-header-actions .management-banner-copy { align-items:center;text-align:center; }
  .video-header-actions .community-banner-copy>strong,
  .video-header-actions .management-banner-copy>strong { font-size:12px; }
  .video-header-actions .community-banner-copy>span { font-size:11px; }
  .video-watch-brand { font-size:13px; }
}

/* Desktop starts at the requested 125% visual size; mobile keeps its scale.
   CSS zoom leaves the browser's own zoom controls and user preferences available.
   Viewport units below compensate for the magnified CSS pixel dimensions. */
@supports (zoom:1.25) {
  @media(min-width:1250px) and (hover:hover) and (pointer:fine) {
    html { zoom:1.25; }
    .video-dialog {
      max-width:calc(80vw - 40px);
      max-height:calc(80vh - 32px);
      max-height:calc(80dvh - 32px);
    }
    .video-dialog .dialog-related {
      max-height:min(600px,max(180px,calc(80vh - 150px)));
      max-height:min(600px,max(180px,calc(80dvh - 150px)));
    }
    .site-header {
      padding-left:max(28px,calc((80vw - 1200px)/2));
      padding-right:max(28px,calc((80vw - 1200px)/2));
    }
    .site-footer {
      padding-left:max(28px,calc((80vw - 1144px)/2));
      padding-right:max(28px,calc((80vw - 1144px)/2));
    }
    .academy-consultation,.upcoming-dialog {
      max-height:calc(80vh - 32px);
      max-height:calc(80dvh - 32px);
    }
  }
  @media(min-width:1250px) and (max-width:1562px) and (hover:hover) and (pointer:fine) {
    .workspace .video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .video-dialog .dialog-layout { grid-template-columns:minmax(0,1fr) 290px;gap:12px 20px;padding:20px; }
    body[data-video-id] .watch-main { grid-template-columns:minmax(0,1fr) 300px;column-gap:20px; }
    .watch-main>.watch-layout { padding:20px; }
    .watch-main>.next-section .watch-card-link { grid-template-columns:100px minmax(0,1fr);gap:10px; }
    .watch-main>.next-section .watch-art { width:100px; }
    .video-watch-top>.video-header-actions { flex:1 1 100%;width:100%; }
  }
}
@media print {
  html { zoom:1; }
  .video-header-actions { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .video-header-actions>a { transition:none; }
}

/* v26: the same service pair appears in video and property detail headers. */
.video-header-actions>.dialog-community-banner,
.video-header-actions>.dialog-management-banner{height:auto;min-height:60px}
.video-header-actions .management-banner-kicker{display:block;color:#4d78ac;font-size:10px;font-weight:550;line-height:1.45;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere}
.property-dialog .property-dialog-top{gap:12px;align-items:center}
.property-dialog-top>span{flex:0 0 auto;min-width:0;white-space:nowrap}
.property-dialog-top>.video-header-actions{flex:0 1 424px;margin-left:auto}
.property-dialog-top>[data-property-close]{flex:0 0 44px;width:44px;min-height:44px;margin-left:0}
@media(max-width:760px){
 .video-header-actions .management-banner-kicker{font-size:9px;line-height:1.45}
 .property-dialog .property-dialog-top{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 10px;padding:9px 12px 12px}
 .property-dialog-top>span{grid-column:1;grid-row:1}
 .property-dialog-top>[data-property-close]{grid-column:2;grid-row:1}
 .property-dialog-top>.video-header-actions{grid-column:1/-1;grid-row:2;width:100%;margin:0}
}