.article-reading-links {
  max-width: 840px;
  margin: clamp(42px, 7vw, 88px) auto;
  padding: 25px 30px;
  border-left: 3px solid #7653e9;
  background: #eee9fb;
  color: #2c2148;
  font-size: clamp(16px, 1.55vw, 19px);
  line-height: 1.55;
}
.article-reading-links p { margin: 0; }
.article-reading-links p + p { margin-top: 13px; }
.article-reading-links a { color: #4b2cbd; font-weight: 700; text-underline-offset: 3px; }
.article-reading-links a:hover { color: #21104f; }
.article-cafe {
  max-width: 1080px;
  margin: clamp(46px, 7vw, 94px) auto;
  padding: clamp(24px, 4vw, 46px);
  border: 1px solid #d8cef1;
  border-radius: 22px;
  background: linear-gradient(145deg, #faf8ff, #f0eafb);
  box-shadow: 0 18px 45px rgba(34, 16, 70, .08);
}
.article-cafe__intro { max-width: 730px; }
.article-cafe__intro > span, .article-cafe__tag { color: #6844bd; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .12em; }
.article-cafe__intro h2 { margin: 12px 0 14px; color: #221343; font-size: clamp(27px, 3vw, 38px); line-height: 1.12; }
.article-cafe__intro p, .article-cafe__cards article > p, .article-cafe__conclusion { color: #382b50; font-size: clamp(16px, 1.55vw, 19px); line-height: 1.5; }
.article-cafe__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 29px; }
.article-cafe__cards article { min-width: 0; }
.article-cafe__creative { min-height: 280px; margin-top: 12px; padding: 26px; border-radius: 16px; background: #4734a0; color: white; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; }
.article-cafe__creative--specific { background: #25164f; }
.article-cafe__creative small { font-weight: 800; letter-spacing: .1em; }
.article-cafe__cup { align-self: flex-end; font-size: 50px; line-height: 1; filter: drop-shadow(0 8px 8px rgba(0,0,0,.25)); }
.article-cafe__creative h3 { margin: auto 0 3px; color: white; font-size: clamp(27px, 3vw, 42px); line-height: 1.05; }
.article-cafe__creative p { margin: 0 0 14px; color: #eee8ff; }
.article-cafe__creative b { padding: 8px 11px; border-radius: 5px; background: #f2d847; color: #211742; font-size: 12px; letter-spacing: .05em; }
.article-cafe__conclusion { margin: 14px 0 0; padding-top: 19px; border-top: 1px solid #d8cef1; }
@media (max-width: 700px) {
  .article-cafe__cards { grid-template-columns: 1fr; }
  .article-cafe__creative { min-height: 245px; }
  .article-reading-links { padding: 21px; }
}