/* ws.arculm.com トップページ専用 top.css v0.1
   site.css に足りない分だけ。新規の animation / transition は追加しない。 */

/* JS無効時：署名モーションの黒画面で本文を隠さない */
html.no-js .intro { display: none; }

/* 表題 */
.top-title { padding-block: var(--space-8) 0; }
.top-title .lead { font-size: var(--fs-body); font-weight: 700; margin: 0 0 var(--space-1); }
.top-title h1 { margin: 0 0 var(--space-2); }
.top-title .sub { font-size: var(--fs-body); margin: 0; max-width: var(--measure); }

/* 開催情報 */
.info-list { margin: 0; max-width: 640px; border-top: 1px solid var(--black); }
.info-list > div { display: grid; grid-template-columns: 6em 1fr; gap: 0 var(--space-2); padding: 12px 0; border-bottom: 1px solid var(--black); }
.info-list dt { font-weight: 700; word-break: keep-all; }
.info-list dd { margin: 0; }
@media (max-width: 419px) {
  .info-list > div { grid-template-columns: 5em 1fr; }
}

/* 入口カード内の線画（静止） */
.entrance .art { margin-top: var(--space-2); }
.entrance .art svg { width: 72px; height: auto; }

/* 案内ページへの入口カード（v1.29：画像を外し黒地の文字のみ）。既存トークンのみ */
.guide-hero { padding-block: var(--space-6) 0; }
.guide-card { display: grid; max-width: 640px; background: var(--black); color: var(--white); text-decoration: none; border-radius: var(--radius-btn); overflow: hidden; }
.guide-card .body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-1); padding: var(--space-3); }
.guide-card .title { font-size: var(--fs-h2); font-weight: 700; line-height: 1.3; }
.guide-card .sub { font-size: var(--fs-body); }
.guide-card .cta { display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--space-2); padding: 0 var(--space-3); background: var(--white); color: var(--black); font-weight: 700; border-radius: var(--radius-btn); }
.guide-card:focus-visible { outline: 3px solid var(--alert-red); outline-offset: 3px; }
@media (min-width: 720px) {
  .guide-card .body { justify-content: center; padding: var(--space-6); }
}