
.bbk-mi-wrap{max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,5rem) 1.25rem 5rem}
.bbk-mi-page-header{max-width:820px;margin-bottom:2rem}
.bbk-mi-eyebrow,.bbk-mi-category,.bbk-mi-sortdate{font-family:"BBK Mono","IBM Plex Mono",monospace;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}
.bbk-mi-page-header h1,.bbk-mi-card h2{font-family:"BBK Display","Bodoni Moda",Georgia,serif}
.bbk-mi-page-header h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.98;margin:.3rem 0 1rem}
.bbk-mi-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 2.5rem}
.bbk-mi-filters a,.bbk-mi-button{display:inline-block;border:1px solid currentColor;padding:.65rem .9rem;text-decoration:none;font-family:"BBK Mono","IBM Plex Mono",monospace;font-size:.82rem}
.bbk-mi-filters a.is-active,.bbk-mi-filters a:hover,.bbk-mi-button:hover{background:#E64D4F;border-color:#E64D4F;color:#fff}
.bbk-mi-list{display:grid;gap:1.4rem}.bbk-mi-card{border-top:1px solid #1A1A18;padding:1.4rem 0 2rem}
.bbk-mi-meta-top{display:flex;justify-content:space-between;gap:1rem;color:#666}
.bbk-mi-card h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.04;margin:.65rem 0 1rem}
.bbk-mi-facts{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin-bottom:1rem}.bbk-mi-facts p{margin:0}
.bbk-mi-summary{max-width:850px}.bbk-mi-details{margin-top:1rem;border-top:1px solid #EAE5DE;padding-top:.8rem}
.bbk-mi-details summary{cursor:pointer;font-family:"BBK Mono","IBM Plex Mono",monospace;font-size:.85rem}
.bbk-mi-original{margin-top:1rem;padding:1rem;background:#F7F4F1}.bbk-mi-empty{padding:2rem;background:#F7F4F1}
@media(max-width:700px){.bbk-mi-meta-top{display:block}.bbk-mi-sortdate{display:block;margin-top:.35rem}}


/* Version 0.3 */
.bbk-mi-federal-note{margin-top:1.25rem;padding-left:1rem;border-left:3px solid #E64D4F}
.bbk-mi-federal-note a{font-weight:600}
.bbk-mi-view-switch{display:flex;gap:.5rem;margin:2rem 0 1rem}
.bbk-mi-view-switch a{padding:.55rem 1rem;border:1px solid #1A1A18;text-decoration:none;font-family:"BBK Mono","IBM Plex Mono",monospace;font-size:.82rem}
.bbk-mi-view-switch a.is-active{background:#1A1A18;color:#fff}
.bbk-mi-search{margin:1rem 0 1.5rem;max-width:680px}
.bbk-mi-search label{display:block;font-family:"BBK Mono","IBM Plex Mono",monospace;font-size:.8rem;text-transform:uppercase;margin-bottom:.35rem}
.bbk-mi-search>div{display:flex;gap:.5rem}
.bbk-mi-search input{flex:1;padding:.7rem .8rem;border:1px solid #8A857A;font:inherit}
.bbk-mi-search button{padding:.7rem 1rem;border:1px solid #E64D4F;background:#E64D4F;color:#fff;font-family:"BBK Mono","IBM Plex Mono",monospace;cursor:pointer}
.bbk-mi-badge,.bbk-mi-deadline-badge{display:inline-block;margin-left:.45rem;padding:.16rem .38rem;font-family:"BBK Mono","IBM Plex Mono",monospace;font-size:.7rem;line-height:1.2;border:1px solid currentColor}
.bbk-mi-badge{background:#E64D4F;border-color:#E64D4F;color:#fff}
.bbk-mi-deadline-badge{color:#A63739}
.bbk-mi-actions{margin-top:1.15rem}
.bbk-mi-details{margin-top:1rem}
.bbk-mi-details summary{display:inline-block;border:1px solid #8A857A;padding:.55rem .8rem;list-style:none;cursor:pointer}
.bbk-mi-details summary::-webkit-details-marker{display:none}
.bbk-mi-details[open] summary{background:#F7F4F1}
.bbk-mi-original{border-left:3px solid #EAE5DE}
.bbk-mi-attachments{margin-top:1rem;padding-top:1rem;border-top:1px solid #EAE5DE}
.bbk-mi-attachments h3{font-family:"BBK Mono","IBM Plex Mono",monospace;text-transform:uppercase;font-size:.82rem}
.bbk-mi-attachments ul{margin:.4rem 0 0;padding-left:1.2rem}
@media(max-width:700px){.bbk-mi-search>div{display:block}.bbk-mi-search button{margin-top:.5rem;width:100%}}


/* Version 0.5.3 – Frontend refinement */
.bbk-mi-hero{
	max-width:980px;
	margin-bottom:2rem;
}
.bbk-mi-intro{
	max-width:800px;
	font-size:1.08rem;
}
.bbk-mi-toolbar{
	display:grid;
	grid-template-columns:auto minmax(320px,1fr);
	gap:2rem;
	align-items:end;
	margin-top:2rem;
}
.bbk-mi-view-switch{
	margin:0;
}
.bbk-mi-view-switch a{
	min-width:92px;
	text-align:center;
}
.bbk-mi-search{
	margin:0;
	max-width:none;
}
.bbk-mi-search-row{
	display:flex;
	gap:.5rem;
}
.bbk-mi-filter-section{
	margin:2.2rem 0 2.6rem;
	padding-top:1.25rem;
	border-top:1px solid #EAE5DE;
}
.bbk-mi-filter-heading{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:1rem;
	margin-bottom:.8rem;
}
.bbk-mi-filter-heading h2{
	margin:0;
	font-family:"BBK Mono","IBM Plex Mono",monospace;
	font-size:.8rem;
	text-transform:uppercase;
	letter-spacing:.04em;
	font-weight:500;
}
.bbk-mi-filter-heading span{
	font-family:"BBK Mono","IBM Plex Mono",monospace;
	font-size:.75rem;
	color:#8A857A;
}
.bbk-mi-filters{
	display:flex;
	flex-wrap:wrap;
	gap:.5rem;
	margin:0;
}
.bbk-mi-filters a{
	display:inline-flex;
	align-items:center;
	gap:.6rem;
	padding:.5rem .72rem;
	border-radius:999px;
	font-size:.76rem;
	line-height:1.1;
}
.bbk-mi-filters a small{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:1.55rem;
	height:1.55rem;
	padding:0 .35rem;
	border-radius:999px;
	background:#F7F4F1;
	color:#1A1A18;
	font-size:.68rem;
}
.bbk-mi-filters a.is-active small,
.bbk-mi-filters a:hover small{
	background:rgba(255,255,255,.92);
	color:#1A1A18;
}
.bbk-mi-card{
	padding:1.65rem 0 2.2rem;
}
.bbk-mi-card.is-archived{
	opacity:.78;
}
.bbk-mi-badges{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.4rem;
}
.bbk-mi-category,
.bbk-mi-badge,
.bbk-mi-deadline-badge,
.bbk-mi-archive-badge{
	margin-left:0;
}
.bbk-mi-archive-badge{
	display:inline-block;
	padding:.16rem .38rem;
	font-family:"BBK Mono","IBM Plex Mono",monospace;
	font-size:.7rem;
	line-height:1.2;
	border:1px solid #8A857A;
	color:#8A857A;
}
.bbk-mi-card h2{
	max-width:900px;
	margin-top:.8rem;
}
.bbk-mi-facts{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
	gap:.8rem 1rem;
	margin:1rem 0 1.15rem;
	padding:1rem 0;
	border-top:1px solid #EAE5DE;
	border-bottom:1px solid #EAE5DE;
}
.bbk-mi-facts p{
	display:flex;
	flex-direction:column;
	gap:.15rem;
}
.bbk-mi-facts p span{
	font-family:"BBK Mono","IBM Plex Mono",monospace;
	font-size:.7rem;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:#8A857A;
}
.bbk-mi-facts p strong{
	font-weight:600;
}
.bbk-mi-summary{
	max-width:900px;
}
.bbk-mi-actions{
	margin-top:1rem;
}
.bbk-mi-empty{
	max-width:760px;
}
.bbk-mi-reset{
	display:inline-block;
	margin-top:.5rem;
	padding:.55rem .8rem;
	border:1px solid currentColor;
	text-decoration:none;
	font-family:"BBK Mono","IBM Plex Mono",monospace;
	font-size:.78rem;
}
@media(max-width:850px){
	.bbk-mi-toolbar{
		grid-template-columns:1fr;
		gap:1rem;
	}
}
@media(max-width:700px){
	.bbk-mi-filter-heading{
		display:block;
	}
	.bbk-mi-filter-heading span{
		display:block;
		margin-top:.3rem;
	}
	.bbk-mi-filters a{
		flex:1 1 calc(50% - .5rem);
		justify-content:space-between;
		border-radius:0;
	}
	.bbk-mi-search-row{
		display:block;
	}
	.bbk-mi-search button{
		margin-top:.5rem;
		width:100%;
	}
}
@media(max-width:460px){
	.bbk-mi-filters a{
		flex-basis:100%;
	}
}
