/*
Theme Name: Quarro
Theme URI: https://www.quarro.com/
Author: Web Design Studio Quarro
Author URI: https://www.quarro.com/
Description: Custom block theme for Web Design Studio Quarro. Architecture for Education & Regional Communication.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: quarro
Update URI: false
*/

/* --------------------------------------------------------------------------
 * 1. 基本タイポグラフィ・スムーススクロール・FSE余白リセット
 * -------------------------------------------------------------------------- */
html {
	scroll-behavior: smooth;
}

body {
	letter-spacing: 0.03em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* FSE特有のヘッダー・メイン・フッター間の自動マージンを完全リセット */
.wp-site-blocks > * {
	margin-block-start: 0 !important;
}

.wp-site-blocks > main .entry-content > *:first-child,
.wp-site-blocks > main > .wp-block-post-content > *:first-child {
	margin-block-start: 0 !important;
}

/* --------------------------------------------------------------------------
 * 2. ヘッダー・フッター ナビゲーション装飾
 * -------------------------------------------------------------------------- */
.quarro-site-header a,
.quarro-site-footer a {
	text-decoration: none;
	color: #111111;
	transition: opacity 0.2s ease;
}

.quarro-site-header a:hover,
.quarro-site-footer a:hover {
	opacity: 0.55;
}

/* --------------------------------------------------------------------------
 * 3. スペック・組織概要用の定義リスト（仕様書風テーブル）
 * -------------------------------------------------------------------------- */
.quarro-spec-list {
	margin: 1.75rem 0 0;
	border-top: 1px solid #111111;
	background: #ffffff;
}

.quarro-spec-list > div {
	display: grid;
	grid-template-columns: 160px 1fr;
	gap: 1.5rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid #e5e5e5;
	font-size: 0.95rem;
	line-height: 1.7;
}

.quarro-spec-list dt {
	font-weight: 700;
	color: #111111;
}

.quarro-spec-list dd {
	margin: 0;
	color: #222222;
}

.quarro-spec-list dd a {
	color: #111111;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.quarro-spec-list dd a:hover {
	opacity: 0.6;
}

.quarro-ol {
	margin: 0;
	padding-left: 1.25rem;
}

.quarro-ol li + li {
	margin-top: 0.35rem;
}

/* --------------------------------------------------------------------------
 * 4. モバイル表示調整
 * -------------------------------------------------------------------------- */
@media (max-width: 640px) {
	.quarro-header-nav {
		gap: 0.85rem !important;
		margin-top: 0.25rem;
	}
	.quarro-footer-meta {
		align-items: flex-start !important;
		margin-top: 1rem;
	}
	.quarro-spec-list > div {
		grid-template-columns: 1fr;
		gap: 0.25rem;
		padding: 0.85rem 1rem;
	}
}