.about-card{
  background:#fff !important;
  border:1px solid #ddd !important;
  border-radius:16px !important;
  box-shadow:0 6px 24px rgba(0,0,0,.06) !important;
  max-width:1120px !important;
  margin:40px auto !important;
  padding:32px 32px 28px !important;
}
.article-header{ position:relative; }
.article-title{
  font-size:clamp(30px, 4vw, 56px);
  line-height:1.05;
  margin:0 0 12px 0;
}
.article-header:after{
  content:""; display:block; width:120px; height:3px; background:#000; margin-top:10px;
}
.article-illustration{ margin:0; }
.article-illustration.is-right{
  float:right;
  width:min(36vw, 380px);
  margin:4px 0 16px 28px;
}
.article-illustration img{
  display:block; width:100%; height:auto; border-radius:12px;
}
.article-body{ color:#2a2a2a; font-size:18px; line-height:1.6; }
.article-body p{ margin:0 0 14px; }
@media (max-width: 820px){
  .about-card{ padding:22px 18px !important; margin:24px auto !important; }
  .article-title{ font-size:clamp(26px, 5.2vw, 36px); }
  .article-illustration.is-right{ float:none; width:100%; margin:10px 0 16px 0; }
}

/* Reserve scrollbar space to prevent horizontal jumping between pages */
html { scrollbar-gutter: stable; }
@supports not (scrollbar-gutter: stable) {
  html { overflow-y: scroll; }
}