/* Real deliverables: retain every original preview, description and destination. */
body[data-r113-page="method"] #working-together.r55-method-evidence {
  min-width:0;
  margin-block:20px!important;
  padding-block:20px 12px!important;
}

body[data-r113-page="method"] #working-together.r55-method-evidence>header {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:end;
  gap:6px 24px;
  margin:0 0 14px;
  padding:0;
  min-width:0;
}

body[data-r113-page="method"] #working-together.r55-method-evidence>header>.r55-role-kicker {
  grid-column:1/-1;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.09em;
}

body[data-r113-page="method"] #working-together.r55-method-evidence>header>h2 {
  min-width:0;
  margin:0;
  font-size:clamp(21px,2.1vw,28px);
  line-height:1.35;
  overflow-wrap:break-word;
}

body[data-r113-page="method"] #working-together.r55-method-evidence>header>p:last-child {
  min-width:0;
  margin:0;
  font-size:14px;
  line-height:1.65;
}

body[data-r113-page="method"] #working-together .r55-example-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:14px;
  margin:0 0 8px;
  min-width:0;
}

body[data-r113-page="method"] #working-together .r55-example {
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:start;
  gap:12px;
  min-width:0;
  padding:16px 14px;
  border:1px solid #e2dcee;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#faf8fd);
}

body[data-r113-page="method"] #working-together .r55-example>div {
  min-width:0;
}

body[data-r113-page="method"] #working-together .r55-example-image {
  display:block;
  width:100%;
  height:112px;
  min-width:0;
  padding:3px;
  border:1px solid #e7e0f2;
  border-radius:7px;
  background:#f5f2fa;
  overflow:visible;
}

body[data-r113-page="method"] #working-together .r55-example-image img {
  display:block;
  width:100%;
  max-width:100%;
  height:100%;
  object-fit:contain;
}

body[data-r113-page="method"] #working-together .r55-example h3 {
  margin:0;
  font-size:17px;
  line-height:1.45;
  overflow-wrap:break-word;
}

body[data-r113-page="method"] #working-together .r55-example p {
  margin:7px 0 0;
  font-size:13px;
  line-height:1.7;
  overflow-wrap:break-word;
}

body[data-r113-page="method"] #working-together .r55-example .r55-role-link {
  min-height:40px;
  max-width:100%;
  margin:5px 0 0;
  gap:7px;
  font-size:12px;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:break-word;
}

body[data-r113-page="method"] #working-together .r55-role-link>span {
  flex:none;
}

body[data-r113-page="method"] #working-together>.r55-role-link {
  min-height:40px;
  margin:0;
  font-size:12px;
  line-height:1.5;
}

body[data-r113-page="method"] #working-together a:focus-visible {
  outline:3px solid #168c9b;
  outline-offset:3px;
}

@media(min-width:1200px) {
  body[data-r113-page="method"] #working-together .r55-example {
    grid-template-columns:86px minmax(0,1fr);
    gap:15px;
    padding:18px;
  }
  body[data-r113-page="method"] #working-together .r55-example-image {
    height:126px;
  }
}

/* Two useful columns on tablets; the third sample forms a compact full-width row. */
@media(min-width:680px) and (max-width:899px) {
  body[data-r113-page="method"] #working-together .r55-example-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  body[data-r113-page="method"] #working-together .r55-example:last-child {
    grid-column:1/-1;
    align-items:center;
  }
  body[data-r113-page="method"] #working-together .r55-example:last-child>div {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:6px 18px;
  }
  body[data-r113-page="method"] #working-together .r55-example:last-child h3,
  body[data-r113-page="method"] #working-together .r55-example:last-child p {
    grid-column:1;
    margin:0;
  }
  body[data-r113-page="method"] #working-together .r55-example:last-child .r55-role-link {
    grid-column:2;
    grid-row:1/3;
    max-width:130px;
    margin:0;
  }
}

@media(max-width:899px) {
  body[data-r113-page="method"] #working-together.r55-method-evidence>header {
    grid-template-columns:minmax(0,1fr);
    gap:5px;
    margin-bottom:12px;
  }
}

/* On phones each complete sample is a readable image-and-copy row. */
@media(max-width:679px) {
  body[data-r113-page="method"] #working-together.r55-method-evidence {
    margin-block:16px!important;
    padding-block:18px 8px!important;
  }
  body[data-r113-page="method"] #working-together .r55-example-grid {
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  body[data-r113-page="method"] #working-together .r55-example {
    grid-template-columns:76px minmax(0,1fr);
    gap:12px;
    padding:14px;
    border-radius:12px;
  }
  body[data-r113-page="method"] #working-together .r55-example h3 {
    font-size:16px;
  }
  body[data-r113-page="method"] #working-together .r55-example p {
    margin-top:5px;
  }
}

@media(max-width:359px) {
  body[data-r113-page="method"] #working-together .r55-example {
    grid-template-columns:62px minmax(0,1fr);
    gap:10px;
    padding:12px;
  }
  body[data-r113-page="method"] #working-together .r55-example-image {
    height:98px;
  }
}