/* Home Library crops: keep the copy and product windows on one shared grid. */
:is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card {
  display:flex; flex-direction:column; --content-inset:40px;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card .il-copy { flex:0 0 248px; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card:has(.v2-library-table--metrics) .ds-card-title {
  max-width:9.5em; text-wrap:wrap;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-content-visual {
  position:relative; inset:auto; flex:none;
  width:calc(100% - 2 * var(--content-inset)); margin:16px var(--content-inset) 0;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-preview {
  min-height:296px; background:#fff; border:0; border-radius:12px;
  box-shadow:0 0 0 .5px rgba(18,23,34,.16),0 2px 6px rgba(18,23,34,.08);
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title {
  height:46px; padding:0 16px; gap:9px; font-size:16px; line-height:20px;
  border-bottom:.5px solid #e7e8eb;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title > span { gap:16px; opacity:.65; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view {
  height:42px; padding:0 16px; gap:8px; color:#121722; font-size:14px; font-weight:500;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view > img:first-child { opacity:.6; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view > img:last-child { width:14px; height:14px; margin-left:2px; opacity:.65; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table th {
  height:32px; padding:0 16px; background:#fafafa; color:#656973;
  border-block:.5px solid #e7e8eb; font-size:12px; line-height:16px;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table th:first-child { width:65%; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td {
  height:48px; padding:0 16px; border-bottom:.5px solid #e7e8eb;
  font-size:14px; line-height:20px; vertical-align:middle;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child { display:table-cell; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child img {
  display:inline-block; width:28px; height:28px; padding:6px; margin-right:9px;
  vertical-align:middle; border-radius:6px; background:#f1effc;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child span {
  display:inline-block; max-width:calc(100% - 37px); vertical-align:middle;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table tbody tr:first-child { background:#f7faff; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table tbody tr:nth-child(2) img { background:#eef3f8; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table tbody tr:nth-child(3) img { background:#f3f3f3; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td > b {
  display:inline-flex; align-items:center; gap:6px; padding:3px 8px;
  border-radius:5px; font-size:12px; line-height:18px; font-weight:500;
  background:#f1f2f4; color:#656973;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td > b::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table .v2-published { background:#eaf6ef; color:#247547; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table .v2-draft { background:#fff4df; color:#84611a; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics th:first-child { width:58%; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics td:nth-child(2) { font-weight:500; color:#005bda; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics td:nth-child(2)::after {
  content:""; display:block; height:3px; margin-top:4px; border-radius:2px;
  background:linear-gradient(to right,#0068f9 var(--metric-fill,100%),#e5edf9 0);
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics tr:nth-child(2) { --metric-fill:67.1875%; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics tr:nth-child(3) { --metric-fill:25%; }
@media(max-width:600px) {
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card { --content-inset:28px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card .il-copy { flex:0 0 auto; min-height:272px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-content-visual { margin-top:20px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title { height:34px; padding:0 10px; font-size:14px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title > span { gap:10px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view { height:34px; padding:0 10px; font-size:12px; gap:5px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table th { height:28px; padding:0 10px; font-size:10px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td { height:40px; padding:0 10px; font-size:12px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child img { width:20px; height:24px; padding:4px 2px; margin-right:5px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child span { max-width:calc(100% - 25px); }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td > b { padding:2px 5px; gap:4px; font-size:10px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table th:first-child { width:62%; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics th:first-child { width:58%; }
}

/* The two overlapping windows span 1502px in the original scene.
   Fit that span between the text edges of the Learning tabs below. */
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-stage {
  --learning-window-inset:48px;
  container-type:inline-size;
}
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-fit {
  --learning-scene-scale:calc((100cqw - 2 * var(--learning-window-inset)) / 1502px);
  transform:scale(var(--learning-scene-scale));
}
/* Convert the outer gutter to scene coordinates before the shared scale. */
:is(#dock-home-v2,.dock-v2) #v2-learning .lmw--front {
  top:calc(var(--learning-window-inset) / var(--learning-scene-scale));
}
:is(#dock-home-v2,.dock-v2) #v2-learning .lmw--back {
  top:calc(var(--learning-window-inset) / var(--learning-scene-scale) + 78px);
}
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-col i { margin-bottom:8px; }
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-col b { display:block; }
@media(min-width:901px) {
  /* Halve the 112px visual gap while keeping the outer window alignment. */
  :is(#dock-home-v2,.dock-v2) #v2-learning .lms-cols {
    padding-inline:48px;
    gap:56px;
  }
  :is(#dock-home-v2,.dock-v2) #v2-learning .lms-col { padding-inline:0; }
}
@media(max-width:900px) {
  :is(#dock-home-v2,.dock-v2) #v2-learning .lms-stage { --learning-window-inset:16px; }
}
@media(max-width:640px) {
  /* Keep a real gutter around the window and align the stacked copy to it. */
  :is(#dock-home-v2,.dock-v2) #v2-learning .lms-col { padding-inline:16px; }
}

/* Match the 13px Library header using one scale for the native 14px sidebar.
   The existing percentage height keeps it stretched to the window edges. */
:is(#v2-content,[data-home-v2-id="v2-content"]) .hp-library-screen .ui-app-sidebar {
  --library-sidebar-scale:calc(13 / 14);
  zoom:var(--library-sidebar-scale);
}