/* ============================================================
   MIRAI 用語集
   参照 .article-body{max-width:800px;padding:70px 25px 100px;margin:auto}
        .search{display:flex;gap:12px;margin:30px 0;align-items:end}
        .search input{width:100%;padding:16px;border:1px solid #a4c5d7;background:white;border-radius:0}
        .search label{flex:1}
        .search .btn{white-space:nowrap;height:66px}
        .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
        .filters button{background:transparent;border:1px solid #a4c5d7;color:var(--ink);
                        padding:9px 17px;min-height:46px;font-size:15px;border-radius:25px}
        .filters button[aria-pressed=true]{background:var(--violet);color:white}
        .term{border-top:1px solid var(--line);padding:30px 0}
        .term h2{font-size:25px;margin:0 0 12px}
   ============================================================ */
.mj-gl {
  background-color: rgb(var(--color-background));
}

.mj-gl__inner {
  max-width: 800px;
  margin-inline: auto;
  padding-inline: 25px;
}

.mj-gl__search {
  display: flex;
  align-items: end;
  gap: 12px;
  margin-block: 0 30px;
}

.mj-gl__field {
  flex: 1;
  min-width: 0;
}

.mj-gl__field .mj-eyebrow {
  margin-block-end: 10px;
}

.mj-gl__search input {
  width: 100%;
  padding: 16px;
  border: 1px solid #a4c5d7;
  background: #fff;
  border-radius: 0;
  color: var(--mj-ink);
  font: inherit;
}

.mj-gl__clear {
  white-space: nowrap;
  height: 66px;
}

.mj-gl__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-block-end: 32px;
}

.mj-gl__filters button {
  background: transparent;
  border: 1px solid #a4c5d7;
  color: var(--mj-ink);
  padding: 9px 17px;
  min-height: 46px;
  font-size: 15px;
  border-radius: 25px;
  cursor: pointer;
  font-family: inherit;
}

.mj-gl__filters button[aria-pressed="true"] {
  background: var(--mj-brand);
  border-color: var(--mj-brand);
  color: #fff;
}

.mj-gl__count {
  margin-block-end: 10px;
}

.mj-gl__term {
  border-block-start: 1px solid var(--mj-line);
  padding-block: 30px;
}

.mj-section.mj-gl .mj-gl__word {
  font-size: 25px;
  margin: 0 0 12px;
  line-height: 1.6;
}

.mj-gl__reading {
  font-family: var(--mj-font-body);
  font-size: 13px;
  color: var(--mj-muted);
  margin-inline-start: 12px;
}

.mj-gl__text {
  margin: 0;
}

/* 参照 .term .textlink{font-size:14px} */
.mj-gl__link {
  font-size: 14px;
  margin-block-start: 14px;
  display: inline-flex;
}

.mj-gl__empty {
  padding-block: 30px;
  border-block-start: 1px solid var(--mj-line);
  color: var(--mj-muted);
}

.mj-gl [hidden] {
  display: none !important;
}

/* 参照 @media(max-width:760px){.search{gap:8px}.search .btn{padding:12px}} */
@media (max-width: 760px) {
  .mj-gl__inner { padding-inline: 24px; }
  .mj-gl__search { gap: 8px; }
  .mj-gl__clear { padding: 12px !important; height: 58px; }
  .mj-section.mj-gl .mj-gl__word { font-size: 22px; }
}