#nttc-scalar-doc header[aria-label="Developer Tools"],
#nttc-scalar-doc .api-reference-toolbar,
#nttc-scalar-doc .references-developer-tools,
#nttc-scalar-doc .darklight-reference,
#nttc-scalar-doc .agent-button-container,
#nttc-scalar-doc .open-api-client-button,
#nttc-scalar-doc aside[role="navigation"] > div:first-child > button:not([role="search"]) {
	display: none !important;
}

.md-typeset #nttc-scalar-doc h1 {
  margin: 0;
  color: var(--scalar-color-1);
}

[dir=ltr] .md-typeset #nttc-scalar-doc ol, 
[dir=ltr] .md-typeset #nttc-scalar-doc ul {
    margin-left: 0;
}

[dir=ltr] .md-typeset #nttc-scalar-doc ol li,
[dir=ltr] .md-typeset #nttc-scalar-doc ul li {
    margin-left: 0;
}

#nttc-scalar-doc .section.introduction-section {
  padding-top: 10px;
}

/* 埋め込み時にタイトル列が崩れないようにする */
#nttc-scalar-doc .section-header-wrapper {
  display: flex;
  align-items: center;
}

#nttc-scalar-doc .section-header {
  flex: 1;
  font-size: 1.2rem;
}

#nttc-scalar-doc .section-header-label {
  white-space: nowrap;
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}

/* ========================================
   Scalar サイドバー高さ修正
======================================== */

/* 変数は一応残す */
:root {
  --refs-header-height: 90px;
}

/* ← ここが重要：クラス指定 */
.scalar-app .t-doc__sidebar {
  top: 90px !important;
  height: calc(100vh - 90px) !important;
}

/* ========================================
   認証部分のデザイン調整
======================================== */
.scalar-reference-intro-auth h2 {
  font-size: 14px;
}

.md-typeset .scalar-reference-intro-auth .grid {
  margin: 0px;
}

/* テーブルの高さ詰める */
.scalar-reference-intro-auth .scalar-data-table td {
  min-height: unset;
}

/* 行間詰める */
.scalar-reference-intro-auth .markdown p {
  margin: 0;
}

/* Cookieの同意画面より前にサイドバーがあるのでz-indexを調整 */
#nttc-scalar-doc .t-doc__sidebar {
  z-index: 0 !important;
}

/***********************/
/* CTAブロックのスタイル */
/***********************/
/* CTAブロック全体のコンテナ */
.cta-block.cta-auth {
    border: 1px solid #d0d7de; /* 薄いグレーの枠線 */
    border-radius: 8px;        /* 角丸 */
    padding: 24px;             /* 内側の余白 */
    margin-bottom: 12px;        /* 下の要素とのスペース */
    background-color: #fff;    /* 背景白 */
    /*max-width: 500px;*/          /* 必要に応じて横幅を調整 */
    box-sizing: border-box;
}

/* 説明テキスト */
.cta-description {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 1.6;
    color: #1b1b1b;
    font-weight: 500;
}

/* ボタンを囲むコンテナ（右寄せ） */
.cta-actions {
    display: flex;
    flex-direction: column; /* 縦並び */
    align-items: flex-end;  /* 右寄せ */
    gap: 12px;              /* ボタン間の隙間 */
}

/* ボタンの共通スタイル */
.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 50px;    /* 強い角丸（カプセル型） */
    font-weight: bold;
    text-decoration: none !important;
    min-width: 230px;       /* ボタンの最小横幅 */
    transition: opacity 0.2s ease;
}

.cta-button:hover {
    opacity: 0.8;
}

/* 「アカウントを作成する」ボタン（白背景・黒枠） */
.cta-button.cta-primary {
    background-color: #fff;
    color: #333 !important;
    border: 1px solid #333;
}

/* 「ログイン」ボタン（紺背景） */
.cta-button.cta-secondary {
    background-color: #0b5096; /* 画像に基づいた紺色 */
    color: #fff !important;
    border: none;
}