@charset "utf-8";
/* ==========================================================================
   L.U.X.I Studio / studio-doc.css（2026-09-28 新設）
   読みもののページ専用: guides/*・privacy.html・thanks.html
   studio.css の後に読む（base.css は読まない）。部品と色は studio.css のトークンだけを使う。
   本文の HTML は元のまま（.panel・table など）で、夜のネイビー×金の面に載せ替える。
   ========================================================================== */

/* 本文の器: 読みやすい幅に絞る */
.st-doc{
  position:relative;
  isolation:isolate;
  overflow:clip;
  padding-block:clamp(40px,6vw,88px) var(--sp-section);
}
.st-doc__wrap{ --container:880px; }

/* 素の要素（詳細度 0。下のクラス指定が必ず勝つ） */
.st-doc :where(p,table,ul,ol){ margin-block:0 1.2em; }
.st-doc :where(a:not(.st-btn)){ color:var(--gold-300); }
.st-doc :where(a:not(.st-btn)):hover{ color:var(--gold-200); }
.st-doc :where(strong){ color:var(--gold-200); }

/* ページの先頭の小さな案内（パンくず） */
.st-doc__eyebrow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.2em .6em;
  margin-bottom:var(--sp-5);
  color:var(--ivory-mute);
  font-size:var(--fs-body,1rem);
}

/* 見出し */
.st-doc h1{
  margin-bottom:var(--sp-6);
  font-size:var(--fs-h2,3.25rem);
  line-height:1.4;
  color:var(--gold-300);
  overflow-wrap:anywhere;
  word-break:auto-phrase;   /* 文節の切れ目で折り返す（対応していない端末は普通に折り返す） */
  text-wrap:balance;        /* 2行目に「る。」だけが残らないよう、行の長さをそろえる */
}
.st-doc h2{
  margin-bottom:var(--sp-5);
  padding-bottom:var(--sp-4);
  border-bottom:1px solid var(--line-gold);
  font-size:var(--fs-h3,1.625rem);
  color:var(--gold-300);
  word-break:auto-phrase;
  text-wrap:balance;
}

/* 区切りの面 */
.st-doc .panel{
  margin-block:var(--sp-6);
  padding:clamp(20px,4vw,40px);
  border:1px solid var(--line-gold);
  border-radius:var(--r-l);
  background:var(--grad-surface);
  box-shadow:var(--sh-card);
}
.st-doc .panel > :last-child{ margin-bottom:0; }

/* 表 */
.st-doc table{ width:100%; border-collapse:collapse; }
.st-doc th,
.st-doc td{
  padding:14px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--line-faint);
}
.st-doc th{ color:var(--gold-300); font-weight:700; }

/* ボタンと、並んだ文字リンク */
.st-doc .st-btn{ margin:var(--sp-2) var(--sp-4) var(--sp-2) 0; }

/* フッターのリンクは指で押しやすい高さにする */
.st-footer__nav a{ display:inline-flex; align-items:center; min-height:44px; }

@media (max-width:480px){
  .st-doc th,
  .st-doc td{ padding:10px 6px; }
}