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

html,body{
  height:100%;
}
body{
  margin:0;
  background:#fff;
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}

*{
  box-sizing:border-box;
}

.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;
}

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

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

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

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

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

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

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

@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;
}