.dossier-letter {
  width: 100%; max-width: 840px !important; min-width: 0;
  padding: 46px 58px 36px !important;
  color: #26303a !important;
  background-color: #f3f1e9 !important;
  background-image: radial-gradient(#a7a28e16 .55px, transparent .55px) !important;
  background-size: 5px 5px;
  border: 1px solid #d1cdbf !important;
  border-top: 5px solid #9c3545 !important;
  border-radius: 3px !important;
  box-shadow: 0 3px 0 -1px #c7c3b8, 0 7px 0 -3px #f3f1e9, 0 24px 65px #0005 !important;
  isolation: isolate;
}
.dossier-letter::before {
  content: ''; position: absolute; top: 32px; bottom: 30px; left: 31px;
  width: 1px; background: #b5697040; pointer-events: none;
}
.dossier-letter > * + * { margin-top: 0 !important; }
.dossier-letter .letter-decoration { display: none; }
.dossier-letter .letterhead { padding-bottom: 24px; border-color: #adb0aa !important; text-align: center; }
.dossier-letter h3.letter-company {
  color: #202932 !important; font-family: 'Inter', sans-serif;
  font-size:22.0px !important; font-weight: 850; line-height: 1.35;
  letter-spacing: .16em !important; margin: 0;
}
.dossier-letter .letterhead > p {
  color: #4a544f !important; font:500 11px/1.8 'JetBrains Mono', monospace;
  letter-spacing: .07em; margin-top: 9px;
}
.dossier-letter .letter-metadata {
  display: grid; grid-template-columns: 1fr; gap: 10px;
  margin-top: 24px !important; padding-bottom: 24px;
  border-color: #c7c9c1 !important; color: #3e484e !important;
  font:11.0px/1.8 'JetBrains Mono', monospace;
}
.letter-metadata > div { display: contents; }
.letter-metadata > div > div {
  display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 10px;
  text-align: left; margin: 0 !important;
}
.letter-metadata strong { color: #747b76; font-weight: 600; font-size:11.0px; letter-spacing: .09em; }
.letter-metadata > div:last-child > div:first-child { color: #202932; font-weight: 600; }
.letter-metadata > div:last-child > div:last-child {
  margin-top: 5px !important; padding: 10px 12px;
  border-left: 2px solid #a1414e; background: #aa465709;
  color: #974052; font-size:11.0px; line-height: 1.85;
}
.letter-metadata > div:last-child > div:last-child strong { color: #974052; }
.dossier-letter .letter-body {
  margin-top: 27px !important; color: #303a3f !important;
  font:14.5px/1.95 'Libre Baskerville', Georgia, serif;
  font-style: normal;
}
.dossier-letter .letter-body > p { line-height: 1.95 !important; overflow-wrap: break-word; }
.dossier-letter .letter-body > p + p { margin-top: 25px; }
.dossier-letter p.letter-demand {
  padding: 16px 19px; border: 0 !important; border-left: 2px solid #9e4655 !important;
  border-radius: 0 !important; background: #eae6db !important;
  color: #30373d !important; font-weight: 400; text-decoration: none;
}
.letter-demand > span { color: #953c4a; font-weight: 700; text-decoration-color: #a44c59; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.dossier-letter .letter-signoff {
  margin-top: 32px !important; padding-top: 21px; gap: 25px;
  align-items: flex-end; border-color: #b8bcb4 !important;
}
.dossier-letter .letter-caption {
  max-width: 235px; color: #71776e !important;
  font:11.0px/1.8 'JetBrains Mono', monospace;
}
.dossier-letter .letter-sender {
  color: #2b3338 !important; font:700 15.0px/1.65 'Libre Baskerville', Georgia, serif;
  white-space: nowrap; margin-bottom: 6px;
}
.dossier-letter .letter-sender + div {
  color: #46514c !important; font:11.0px/1.7 'JetBrains Mono', monospace;
  letter-spacing: .025em;
}
.letter-timeline { max-width: 840px !important; margin-top: 33px !important; }
.letter-timeline > div:first-child { flex-wrap: wrap; gap: 10px; }
.letter-timeline > div:first-child > span:last-child { line-height: 1.65; }
@media (max-width: 767px) {
  .dossier-letter { padding: 32px 26px 27px !important; }
  .dossier-letter::before { left: 13px; top: 23px; bottom: 23px; }
  .dossier-letter h3.letter-company { font-size:18.0px !important; letter-spacing: .08em !important; }
  .dossier-letter .letterhead { padding-bottom: 20px; }
  .dossier-letter .letterhead > p { font-size:11.0px !important; letter-spacing: .025em; line-height: 1.85; }
  .dossier-letter .letter-metadata { margin-top: 20px !important; padding-bottom: 20px; gap: 11px; font-size:11.0px; line-height: 1.85; }
  .letter-metadata > div > div { grid-template-columns: 47px minmax(0, 1fr); gap: 8px; }
  .letter-metadata strong { font-size:11.0px; }
  .letter-metadata > div:last-child > div:last-child { padding: 10px 9px; font-size:11.0px; }
  .dossier-letter .letter-body { margin-top: 23px !important; font-size:13.0px; line-height: 1.95; }
  .dossier-letter .letter-body > p { line-height: 1.95 !important; }
  .dossier-letter .letter-body > p + p { margin-top: 21px; }
  .dossier-letter p.letter-demand { padding: 13px 13px; }
  .dossier-letter .letter-signoff { margin-top: 27px !important; padding-top: 18px; flex-direction: column-reverse; align-items: flex-start; gap: 19px; }
  .letter-signoff > div { text-align: left; }
  .dossier-letter .letter-sender { font-size:14.0px; }
  .dossier-letter .letter-sender + div { font-size:11.0px !important; }
  .dossier-letter .letter-caption { max-width: none; font-size:11.0px; line-height: 1.75; }
  .letter-timeline { margin-top: 26px !important; }
}
@media print {
  .dossier-letter { max-width: 100% !important; background: white !important; padding: 30px !important; box-shadow: none !important; border: 1px solid #bbb !important; break-inside: avoid; }
  .dossier-letter::before { display: none; }
  .dossier-letter .letter-body { font-size: 11pt; }
  .dossier-letter p.letter-demand { background: #f1f1ed !important; }
}