/* yzrswork_apps 共通デザイントークン(paper系)
   正: 元kit/index.htmlの:rootブロック。各アプリの重複:root定義を統合。
   --warn は元mem/hddの#b5451b(--terracottaと衝突)から#c98a2b(nurerukun由来のアンバー)へ修正済み。 */
:root {
  --paper: #f0ebe3;
  --paper-2: #e8e1d4;
  --card: #f6f2ea;
  --ink: #1c1a16;
  --ink-soft: #2b2823;
  --muted: #6f675b;
  --rule: #3a342c;
  --rule-soft: rgba(58, 52, 44, 0.28);
  --terracotta: #b5451b;
  --terracotta-deep: #8e3514;
  --ok: #4f6f3e;
  --warn: #c98a2b;
  --ng: #a83f22;
  --shadow: 0 2px 10px rgba(58, 52, 44, 0.12);
  --serif: "EB Garamond", "Times New Roman", serif;
  --mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

/* ビルド生成の共通「次に使える道具」導線。各アプリ固有CSSと衝突しない接頭辞に限定。 */
.yapps-related {
  display: grid;
  gap: 9px;
  width: 100%;
  margin: 8px 0 12px;
  padding: 14px;
  text-align: left;
  background: var(--card);
  border: 1px solid var(--rule-soft);
  border-radius: 12px;
}

.yapps-related-label {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.yapps-related-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 7px;
}

.yapps-related .yapps-related-links a,
.yapps-related .yapps-source-note {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 11px;
  color: var(--ink);
  font-family: var(--jp);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
  background: var(--paper);
  border: 1px solid var(--rule-soft);
  border-radius: 8px;
}

.yapps-related .yapps-source-note {
  color: var(--terracotta-deep);
  font-weight: 500;
}

.yapps-related a:hover,
.yapps-related a:focus-visible {
  color: var(--terracotta-deep);
  border-color: var(--terracotta);
  outline: none;
}