/* エビ塾 decorative parts. Colours come from theme.json presets only. */

/* Shared label shown above boxed parts. */
.is-style-ez-conclusion::before,
.is-style-ez-memo::before,
.is-style-ez-caution::before {
	display: inline-block;
	margin-bottom: 0.5em;
	padding: 0.1em 0.7em;
	border-radius: 999px;
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 0.05em;
}

/* 結論ボックス */
.is-style-ez-conclusion {
	padding: 1.25em 1.25em 1em;
	border: 2px solid var(--wp--preset--color--deep-green);
	border-radius: 12px;
	background: #fff;
}
.is-style-ez-conclusion::before {
	content: "結論";
	background: var(--wp--preset--color--deep-green);
	color: #fff;
}

/* 心の声 */
p.is-style-ez-voice {
	padding: 0.75em 1em;
	border: 1px solid var(--wp--preset--color--oak);
	border-radius: 16px 16px 16px 4px;
	background: #fff;
	font-weight: 700;
}

/* メモ */
.is-style-ez-memo {
	padding: 1em 1.25em;
	border-radius: 12px;
	background: var(--wp--preset--color--sage);
}
.is-style-ez-memo::before {
	content: "メモ";
	background: #fff;
	color: var(--wp--preset--color--deep-green);
}

/* 注意 */
.is-style-ez-caution {
	padding: 1em 1.25em;
	border: 2px solid var(--wp--preset--color--yellow);
	border-radius: 12px;
	background: #fff;
}
.is-style-ez-caution::before {
	content: "注意";
	background: var(--wp--preset--color--yellow);
	color: var(--wp--preset--color--ink);
}

/* 早見表: the table scrolls inside its own box so the page never scrolls sideways. */
.wp-block-table.is-style-ez-quickref {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.wp-block-table.is-style-ez-quickref table {
	border-collapse: collapse;
	font-size: 0.95em;
}
.wp-block-table.is-style-ez-quickref th {
	background: var(--wp--preset--color--deep-green);
	color: #fff;
}
.wp-block-table.is-style-ez-quickref th,
.wp-block-table.is-style-ez-quickref td {
	padding: 0.6em 0.8em;
	border: 1px solid var(--wp--preset--color--sage);
	vertical-align: top;
}
.wp-block-table.is-style-ez-quickref tbody tr:nth-child(even) td {
	background: var(--wp--preset--color--sage);
}

/* 出典 */
.is-style-ez-sources {
	padding-top: 1em;
	border-top: 1px solid var(--wp--preset--color--oak);
	font-size: 0.9em;
}
.is-style-ez-sources .wp-block-heading {
	font-size: 1em;
}
.is-style-ez-sources a {
	overflow-wrap: anywhere;
}

/* PR表記 */
p.is-style-ez-pr {
	padding: 0.75em 1em;
	border: 1px solid var(--wp--preset--color--oak);
	border-radius: 8px;
	background: #fff;
	font-size: 0.85em;
}

/* 申し込みボタン（働き方の記事だけ） */
.wp-block-button.is-style-ez-apply .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.6em 1.8em;
	border-radius: 999px;
	background: var(--wp--preset--color--cta);
	color: #fff;
	font-weight: 700;
}
.wp-block-button.is-style-ez-apply .wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--yellow);
	outline-offset: 2px;
}
@media (max-width: 600px) {
	.wp-block-button.is-style-ez-apply,
	.wp-block-button.is-style-ez-apply .wp-block-button__link {
		width: 100%;
	}
}

/* Instagram投稿へのリンク枠 */
.is-style-ez-instagram {
	padding: 0.75em 1em;
	border: 1px dashed var(--wp--preset--color--deep-green);
	border-radius: 8px;
	font-size: 0.9em;
}

/* ---- テンプレートの部品（ヘッダー・トップ・記事・カテゴリ・フッター） ---- */

/* サイト名：スマホで語の途中で折り返さない大きさ */
.wp-block-site-title {
	font-size: clamp(1rem, 4.3vw, 1.3rem);
	font-weight: 700;
}
.wp-block-site-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.ez-front h2.wp-block-heading {
	margin-top: var(--wp--preset--spacing--60);
	font-size: 1.4rem;
}

/* カテゴリ名の札 */
.ez-post-category a {
	display: inline-block;
	padding: 0.1em 0.7em;
	border-radius: 999px;
	background: var(--wp--preset--color--sage);
	color: var(--wp--preset--color--deep-green);
	font-size: 0.8rem;
	font-weight: 700;
	text-decoration: none;
}

/* 新着記事・次に読む記事のカード */
.ez-latest .wp-block-post-template,
.ez-related .wp-block-post-template {
	display: grid;
	gap: 0.75rem;
	padding: 0;
	list-style: none;
}
.ez-latest .wp-block-post,
.ez-related .wp-block-post {
	padding: 1rem 1.1rem;
	border-radius: 12px;
	background: #fff;
}
.ez-latest .wp-block-post-template > *,
.ez-related .wp-block-post-template > *,
.ez-latest .wp-block-post > *,
.ez-related .wp-block-post > * {
	margin-block: 0;
}
.ez-latest .wp-block-post-title,
.ez-related .wp-block-post-title {
	margin-top: 0.4rem;
	font-size: 1.05rem;
	line-height: 1.5;
}
.ez-latest .wp-block-post-title a,
.ez-related .wp-block-post-title a,
.ez-archive .wp-block-post-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}
.ez-latest .wp-block-post-date {
	margin-top: 0.3rem;
	color: var(--wp--preset--color--deep-green);
	font-size: 0.8rem;
}

/* トップのカテゴリ一覧 */
.ez-category-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 0.75rem;
	padding: 0;
	list-style: none;
}
.ez-category-card a {
	box-sizing: border-box;
	display: block;
	height: 100%;
	padding: 1rem 1.1rem;
	border: 2px solid var(--wp--preset--color--sage);
	border-radius: 12px;
	background: #fff;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}
.ez-category-card a:hover,
.ez-category-card a:focus-visible {
	border-color: var(--wp--preset--color--deep-green);
}
.ez-category-card__name {
	display: block;
	color: var(--wp--preset--color--deep-green);
	font-weight: 700;
}
.ez-category-card__desc {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.85rem;
}

/* 記事の日付と書き手 */
.ez-post-meta {
	gap: 0.25rem 1rem;
	color: var(--wp--preset--color--deep-green);
	font-size: 0.85rem;
}
.ez-byline {
	font-size: 0.85rem;
}

/* 次に読む記事 */
.ez-related {
	margin-top: var(--wp--preset--spacing--60);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--sage);
}
.ez-related h2.wp-block-heading {
	font-size: 1.2rem;
}

/* カテゴリの記事一覧 */
.ez-archive .wp-block-post {
	padding-block: 1rem;
	border-bottom: 1px solid var(--wp--preset--color--sage);
}
.ez-archive .wp-block-post-title {
	font-size: 1.2rem;
}

/* フッター */
.ez-footer {
	margin-top: var(--wp--preset--spacing--60);
	padding-block: var(--wp--preset--spacing--50);
	background: var(--wp--preset--color--deep-green);
	color: #fff;
}
.ez-footer a {
	color: #fff;
}
.ez-footer__copy {
	font-size: 0.8rem;
}

/* 記事タイトル：日本語の長いタイトルがスマホで5行以上にならない大きさ */
h1.wp-block-post-title {
	font-size: clamp(1.6rem, 6.4vw, 2.6rem);
	line-height: 1.4;
}