/*
 * Lliçó interactiva — chrome compartit (breadcrumbs + back link + empty state).
 * Uses the global qe-* design tokens so it matches the rest of the site.
 */
.llico-shell{display:block;}
.llico-shell__hero{
	background:var(--qe-stone-50);
	border-bottom:1px solid var(--qe-border);
	padding:var(--qe-space-8) 0 var(--qe-space-7);
	font-family:var(--qe-font-body);
}
.llico-shell__hero-inner{max-width:var(--qe-container);margin:0 auto;padding:0 var(--qe-gutter);}
.llico-shell__crumbs{font-size:var(--qe-fs-sm);color:var(--qe-fg-muted);margin:0 0 var(--qe-space-4);}
.llico-shell__crumbs a{color:var(--qe-fg-brand);text-decoration:none;}
.llico-shell__crumbs a:hover{text-decoration:underline;}
.llico-shell__crumbs .sep{margin:0 var(--qe-space-2);color:var(--qe-fg-subtle);}
.llico-shell__eyebrow{
	font-size:var(--qe-fs-xs);
	letter-spacing:var(--qe-ls-caps);
	text-transform:uppercase;
	color:var(--qe-fg-accent);
	font-weight:700;
	margin:0 0 var(--qe-space-2);
	font-family:var(--qe-font-body);
}
.llico-shell__title{
	font-family:var(--qe-font-display);
	font-weight:600;
	font-size:var(--qe-fs-3xl);
	line-height:var(--qe-lh-tight);
	color:var(--qe-fg);
	margin:0 0 var(--qe-space-3);
	letter-spacing:var(--qe-ls-tight);
}
.llico-shell__lede{
	font-size:var(--qe-fs-lg);
	color:var(--qe-fg-muted);
	max-width:680px;
	margin:0 0 var(--qe-space-4);
	line-height:var(--qe-lh-normal);
	font-family:var(--qe-font-body);
}
.llico-shell__meta{
	list-style:none;
	display:flex;
	gap:var(--qe-space-3);
	flex-wrap:wrap;
	padding:0;
	margin:var(--qe-space-2) 0 0;
	font-size:var(--qe-fs-sm);
	color:var(--qe-fg-muted);
	font-weight:600;
	font-family:var(--qe-font-body);
}
.llico-shell__meta li{
	display:inline-flex;
	align-items:center;
	gap:var(--qe-space-2);
	background:var(--qe-bg-elevated);
	border:1px solid var(--qe-border);
	border-radius:var(--qe-radius-pill);
	padding:var(--qe-space-1) var(--qe-space-4);
}

.llico-shell__empty{padding:var(--qe-space-11) 0;text-align:center;background:var(--qe-bg-muted);}
.llico-shell__empty p{color:var(--qe-fg-subtle);font-style:italic;font-family:var(--qe-font-body);}

.llico-shell__back{
	background:var(--qe-blue-900);
	color:var(--qe-fg-inverse);
	padding:var(--qe-space-7) 0;
	text-align:center;
	font-family:var(--qe-font-body);
}
.llico-shell__back-link{
	display:inline-block;
	color:var(--qe-fg-inverse);
	text-decoration:none;
	font-weight:600;
	border:1px solid rgba(255,255,255,.18);
	border-radius:var(--qe-radius-pill);
	padding:var(--qe-space-3) var(--qe-space-6);
	font-size:var(--qe-fs-sm);
	transition:background var(--qe-dur-2) var(--qe-ease);
}
.llico-shell__back-link:hover{background:rgba(255,255,255,.08);color:var(--qe-white);}

@media (max-width:760px){
	.llico-shell__hero{padding:var(--qe-space-6) 0;}
}