/* Official symbols share an optical size; product labels share one type scale. */
.philosophy-v15 .ph19-products {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  align-content: center;
  padding-block: 20px;
  width: min(100%, 360px);
  justify-self: center;
}
.ph19-product { display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center; gap: 22px; min-width: 0; }
.ph19-mark-box { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; }
.ph19-mark { display: block; object-fit: contain; max-width: none; flex: none; }
/* OpenAI's official file includes equal clear space on every side. */
.ph19-mark--openai { width: 120px; height: 120px; }
.ph19-mark--claude { width: 60px; height: 60px; }
.ph19-product-label { min-width: 0; }
.philosophy-v15 .ph19-product-name { margin: 0; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 46px; font-weight: 500; line-height: 1.12; letter-spacing: -.04em; color: #172f2b; }
.philosophy-v15 .ph19-maker { margin: 9px 0 0; font-size: 14px; line-height: 1.5; letter-spacing: 0; color: #50645c; }
.philosophy-v15 .ph15-country--us .ph15-prose p + p { margin-top: 22px; }
.ph18-photo { min-width: 0; margin: 0; }
.ph18-photo > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: 50% 50%; }
.ph18-photo > figcaption { margin-top: 13px; color: #50645c; font-size: 13px; line-height: 1.75; }
.philosophy-v15 .ph17-strength-body .ph15-prose,
.philosophy-v15 .ph17-statement-body .ph15-prose { max-width: 30em; }
@media (max-width: 1050px) {
  .ph19-product { grid-template-columns: 68px minmax(0, 1fr); gap: 18px; }
  .ph19-mark-box { width: 68px; height: 76px; }
  .ph19-mark--openai { width: 104px; height: 104px; }
  .ph19-mark--claude { width: 52px; height: 52px; }
  .philosophy-v15 .ph19-product-name { font-size: 39px; }
}
@media (max-width: 780px) {
  .philosophy-v15 .ph19-products { gap: 16px; padding-block: 4px 12px; }
  .ph19-product { grid-template-columns: 64px minmax(0, 1fr); gap: 20px; }
  .ph19-mark-box { width: 64px; height: 74px; }
  .ph19-mark--openai { width: 96px; height: 96px; }
  .ph19-mark--claude { width: 48px; height: 48px; }
  .philosophy-v15 .ph19-product-name { font-size: 36px; }
  .philosophy-v15 .ph19-maker { margin-top: 6px; font-size: 13px; }
  .ph18-photo > figcaption { margin-top: 10px; font-size: 12px; }
  .philosophy-v15 .ph15-country--us .ph15-prose p + p { margin-top: 18px; }
}