@charset "utf-8";

/* トクニゴ農業（/tokunigo/agriculture/）専用。style.css の後に読み込む。
   共通の .hero は暗い紺（--ink-deep）だが、農業版は分野色（#2E7D32・hub.css の
   --field-color / --soon-color と同じ値）を基調にした明るいトーンにする。
   food / metal 版には影響させないため、.hero--agriculture で上書きする。 */

.hero--agriculture {
	color: var(--ink);
	background: linear-gradient(180deg, #f6faf3 0%, #d3ead0 100%);
}
.hero--agriculture::before {
	opacity: .5;
	background-image: linear-gradient(rgba(18,33,43,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(18,33,43,.05) 1px, transparent 1px);
}
.hero--agriculture::after {
	border-color: #2E7D32;
	opacity: .55;
}
.hero--agriculture .badge { border-color: rgba(46,125,50,.55); color: #2E7D32; }
.hero--agriculture .tagline em { color: #2E7D32; }
.hero--agriculture h1 span { color: var(--teal-dark); }
.hero--agriculture .desc { color: var(--muted); }
.hero--agriculture .cta-note { color: var(--muted); }
.hero--agriculture .app-icon { box-shadow: 0 10px 28px rgba(24,36,38,.22); }
.hero--agriculture .hero-graphic { box-shadow: 18px 18px 0 #2E7D32; }
.hero--agriculture .hero-graphic img { border-color: rgba(18,33,43,.12); }

/* 出題範囲：耕種農業／畜産農業の選択制を示す2カラム表組み */
.track-split { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 22px; }
.track-card { padding: 24px 26px; background: #fffdf8; border: 1px solid rgba(24,36,38,.12); border-top: 5px solid #2E7D32; }
.track-card h3 { margin: 0 0 4px; font-size: 18px; }
.track-card .track-count { margin: 0 0 14px; color: #2E7D32; font-size: 13px; font-weight: 800; letter-spacing: .03em; }
.track-card ul { margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: 14px; display: grid; gap: 6px; }
.track-card li { position: relative; padding-left: 16px; }
.track-card li::before { position: absolute; left: 0; content: "・"; color: #2E7D32; }
.track-note { margin: 0; color: var(--muted); font-size: 13.5px; }

@media (max-width: 800px) {
	.track-split { grid-template-columns: 1fr; }
}