/*
 * GEO/SEO Internal Links — front-end styles for the "Important links" box.
 * Deliberately light: inherits theme typography, only structures the layouts.
 */
.gsil-box { margin: 1.5em 0; }
.gsil-box__heading { margin: 0 0 .5em; font-size: 1.1em; }
.gsil-box__list { margin: 0; padding: 0; list-style: none; }

/* List */
.gsil-box__list--list .gsil-box__item { margin: .25em 0; }

/* Inline */
.gsil-box__list--inline { display: flex; flex-wrap: wrap; gap: .35em .9em; }
.gsil-box__list--inline .gsil-box__item { position: relative; }
.gsil-box__list--inline .gsil-box__item + .gsil-box__item::before {
	content: "·";
	position: absolute;
	left: -.55em;
	opacity: .5;
}

/* Grid */
.gsil-box__list--grid {
	display: grid;
	grid-template-columns: repeat(var(--gsil-cols, 3), minmax(0, 1fr));
	gap: .5em .9em;
}
@media (max-width: 600px) {
	.gsil-box__list--grid { grid-template-columns: 1fr 1fr; }
}

.gsil-box__link { text-decoration: underline; }
.gsil-box__link:hover,
.gsil-box__link:focus { text-decoration: none; }

/* Auto-inserted in-content links keep the theme's link styling; this only
   provides a hook for site-specific tweaks. */
.gsil-link { }
