.inscription-chooser{margin:1rem 0 2rem}
.inscription-chooser .chooser{display:flex;gap:.5rem;flex-wrap:wrap}
/* Choice pills aligned with site variables */
.inscription-chooser .choice{
	padding:.55rem 1rem;
	border:1px solid var(--border);
	border-radius:10px;
	background:color-mix(in oklab, var(--panel) 88%, transparent);
	color:var(--text);
	cursor:pointer;
	text-decoration:none;
	transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
.inscription-chooser .choice:hover{background:color-mix(in oklab, var(--panel) 94%, transparent)}
.inscription-chooser .choice.active{
	background:var(--brand);
	color:var(--button-text);
	border-color:var(--brand);
}

/* Downloads grid and cards */
.inscription-downloads{margin-top:1.5rem}
.inscription-downloads .insc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1rem 0}
.inscription-downloads .card{
	border:1px solid var(--border);
	border-radius:12px;
	padding:1rem;
	background:var(--panel);
}
.inscription-downloads .card h3{margin-top:0}

/* Download buttons – align to global .button look */
.button-download{
	display:inline-block;
	margin-top:.5rem;
	background:transparent;
	border:1px solid var(--border);
	border-radius:10px;
	padding:.55rem .9rem;
	text-decoration:none;
	color:var(--text);
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.button-download:hover{background:color-mix(in oklab, var(--panel) 88%, transparent)}
.button-download.primary{
	background:var(--brand);
	border-color:var(--brand);
	color:var(--button-text);
}
.button-download.primary:hover{background:var(--brand-dark)}

/* Tutorial tabs and panes */
.inscription-tuto{margin-top:2.5rem}
.tuto-toggle{display:flex;gap:.5rem;margin:.5rem 0 1rem;flex-wrap:wrap}
.tuto-toggle [role=tab]{
	padding:.55rem 1rem;
	border:1px solid var(--border);
	border-radius:10px;
	background:color-mix(in oklab, var(--panel) 88%, transparent);
	color:var(--text);
	cursor:pointer;
}
.tuto-toggle [role=tab]:hover{background:color-mix(in oklab, var(--panel) 94%, transparent)}
.tuto-toggle [role=tab].active{background:var(--brand);color:var(--button-text);border-color:var(--brand)}
.tuto-pane{display:none}
.tuto-pane.active{display:block}
.tuto-steps{list-style:decimal;padding-left:1.25rem}
.tuto-steps li{margin-bottom:1rem}
.tuto-steps img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border)}

.muted{color:var(--muted);font-size:.95rem}

/* Small screens: keep controls readable */
@media (max-width:600px){
	.inscription-chooser .choice{flex:1 1 auto}
}

/* Larger screens: increase gaps slightly */
@media (min-width: 900px){
	.inscription-downloads .insc-grid{gap:1.5rem}
}