/*
Theme Name: Life Solution Guide Child
Description: Lightweight GeneratePress child theme for a Korean step-by-step life guide.
Author: Site Editorial Team
Template: generatepress
Version: 0.1.0
Text Domain: life-solution-child
*/

:root {
	--lsg-ink: #17212b;
	--lsg-muted: #5b6875;
	--lsg-line: #dfe5e8;
	--lsg-surface: #f6f8f7;
	--lsg-brand: #176b5b;
	--lsg-brand-dark: #0f5145;
	--lsg-accent: #eef8f5;
	--lsg-warning: #fff7df;
	--lsg-warning-line: #d99b18;
	--lsg-danger: #fff1f1;
	--lsg-danger-line: #bd3d3d;
	--lsg-radius: 12px;
	--lsg-content: 760px;
}

body {
	color: var(--lsg-ink);
	font-size: 18px;
	line-height: 1.75;
	word-break: keep-all;
}

a {
	color: var(--lsg-brand-dark);
	text-underline-offset: 0.18em;
}

a:hover,
a:focus {
	color: var(--lsg-brand);
}

:focus-visible {
	outline: 3px solid #f0a928;
	outline-offset: 3px;
}

.site-content .content-area,
.single .inside-article,
.page .inside-article {
	max-width: var(--lsg-content);
	margin-inline: auto;
}

.entry-title {
	font-size: clamp(2rem, 5vw, 3.25rem);
	line-height: 1.2;
	letter-spacing: -0.035em;
}

.entry-content h2 {
	margin-top: 2.4em;
	padding-bottom: 0.35em;
	border-bottom: 2px solid var(--lsg-line);
	font-size: clamp(1.55rem, 3vw, 2rem);
	line-height: 1.35;
}

.entry-content h3 {
	margin-top: 1.8em;
	font-size: clamp(1.25rem, 2.4vw, 1.55rem);
	line-height: 1.4;
}

.lsg-scope-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 1rem;
	margin: 1rem 0 1.5rem;
	color: var(--lsg-muted);
	font-size: 0.9rem;
}

.lsg-scope-meta span {
	display: inline-flex;
	align-items: center;
}

.lsg-summary,
.lsg-prerequisites,
.lsg-completion-check,
.lsg-official-sources,
.wp-block-group.is-style-lsg-summary,
.wp-block-group.is-style-lsg-check {
	margin-block: 1.5rem;
	padding: clamp(1.1rem, 3vw, 1.6rem);
	border: 1px solid #b9d9d1;
	border-radius: var(--lsg-radius);
	background: var(--lsg-accent);
}

.lsg-summary > :first-child,
.lsg-prerequisites > :first-child,
.lsg-completion-check > :first-child,
.lsg-official-sources > :first-child {
	margin-top: 0;
}

.lsg-summary > :last-child,
.lsg-prerequisites > :last-child,
.lsg-completion-check > :last-child,
.lsg-official-sources > :last-child {
	margin-bottom: 0;
}

.lsg-step,
.wp-block-group.is-style-lsg-step {
	position: relative;
	margin-block: 1.4rem;
	padding: 1.25rem 1.25rem 1.25rem 1.5rem;
	border: 1px solid var(--lsg-line);
	border-left: 5px solid var(--lsg-brand);
	border-radius: var(--lsg-radius);
	background: #fff;
}

.lsg-warning,
.wp-block-group.is-style-lsg-warning {
	margin-block: 1.5rem;
	padding: 1.2rem 1.35rem;
	border-left: 5px solid var(--lsg-warning-line);
	border-radius: 8px;
	background: var(--lsg-warning);
}

.lsg-danger {
	margin-block: 1.5rem;
	padding: 1.2rem 1.35rem;
	border-left: 5px solid var(--lsg-danger-line);
	border-radius: 8px;
	background: var(--lsg-danger);
}

.entry-content ol > li,
.entry-content ul > li {
	margin-bottom: 0.55em;
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
}

.entry-content th {
	background: var(--lsg-surface);
	text-align: left;
}

.entry-content th,
.entry-content td {
	padding: 0.75rem;
	border: 1px solid var(--lsg-line);
	vertical-align: top;
}

.entry-content img {
	border-radius: 8px;
}

.entry-content figcaption {
	color: var(--lsg-muted);
	font-size: 0.85rem;
	text-align: left;
}

.lsg-menu-path,
.entry-content code {
	padding: 0.12em 0.38em;
	border-radius: 5px;
	background: #edf1f3;
	color: #24303b;
	font-size: 0.92em;
}

@media (max-width: 768px) {
	body {
		font-size: 17px;
		line-height: 1.7;
	}

	.site-content {
		padding-inline: 16px;
	}

	.entry-content .wp-block-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.entry-content th,
	.entry-content td {
		min-width: 9rem;
		padding: 0.65rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}