Järjestelmäviesti:Common.css

Huomautus: Selaimen välimuisti pitää tyhjentää asetusten tallentamisen jälkeen, jotta muutokset tulisivat voimaan.

• Firefox ja Safari: Napsauta Shift-näppäin pohjassa Päivitä, tai paina Ctrl-F5 tai Ctrl-R (⌘-R Macilla)
• Google Chrome: Paina Ctrl-Shift-R (⌘-Shift-R Macilla)
• Edge: Napsauta Ctrl-näppäin pohjassa Päivitä tai paina Ctrl-F5

/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */
/* Nollapiste Wiki - etusivu */

.etusivu-hero {
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 12px;
    background: var(--background-color-interactive-subtle, #f8f9fa);
    text-align: center;
}

.etusivu-hero__title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.etusivu-hero__text {
    font-size: 1.1rem;
    opacity: .8;
}

.etusivu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.etusivu-kortti {
    padding: 1.25rem;
    border: 1px solid var(--border-color-base, #a2a9b1);
    border-radius: 12px;
    background: var(--background-color-base, #fff);
    text-align: center;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease;
}

.etusivu-kortti:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}

.etusivu-kortti img {
    margin-bottom: .7rem;
}

.etusivu-kortti__title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: .3rem;
}

.etusivu-kortti__title a {
    text-decoration: none;
}

.etusivu-kortti__text {
    font-size: .9rem;
    opacity: .8;
}

/* =========================
   Wikin ylläpitäjäkortit
   ========================= */

.staff-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 32px 0;
}

.staff-card {
	position: relative;
	box-sizing: border-box;

	background: var(--background-color-base, #fff);
	border: 1px solid var(--border-color-base, #a2a9b1);
	border-radius: 8px;

	padding: 84px 24px 22px;
	margin-top: 64px;

	text-align: center;

	box-shadow:
		0 2px 4px rgba(0, 0, 0, 0.08),
		0 8px 24px rgba(0, 0, 0, 0.05);

	transition:
		transform 0.15s ease,
		box-shadow 0.15s ease;
}

.staff-card:hover {
	transform: translateY(-3px);

	box-shadow:
		0 4px 8px rgba(0, 0, 0, 0.10),
		0 12px 28px rgba(0, 0, 0, 0.08);
}

/* Minecraft-hahmon pää */

.staff-card__avatar {
	position: absolute;
	top: -64px;
	left: 50%;
	transform: translateX(-50%);

	width: 128px;
	height: 128px;
}

.staff-card__avatar img {
	width: 128px;
	height: 128px;

	object-fit: contain;

	image-rendering: pixelated;
	image-rendering: crisp-edges;

	filter: drop-shadow(0 5px 4px rgba(0, 0, 0, 0.18));
}

/* Nimi */

.staff-card__name {
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.2;

	margin-bottom: 4px;
}

.staff-card__name a {
	color: inherit;
	text-decoration: none;
}

.staff-card__name a:hover {
	text-decoration: underline;
}

/* Rooli */

.staff-card__role {
	font-size: 0.9rem;
	font-weight: 600;

	color: #72777d;

	text-transform: uppercase;
	letter-spacing: 0.04em;

	margin-bottom: 16px;
}

/* Kuvaus / vastuualue */

.staff-card__description {
	font-size: 0.95rem;
	line-height: 1.5;

	color: var(--color-base, #202122);

	margin: 0 auto 18px;
	max-width: 300px;
}

/* Profiili + keskustelu */

.staff-card__links {
	border-top: 1px solid var(--border-color-subtle, #eaecf0);

	padding-top: 14px;

	font-size: 0.85rem;
}

.staff-card__links a {
	text-decoration: none;
}

.staff-card__links a:hover {
	text-decoration: underline;
}

.staff-card__separator {
	margin: 0 7px;
	color: #a2a9b1;
}

/* Tabletit */

@media screen and (max-width: 900px) {
	.staff-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Puhelimet */

@media screen and (max-width: 600px) {
	.staff-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.staff-card {
		max-width: 420px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 64px;
	}
}