/* Gigpage Core: late-2000s look (Verdana, bordered boxes, blue gradient headers) */
.mgg {
	max-width: 960px;
	margin: 0 auto;
	font: 12px/1.5 Verdana, Tahoma, Arial, sans-serif;
	color: #222;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}
.mgg-box {
	background: #fff;
	border: 1px solid #aab4c0;
	box-shadow: 2px 2px 0 #dde3ea;
}
.mgg-box h3 {
	margin: 0;
	padding: 6px 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #3a6190;
	background: linear-gradient(#5b88b8, #3a6190);
	border-bottom: 1px solid #2c4b70;
}
.mgg-meta {
	margin: 0;
	padding: 5px 10px;
	font-size: 11px;
	color: #555;
	background: #eef2f6;
	border-bottom: 1px dotted #aab4c0;
}
.mgg-meta a { color: #0b4f9c; text-decoration: none; }
.mgg-meta a:hover { text-decoration: underline; }
.mgg-body { padding: 6px 10px 10px; }
.mgg-body h4 {
	margin: 10px 0 2px;
	font: bold 13px Georgia, "Times New Roman", serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #a33;
	border-bottom: 1px solid #ddd;
}
.mgg-body h5 {
	margin: 8px 0 2px;
	font: bold 11px Verdana, sans-serif;
	text-transform: lowercase;
	color: #777;
}
.mgg-body ul { margin: 0; padding: 0; list-style: none; }
.mgg-body li { margin: 0 0 2px; padding: 0; }
.mgg-body li strong { color: #000; }
.mgg-none { color: #888; font-style: italic; }

@media (max-width: 900px) { .mgg { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .mgg { grid-template-columns: 1fr; } }