:root{
  --text:#111;
  --muted:#333;
  --link:#b24a2a;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background:#ffffff;
  color:var(--text);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.language-switcher{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 16px 0 12px;
  font-size: 13px;
  border-bottom: 1px solid #e0e0e0;
}

.lang-btn{
  padding: 6px 12px;
  text-decoration: none;
  color: var(--link);
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  transition: all 0.2s ease;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}

.lang-btn:hover{
  background-color: #f5f5f5;
  border-color: var(--link);
}

.lang-btn.active{
  background-color: var(--link);
  color: #ffffff;
  border-color: var(--link);
}

.lang-separator{
  color: #ccc;
}

.page{
  max-width: 820px;
  margin: 48px auto 72px;
  padding: 0 20px 80px 20px;
  text-align: center;
}

.title{
  font-family: "Times New Roman", Times, serif;
  font-size: 54px; 
  line-height: 1.15;
  font-weight: 400;
  margin: 0 0 40px;
}

.poster{
  margin: 0 auto 26px;
  display: block;
}

.poster img{
  width: 560px; 
  max-width: 100%;
  height: auto;
  border: 0;
  display: block;
  margin: 0 auto;
}

.email-line{
  margin: 22px 0 34px;
  font-size: 28px; 
  font-weight: 800;
  color: var(--muted);
}

.email-line a{
  color: var(--link);
  text-decoration: underline;
  font-weight: 700;
}

.body{
  text-align: left;
  font-size: 18px; 
  line-height: 1.8;
}

.body p{
  margin: 0 0 20px;
}

.body strong{
  font-weight: 700;
}

.name-link{
  color: inherit;
  text-decoration: underline;
}

blockquote{
  margin: 26px 0;
  padding: 0;
  border: 0;
}

blockquote p{
  margin: 0 0 20px;
}

.footer-email{
  margin-top: 40px;
  margin-bottom: 24px; 
  text-align: center;
}

@media (max-width: 520px){
  .page{
    padding: 0 15px 80px 15px;
    margin: 48px auto 72px;
  }
  .title{ 
    font-size: 36px; 
  }
  .body{ 
    font-size: 16px; 
  }
  .poster img{ 
    width: 100%; 
  }
  .email-line{ 
    font-size: 18px; 
  }
  .language-switcher{
    padding: 12px 0 8px;
    font-size: 11px;
    gap: 6px;
  }
  .lang-btn{
    padding: 5px 10px;
    font-size: 11px;
  }
}

.poster img{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
img{
  -webkit-user-drag: none;
  user-drag: none;
}