/*
 * あわら三国ライオンズクラブ
 * 04｜Typography
 * Version: 1.0.0
 */

/* Headings */

.amlc-page h1,
.amlc-page h2,
.amlc-page h3 {
  color: var(--amlc-blue);

  font-family: var(--amlc-font-heading);
  font-weight: 700;

  line-height: 1.5;
  letter-spacing: 0.025em;
}

.amlc-page h1 {
  font-size: var(--amlc-h1);
}

.amlc-page h2 {
  font-size: var(--amlc-h2);
}

.amlc-page h3 {
  font-size: var(--amlc-h3);
}

.amlc-page h4 {
  color: var(--amlc-blue);
  font-weight: 700;
  line-height: 1.6;
}

/* HERO Titles */

.amlc-page .amlc-hero__title {
  color: var(--amlc-white);
}

/* Section Titles */

.amlc-page .amlc-section-heading__title {
  color: var(--amlc-blue);
  font-size: var(--amlc-h2);
}

/* Eyebrow */

.amlc-eyebrow {
  display: block;

  margin-bottom: 10px;

  color: var(--amlc-blue-action);

  font-family: var(--amlc-font-body);
  font-size: 13px;
  font-weight: 700;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Article Title */

.amlc-page .amlc-article__title {
  margin: 0 0 20px;

  font-size: var(--amlc-h1);
  line-height: 1.5;
}

/* Article Meta */

.amlc-article__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;

  margin-top: 16px;

  font-size: 14px;
  color: var(--amlc-text-muted);
}

/* Article Body */

.amlc-prose {
  max-width: var(--amlc-article);

  color: var(--amlc-text);

  font-size: var(--amlc-font-base);
  line-height: var(--amlc-line-height);

  overflow-wrap: anywhere;
}

.amlc-prose p {
  margin: 0 0 1.6em;
}

.amlc-prose h2 {
  margin: 2.5em 0 1em;
  padding-bottom: 12px;

  border-bottom: 2px solid var(--amlc-border);
}

.amlc-prose h3 {
  margin: 2em 0 0.9em;
  padding-left: 14px;

  border-left: 4px solid var(--amlc-blue);
}

/* Lists */

.amlc-prose ul,
.amlc-prose ol {
  margin: 0 0 1.8em;
  padding-left: 1.6em;
}

.amlc-prose li {
  margin-bottom: 0.6em;
}

/* Images */

.amlc-prose figure {
  margin: 36px 0;
}

.amlc-prose figure img {
  max-width: 100%;
  height: auto;

  border-radius: var(--amlc-radius-sm);
}

.amlc-prose figcaption {
  margin-top: 10px;

  font-size: 13px;
  line-height: 1.7;

  color: var(--amlc-text-muted);
}

/* Blockquote */

.amlc-prose blockquote {
  margin: 32px 0;
  padding: 24px 28px;

  background: var(--amlc-bg-light);
  border-left: 4px solid var(--amlc-blue);

  border-radius: 0 var(--amlc-radius-sm)
    var(--amlc-radius-sm) 0;
}

/* Table */

.amlc-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.amlc-prose table {
  width: 100%;
  border-collapse: collapse;

  margin: 28px 0;

  font-size: 15px;
}

.amlc-prose th,
.amlc-prose td {
  padding: 14px 16px;

  border: 1px solid var(--amlc-border);
  text-align: left;
  vertical-align: top;
}

.amlc-prose th {
  background: var(--amlc-bg-light);
  color: var(--amlc-blue);
  font-weight: 700;
}

/* Horizontal Rule */

.amlc-prose hr {
  margin: 48px 0;

  border: 0;
  border-top: 1px solid var(--amlc-border);
}

/* External Links */

.amlc-prose a {
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}