/* reset minimal */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:sans-serif;line-height:1.5;color:#222;background:#f8f8f8;padding:1rem;}

header {text-align:center;padding:1.5rem 0;}
header h1 {font-size:2rem;color:#000;}
header p {font-size:1rem;color:#555;margin-top:0.5rem;}
.header-image {
	width: 100%;
	max-width: 1024px;
	height: auto;
	margin-top: 1rem;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.intro {max-width:800px;margin:2rem auto;padding:0 1rem;}
.intro p {margin-bottom:1rem;font-size:1rem;color:#333;}

.section {margin:1.5rem auto;max-width:800px;padding:0 1rem;}
.section h2 {font-size:1.5rem;color:#000;margin-bottom:0.75rem;}
.section ul {list-style:none;}
.section li {margin:0.5rem 0;}
.section a {
	color:#0066cc;
	text-decoration:none;
	font-weight:600;
}
.section a:hover {text-decoration:underline;}

footer {text-align:center;padding:1rem 0;color:#555;font-size:0.9rem;}

@media (max-width:600px) {
	header h1 {font-size:1.5rem;}
	.section h2 {font-size:1.25rem;}
	.intro p {font-size:0.95rem;}
}


.section ul ul {
	margin-left: 1.5rem;
	list-style: disc;
}

.section ul ul li {
	margin: 0.25rem 0;
}

.section ul ul a {
	font-weight: normal;
}