.crumbs{
	 margin-top: 18px;
	 color: var(--muted);
	 font-size: 13px;
	 display:flex;
	 gap: 8px;
	 flex-wrap: wrap;
	 align-items:center;
 }
.crumbs a{ color: rgba(255,255,255,.86); }
.crumbs a:hover{ color: var(--text); }

.eventHeader{ margin-top: 10px; }
.eventMeta{
	display:flex;
	gap: 10px;
	align-items:center;
	flex-wrap: wrap;
	margin-bottom: 10px;
	color: var(--muted);
	font-size: 13px;
}
.eventType{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding: 8px 10px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.16);
	background: rgba(255,255,255,.04);
	color: rgba(255,255,255,.88);
	font-weight: 700;
	letter-spacing: .2px;
}
.dotSep{ color: rgba(255,255,255,.35); }

.eventHeader h1{
	margin: 0;
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.1;
	letter-spacing: -0.7px;
}
.eventIntro{
	margin: 10px 0 0;
	color: var(--muted);
	max-width: 75ch;
	font-size: 16px;
}
.eventActions{
	margin-top: 14px;
	display:flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items:center;
}

.eventGrid{
	margin-top: 16px;
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 14px;
	align-items:start;
}

.eventBody{
	border: 1px solid var(--border);
	border-radius: var(--r2);
	background: rgba(255,255,255,.04);
	box-shadow: var(--shadow);
	padding: 16px;
	overflow: hidden;
}

.eventMedia{
	margin: 0 0 12px;
	width: 100%;
}
.eventMedia img{
	width: 100%;
	height: auto;
	display:block;
	border-radius: 18px;
}

.photoLabel{
	display:inline-block;
	margin-top: 8px;
	font-size: 12px;
	color: rgba(255,255,255,.78);
	border: 1px solid rgba(255,255,255,.18);
	background: rgba(0,0,0,.18);
	padding: 8px 10px;
	border-radius: 999px;
}

.eventBody h2{
	margin: 16px 0 10px;
	font-size: 18px;
	letter-spacing: -0.2px;
}
.eventBody p{
	margin: 0 0 12px;
	color: rgba(255,255,255,.88);
}

.eventList{
	margin: 0 0 12px 18px;
	color: rgba(255,255,255,.88);
}
.eventList li{ margin: 6px 0; }
.eventList strong{ color: rgba(255,255,255,.92); }

.resultsPanel{
	margin-top: 16px;
	border: 1px solid rgba(43,113,255,.30);
	border-radius: 18px;
	background: rgba(43,113,255,.10);
	overflow: hidden;
}
.resultsHead{
	padding: 12px 14px;
	border-bottom: 1px solid rgba(255,255,255,.12);
	background: rgba(0,0,0,.14);
}
.resultsHead h2{ margin: 0 0 4px; font-size: 16px; }
.mutedSmall{ margin: 0; color: var(--muted); font-size: 13px; }

.iframeWrap{
	width: 100%;
	/*aspect-ratio: 16 / 10;*/
	background: rgba(0,0,0,.16);

	height: 600px;
	overflow: hidden;
}
.iframeWrap iframe{
	width: 100%;
	height: 100%;
	border: 0;
	display:block;

	width: calc(100% + 75px);              /* compenso taglio sinistro */
	height: calc(100% + 245px); /* 65 sopra + 180 sotto */
	position: relative;
	top: -65px;   /* taglio sopra */
	/*left: -73px;*/                           /* taglio sinistra */

}

 @media (max-width: 682px) {
	 .iframeWrap{
		 height: 500px;
	 }
	 .iframeWrap iframe{
		 width: calc(100% + 0px);              /* compenso taglio sinistro */
		 height: calc(100% + 420px); /* 65 sopra + ... sotto */
		 position: relative;
		 top: -65px;   /* taglio sopra */
		 /*left: -73px;*/                           /* taglio sinistra */

	 }
 }



.eventCta{
	margin-top: 16px;
	padding: 16px;
	border-radius: var(--r2);
	border: 1px solid rgba(212,176,76,.35);
	background: rgba(212,176,76,.10);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap: 12px;
	flex-wrap: wrap;
}
.eventCta h3{ margin: 0 0 4px; font-size: 16px; }
.eventCta p{ margin: 0; color: var(--muted); font-size: 14px; }

.eventSide{
	display:flex;
	flex-direction:column;
	gap: 14px;
	position: sticky;
	top: 92px;
}
.sideCard{
	border: 1px solid var(--border);
	border-radius: var(--r2);
	background: rgba(255,255,255,.04);
	box-shadow: var(--shadow);
	padding: 16px;
}
.sideCard h3{ margin: 0 0 10px; font-size: 16px; }

.kv{ margin: 0; }
.kv > div{
	display:flex;
	justify-content:space-between;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,.10);
}
.kv > div:first-child{ border-top: 0; padding-top: 0; }
.kv dt{ color: var(--muted); font-size: 13px; }
.kv dd{ margin: 0; font-weight: 700; color: rgba(255,255,255,.92); }

.sideList{ margin: 0; padding-left: 18px; color: var(--muted); }
.sideList a{ color: rgba(255,255,255,.86); }
.sideList a:hover{ color: var(--text); }

.eventNav{
	margin-top: 18px;
	display:flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (max-width: 980px){
	.eventGrid{ grid-template-columns: 1fr; }
	.eventSide{ position: static; top:auto; }
	.eventIntro{ font-size: 17px; }
	.eventBody p{ font-size: 16px; }
	/*.iframeWrap{ aspect-ratio: 16 / 12; }*/
}