/* R161: reserve real rows for the enhanced work filters and the page-heading dock.
   Existing artwork, readers, carousel state, hidden controls and motion owners stay intact. */
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser>.r116-showcase{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;
  grid-auto-flow:row;align-items:start;gap:12px;min-width:0;width:100%;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser>.r116-showcase>*{
  grid-column:1;min-width:0;max-width:100%;box-sizing:border-box;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-head{
  display:grid;grid-template-columns:max-content minmax(0,1fr);
  align-items:center;gap:8px 18px;min-width:0;width:100%;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-head>h2{
  min-width:0;width:auto;max-width:none;white-space:nowrap;word-break:normal;overflow-wrap:normal;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-head>p{
  min-width:0;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"audience controls" "format format";
  align-items:center;justify-content:stretch;gap:8px 16px;
  min-width:0;width:100%;max-width:100%;margin:0;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r116-audience,
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r158-filter[data-r158-contract="video-audience"]{
  grid-area:audience;min-width:0;width:100%;max-width:620px;justify-self:start;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r116-format,
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r158-filter[data-r158-contract="video-format"]{
  grid-area:format;min-width:0;width:100%;max-width:100%;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r116-controls{
  grid-area:controls;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;
  justify-self:end;gap:6px;min-width:0;width:auto;max-width:100%;margin:0;
}
/* A bounded grid track, rather than an auto/max-content column, owns the scrolling rail. */
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r158-filter{
  display:grid;grid-template-columns:max-content minmax(0,1fr);
  align-items:center;gap:8px;min-width:0;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar .r158-filter-controls{
  min-width:0;width:100%;max-width:100%;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar [data-r158-kind="type"]>.r158-filter-controls{
  display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:5px;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar [data-r158-kind="type"] .r158-pill-rail{
  display:flex;flex-wrap:nowrap;min-width:0;width:100%;max-width:100%;overflow-x:auto;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar [data-r158-kind="audience"] .r158-pill-rail{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;
  flex:1 1 auto;min-width:0;width:100%;max-width:100%;overflow:visible;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar [data-r158-kind="audience"] .r158-pill{
  min-width:0;max-width:100%;padding-inline:9px;
  white-space:normal;text-align:center;word-break:normal;overflow-wrap:break-word;
}
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-categories[data-r158-categories]{
  min-width:0;width:100%;max-width:100%;box-sizing:border-box;
}

/* R144's broad >div placement previously put the later R148 dock on top of the title div. */
html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading:has(>.r144-story){
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
  grid-template-rows:auto auto auto;
  grid-template-areas:"intro illustration" "action illustration" "handoff handoff";
  align-items:start;gap:8px 26px;min-width:0;
}
html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading>div:not(.r148-edge-dock){
  grid-area:intro;display:block;min-width:0;width:100%;max-width:100%;
}
html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading>div:not(.r148-edge-dock)>:is(h1,p){
  min-width:0;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word;
}
html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading>a{
  grid-area:action;min-width:0;max-width:100%;justify-self:start;align-self:start;
}
html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading>.r144-story{
  grid-area:illustration;align-self:start;justify-self:end;min-width:0;width:100%;max-width:560px;
}
html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading>.r148-edge-dock{
  grid-area:handoff;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;
  min-width:0;width:100%;max-width:100%;min-height:30px;margin:0;gap:6px 8px;
}
html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading>.r148-edge-dock>.r148-dock-copy{
  flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:break-word;
}
@media(max-width:900px){
  html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar{
    grid-template-columns:minmax(0,1fr);grid-template-areas:"audience" "format" "controls";gap:8px;
  }
  html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r158-filter[data-r158-contract="video-audience"]{max-width:100%}
  html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading:has(>.r144-story){
    grid-template-columns:minmax(0,1fr);grid-template-rows:auto;
    grid-template-areas:"intro" "action" "illustration" "handoff";gap:10px;
  }
  html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading>.r144-story{max-width:100%;justify-self:stretch}
}
@media(max-width:700px){
  html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-head{
    grid-template-columns:minmax(0,1fr);gap:5px;align-items:start;
  }
  html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r158-filter{grid-column:auto}
}
@media(max-width:480px){
  html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r158-filter{
    grid-template-columns:minmax(0,1fr);gap:5px;
  }
  html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar [data-r158-kind="audience"] .r158-pill{padding-inline:6px}
  html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-toolbar>.r116-controls{justify-self:stretch;justify-content:flex-end}
}
/* Enhancer and carousel owners continue to control visibility. */
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-showcase [hidden],
html[data-r158-portfolio] body[data-r116-ready="true"] #portfolio-browser .r116-showcase [data-r158-native],
html[data-r158-portfolio] body[data-r113-page="works"] #featured-works.r74-works-heading>[hidden]{display:none!important}