/* language-access-gate：記事の中の帯・既定の箱・ログインのリンク。
   色はランゲージ青の系統だけ（地 brand-soft #e8f4fb、リンク brand-dark #006ba6）。文字は ink #3a3b5a。
   影・グラデーション・左だけの色帯は使わない（デザインの哲学 §5.8）。 */

.lag-band {
	margin: 32px 0;
	padding: 8px 16px;
	background: #e8f4fb;
	border-radius: 6px;
	color: #3a3b5a;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
}

.lag-box {
	margin: 16px 0 0;
	padding: 32px 16px;
	background: #e8f4fb;
	border-radius: 6px;
	color: #3a3b5a;
	text-align: center;
}

.lag-box__head {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
}

.lag-links {
	margin: 12px 0 48px;
	color: #6b6c85;
	font-size: 13.5px;
	line-height: 1.8;
	text-align: center;
}

.lag-links a {
	display: inline-block;
	color: #006ba6;
}

.lag-links a:focus-visible {
	outline: 2px solid #008cd8;
	outline-offset: 2px;
}

.lag-links__sep {
	margin: 0 8px;
}

/* 記事の販売の箱（ll-paywall）の直後に付くリンクは、箱の下の余白に寄せる */
.lag-locked .ll-paywall {
	margin-bottom: 0;
}

/* 記事の中の塾生限定の区間（0.2.0）。帯は上の .lag-band と同じ色。区間の始まりなので上下の余白を詰める */
.lag-band--member {
	margin: 24px 0 16px;
}

/* 読めない人に出す箱（ブログパーツか既定の箱）。前後の段落と離す */
.lag-member-locked {
	margin: 24px 0;
}

.lag-member-locked .lag-links {
	margin-bottom: 0;
}