/* mirai-ig — page-local layout only.
   視覚言語（配色/タイポ/余白/モーション）は base.css + themes/mirai-board.css から継承。
   正本 = ~/MIRAI/design_system/（base.css は不変・テーマ差し替えで運用）        */

/* ── 1カラムの版面（リンクは指で押す前提で幅を絞る） ───────────── */
.ig-page{max-width:560px;margin:0 auto;padding:0 clamp(20px,6vw,32px)}
.ig-main{padding:clamp(44px,10vh,88px) 0 clamp(36px,7vh,64px)}

/* ── 標識（ワードマーク） ───────────────────────────────── */
.ig-mark{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding-bottom:.9rem;border-bottom:1px solid var(--ds-line)}
.ig-wordmark{font-family:var(--ds-font-display-en);font-weight:600;font-size:1.32rem;
  letter-spacing:.24em;text-indent:.24em;color:var(--ds-text);text-decoration:none}
.ig-handle{font-family:var(--ds-font-mono);font-size:.7rem;letter-spacing:.13em;
  color:var(--ds-text-dim);white-space:nowrap}

/* ── 見出し ─────────────────────────────────────────── */
.ig-h1{font-family:var(--ds-font-display);font-weight:900;
  font-size:clamp(1.5rem,6.6vw,2.35rem);line-height:1.38;letter-spacing:.008em;
  margin:clamp(28px,5vh,42px) 0 0}
.ig-lede{font-size:.95rem;line-height:2;color:var(--ds-text-dim);
  margin:1.15rem 0 0;max-width:30em}
.ig-lede b{color:var(--ds-text);font-weight:700}

/* ── リンク（目次組み：01/内容/→） ──────────────────────── */
.ig-links{margin:clamp(34px,6vh,52px) 0 0;border-top:1px solid var(--ds-line)}
.ig-link{display:grid;grid-template-columns:2.6rem 1fr 1.2rem;align-items:start;
  gap:0 .35rem;padding:1.35rem .3rem 1.4rem;border-bottom:1px solid var(--ds-line);
  text-decoration:none;color:inherit;position:relative;
  transition:background .22s ease,padding-left .22s cubic-bezier(.2,.8,.2,1)}
.ig-link:hover,.ig-link:focus-visible{background:color-mix(in srgb,var(--ds-text) 4%,transparent);
  padding-left:.85rem}
.ig-link:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}
.ig-no{font-family:var(--ds-font-mono);font-size:.72rem;letter-spacing:.1em;
  color:var(--ds-text-dim);padding-top:.42rem;transition:color .22s}
.ig-link:hover .ig-no,.ig-link:focus-visible .ig-no{color:var(--ds-accent)}
.ig-ttl{font-family:var(--ds-font-display);font-weight:700;
  font-size:clamp(1.06rem,4.1vw,1.22rem);line-height:1.5;letter-spacing:.01em}
.ig-sub{display:block;margin-top:.42rem;font-size:.845rem;line-height:1.75;
  color:var(--ds-text-dim)}
.ig-meta{display:block;margin-top:.6rem;font-family:var(--ds-font-mono);
  font-size:.68rem;letter-spacing:.08em;color:var(--ds-text-dim);
  word-break:break-word}
.ig-meta i{font-style:normal;color:color-mix(in srgb,var(--ds-text) 72%,transparent)}
.ig-arw{font-family:var(--ds-font-mono);color:var(--ds-text-dim);padding-top:.3rem;
  text-align:right;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s}
.ig-link:hover .ig-arw,.ig-link:focus-visible .ig-arw{transform:translateX(4px);color:var(--ds-accent)}

/* ── 但し書き ───────────────────────────────────────── */
.ig-note{margin:clamp(26px,4vh,38px) 0 0;padding-left:.9rem;
  border-left:2px solid var(--ds-line);font-family:var(--ds-font-mono);
  font-size:.7rem;line-height:2.05;letter-spacing:.04em;color:var(--ds-text-dim)}

/* ── フッタ ─────────────────────────────────────────── */
.ig-foot{margin-top:clamp(40px,7vh,64px);padding:1.15rem 0 clamp(30px,6vh,52px);
  border-top:1px solid var(--ds-line);
  display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:baseline;
  font-family:var(--ds-font-mono);font-size:.68rem;letter-spacing:.09em;
  color:var(--ds-text-dim)}
.ig-foot a{color:var(--ds-text-dim);text-decoration:none;border-bottom:1px solid var(--ds-line)}
.ig-foot a:hover{color:var(--ds-text);border-bottom-color:var(--ds-text)}

/* ── 特商法ページ ───────────────────────────────────── */
.ig-back{display:inline-block;margin-bottom:1.6rem;font-family:var(--ds-font-mono);
  font-size:.7rem;letter-spacing:.1em;color:var(--ds-text-dim);text-decoration:none}
.ig-back:hover{color:var(--ds-text)}
.ig-h2{font-family:var(--ds-font-display);font-weight:900;
  font-size:clamp(1.4rem,5.2vw,1.85rem);line-height:1.45;margin:0 0 .6rem}
.ig-law{width:100%;border-collapse:collapse;margin-top:clamp(24px,4vh,36px);
  font-size:.875rem;line-height:1.9}
.ig-law th,.ig-law td{text-align:left;vertical-align:top;padding:1.05rem .2rem;
  border-bottom:1px solid var(--ds-line-soft)}
.ig-law th{width:11.5rem;font-family:var(--ds-font-mono);font-weight:400;
  font-size:.7rem;letter-spacing:.09em;color:var(--ds-text-dim);
  padding-right:1rem;white-space:normal}
.ig-law tr:first-child th,.ig-law tr:first-child td{border-top:1px solid var(--ds-line)}
@media(max-width:520px){
  .ig-law th,.ig-law td{display:block;width:auto;border-bottom:0;padding:0 .2rem}
  .ig-law th{padding-top:1.05rem}
  .ig-law td{padding-bottom:1.05rem;border-bottom:1px solid var(--ds-line-soft)}
  .ig-law tr:first-child td{border-top:0}
  .ig-law tr:first-child th{border-top:1px solid var(--ds-line)}
}
/* CEO 記入待ちの箇所（未記入のまま公開しない） */
.ig-todo{color:var(--ds-flag);font-weight:700}
.ig-todo::before{content:"（要記入）";font-family:var(--ds-font-mono);font-size:.66rem;
  letter-spacing:.08em;margin-right:.5rem;opacity:.85}