.home-tile-shell,
.gold-box {
	position: relative;
	/* Kafelki mają własne `overflow: hidden`, które obcinało „?” i podpowiedź. */
	overflow: visible;
}

.home-tile-shell {
	min-width: 0;
}

body.gn-modern .home-tiles {
	overflow: visible !important;
}

body.gn-modern .home-tile-shell > a.home-tile.white-box {
	height: 100%;
}

/* Strzałka trzymała się górnej krawędzi i zderzała się z „?” w narożniku;
   na środku wysokości oba elementy mijają się bez zwężania tekstu kafelka. */
body.gn-modern .home-tile-shell .home-tile__arrow {
	align-self: center !important;
	justify-self: center !important;
}

/* Odsunięcie strzałki i tekstu od narożnika, w którym siedzi „?”.
   Selektor musi być tak mocny jak `.grave .actions-grid .gold-box a`
   (również w wariancie dla trybu ciemnego) z grobonet-modern.css. */
body.gn-modern .gold-box > a,
body.gn-modern .grave .actions-grid .gold-box > a,
body.dark-mode.gn-modern .grave .actions-grid .gold-box > a {
	padding-right: 34px !important;
}

.gn-context-help__trigger {
	position: absolute;
	z-index: 12;
	top: 10px;
	right: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #0b2454;
	box-shadow: 0 3px 10px rgba(15, 23, 42, 0.22);
	color: #fff;
	font: 700 17px/1 Roboto, Arial, sans-serif;
	cursor: help;
}

/*
 * „?” trzyma się wewnątrz narożnika: karta grobu (`.grave`) ma
 * `overflow: hidden`, więc wystający poza obrys przycisk był ucinany.
 */
body.gn-modern .gold-box .gn-context-help__trigger {
	top: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	border-width: 1px;
	font-size: 13px;
}

.gn-context-help__trigger:hover,
.gn-context-help__trigger[aria-expanded="true"] {
	background: #176f7c;
}

.gn-context-help__trigger:focus-visible {
	outline: 3px solid #f3c969;
	outline-offset: 2px;
}

/*
 * Pozycja `fixed` + wyliczanie współrzędnych w JS: kafelki, `.grave` i kolumny
 * bootstrapa mają `overflow: hidden`, które ucinało treść podpowiedzi.
 */
.gn-context-help__popover {
	position: fixed;
	z-index: 1200;
	top: 0;
	left: 0;
	display: block;
	width: min(320px, calc(100vw - 24px));
	padding: 14px 16px;
	border: 1px solid #c9d7dc;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.22);
	color: #172033;
	font: 400 14px/1.5 Roboto, Arial, sans-serif;
	text-align: left;
}

.gn-context-help__popover[hidden] {
	display: none !important;
}

.gn-context-help__title,
.gn-context-help__text {
	display: block;
}

.gn-context-help__title {
	margin-bottom: 5px;
	font-size: 15px;
}

body.dark-mode.gn-modern .gn-context-help__popover {
	border-color: #426071;
	background: #152a35;
	color: #f3f7f9;
}

@media print {
	.gn-context-help__trigger,
	.gn-context-help__popover {
		display: none !important;
	}
}