/* ===== OPEN LETTER — shared by index.html + pledge.html ===== */

.open-letter{
  background:var(--paper);border:4px solid var(--ink);padding:clamp(1.5rem,3vw,2.5rem);
  box-shadow:8px 8px 0 var(--red);max-width:820px;margin-bottom:2rem}
.open-letter-title{
  font-family:var(--f-display);font-size:clamp(1.5rem,3.2vw,2.35rem);line-height:1;
  letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);margin-bottom:1.4rem;
  padding-bottom:1rem;border-bottom:3px solid var(--red)}
.open-letter p{
  font-family:var(--f-tech);font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.7;
  color:var(--ink-2);margin-bottom:1.1rem;font-weight:500}
.open-letter p:last-child{margin-bottom:0}
.open-letter-intro{font-weight:600;color:var(--ink)}
.open-letter a.open-letter-link{color:var(--red);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(232,30,30,.45);font-weight:700}
.open-letter a.open-letter-link:hover{color:var(--ink);text-decoration-color:var(--ink)}
.open-letter-pledge{
  list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-direction:column;gap:.75rem}
.open-letter-pledge li{
  font-family:var(--f-tech);font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.65;
  color:var(--ink-2);padding-left:1.35rem;position:relative;font-weight:500}
.open-letter-pledge li::before{
  content:'→';position:absolute;left:0;top:0;color:var(--red);font-weight:900}
.open-letter-close{
  margin-top:1.4rem;padding-top:1.1rem;border-top:2px solid var(--ink);font-weight:700;color:var(--ink)}
.open-letter-close strong{background:var(--yellow);padding:0 4px;font-weight:700}