/* Article */

 .sample-notice { max-width: 800px; margin: 0 auto 28px; padding: 14px 20px; border: 1px solid #d8e2f2; background: #f4f7fc; color: #315b9d; font-size: 14px; line-height: 1.7; }

/* Guides */

 .guides-heading {
  text-align: center;
  padding-block: clamp(40px, 5vw, 72px);
 }
 .guides-heading.is-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: clamp(360px, 55svh, 560px);
  padding-block: clamp(48px, 6vw, 88px);
 }
 html[lang] .guides-heading h1 {
  width: 100%;
  margin-inline: auto;
  font-size: clamp(32px, 4vw, 44px);
  text-wrap: balance;
  overflow-wrap: anywhere;
 }
 .guides-heading .lead {
  width: 100%;
  max-width: 48rem;
  margin: clamp(18px, 2.5vw, 24px) auto 0;
  font-size: clamp(15px, 1.8vw, 18px);
  text-wrap: pretty;
  overflow-wrap: anywhere;
 }
 .guides-actions {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: clamp(24px, 3vw, 36px);
 }
 .guides-actions .button {
  justify-content: center;
  max-width: 100%;
  min-height: 52px;
  gap: 12px;
  white-space: normal;
  overflow-wrap: anywhere;
 }
 @media (max-width: 480px) {
  .guides-actions .button { width: 100%; max-width: 20rem; }
 }