/* Scoped pricing supplement. Original page and DM specification are backed up in work/. */
#letter-customization {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: 16px 32px;
  margin: 26px 0 20px;
  padding: 26px 28px 20px;
  border: 1px solid #cbdbe5;
  background: #f7fafc;
  color: #344d5e;
  scroll-margin-top: 24px;
}
#letter-customization h3 {
  margin: 0 0 12px;
  color: #173b55;
  font-size: 22px;
  line-height: 1.55;
}
#letter-customization h3 > span { display: inline-block; }
#letter-customization .letter-customization-copy > p {
  margin: 0;
  font-size: 14px;
  line-height: 1.9;
}
#letter-customization strong { color: #173b55; }
#letter-customization .letter-customization-sheets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#letter-customization .letter-customization-sheet {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-width: 0;
  padding: 17px 12px;
  border: 1px solid #d3dfe6;
  background: #fff;
}
#letter-customization .letter-customization-first { border-color: #a8c6d8; }
#letter-customization .letter-customization-sheet svg { width: 48px; height: 64px; flex: 0 0 auto; }
#letter-customization .paper { fill: #fff; stroke: #96aab7; stroke-width: 1.3; stroke-linejoin: round; }
#letter-customization .fold { fill: none; stroke: #96aab7; stroke-width: 1.3; }
#letter-customization .writing { fill: none; stroke: #a3b2bc; stroke-width: 1.3; }
#letter-customization .insertion { fill: #d9e9f3; }
#letter-customization .insertion-line { fill: none; stroke: #36769a; stroke-width: 1.7; }
#letter-customization .letter-customization-page { display: block; margin-bottom: 4px; color: #617684; font-size: 12px; }
#letter-customization .letter-customization-sheet p { margin: 0; color: #173b55; font-size: 15px; font-weight: 700; line-height: 1.6; }
#letter-customization .letter-customization-note { grid-column: 1 / -1; margin: 0; color: #617684; font-size: 12px; line-height: 1.8; }
@media (max-width: 950px) {
  #letter-customization { grid-template-columns: 1fr; gap: 18px; padding: 22px; }
  #letter-customization h3 { font-size: 21px; margin-bottom: 9px; }
}
@media (max-width: 600px) {
  #letter-customization { margin-top: 22px; padding: 20px 16px 17px; gap: 16px; }
  #letter-customization h3 { font-size: 20px; line-height: 1.6; }
  #letter-customization .letter-customization-copy > p { font-size: 14px; line-height: 1.85; }
  #letter-customization .letter-customization-sheets { gap: 10px; }
  #letter-customization .letter-customization-sheet { flex-direction: column; gap: 8px; padding: 14px 5px; text-align: center; }
  #letter-customization .letter-customization-sheet svg { width: 40px; height: 54px; }
  #letter-customization .letter-customization-sheet p { font-size: 14px; }
  #letter-customization .letter-customization-page { margin-bottom: 2px; }
}